Using flatpickr for start and end dates

It's possible to use a date picker that allows user to choose a date easily. You have to revalidate the field when the date is changed. The example below uses the flatpickr, a lightweight and powerful datetime picker.

You should look at the basic principle when integrating FormValidation with 3rd party libraries

const fv = FormValidation.formValidation(form, {
    fields: {
        ...
    },
    plugins: {
        ...
    },
});

flatpickr(form.querySelector('[name="startDate"]'), {
    ...
    // After selecting a date, we need to revalidate the field
    onChange: function() {
        fv.revalidateField('startDate');
    },
});

flatpickr(form.querySelector('[name="endDate"]'), {
    ...
    onChange: function() {
        fv.revalidateField('endDate');
    },
});

Using flatpickr for start and end dates

See also