Guide
Validators
Plugins
Examples
Updates
Purchase

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
Integrating with flatpickr
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'
          )
          ;
          
        

        

          
          }
          ,
          
        

        

          
          }
          )
          ;

See also