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