index.js

require('eldarion-ajax');
require('bootstrap-daterangepicker');

import moment from 'moment';

import ajaxSendMethod from './ajax';

const loadDatePicker = () => {
    $('#id_date').daterangepicker({
        singleDatePicker: true,
        startDate: $('#id_date').val() || moment(),
        locale: {
            format: 'YYYY-MM-DD'
        }
    });
};

$(() => {
    $(document).ajaxSend(ajaxSendMethod);

    loadDatePicker();
    $(document).on('eldarion-ajax:complete', (event, $el, responseData, textStatus, jqXHR) => {
        if ($el.attr('id') === 'note-form' || $el.hasClass('note-edit-link')) {
          loadDatePicker();
        }
        if ($el.hasClass('note-edit-link')) {
          $el.parent().find('.note').toggleClass('active', false);
          $el.toggleClass('active');
        }
    });
});