Integrating with flatpickr

The form below is an example of using the date validator with flatpickr, a lightweight and powerful datetime picker.

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

If you look at the sample code, the date field has to be revalidated after picking a date from the date picker. You have to do the same thing for any date picker.

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

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

Integrating with flatpickr

See also