No change event is fired on selecting a date.

[vdboor]

When the datepicker is attached to an input field, it will not trigger a change event after selecting the date.
This became visible as my code relied on change events to occur; for example when combining this plugin with the jQuery mask plugin.

This is my current a workaround:

const datePicker = new AirDatepicker(el, {
    ....
            onSelect: (e)  => {
                // Make sure jQuery mask plugin and our form handlers update.
                this.$el.change();
            }
}

[silent-e]

This is how I did it without relying on jQuery.

    onSelect: ({date, formattedDate, datepicker}) => {
      // NOTE: for now we have to manually create a change event to dispatch to the field since AirDatepicker isn't triggering one
      const _event = new Event('change');
      datepicker.$el.dispatchEvent(_event);
    },

The change event on an input is tricky to capture and isn't reliably fired based on a change in value from simply changing the value in javascript. The library I recently migrated from (Flatpickr) manually creates events and fires both a change event and an input event.

My version probably isn't as robust as Flatpickr's but it works for me right now. Flatpickr's method using document.createEvent() is deprecated anyways.