Pickers Forms | CRMS - Advanced Bootstrap 5 Admin Template for Customer Management

Basic

Set data-provider="flatpickr" data-date-format="d M, Y" attribute.

DateTime

Set data-provider="flatpickr" data-date-format="d.m.y" data-enable-time attribute.

Human-Friendly Dates

Set data-provider="flatpickr" data-altFormat="F j, Y" attribute.

MinDate and MaxDate

Set data-provider="flatpickr" data-date-format="d M, Y" data-minDate="Your Min. Date" data-maxDate="Your Max. date" attribute.

Default Date

Set data-provider="flatpickr" data-date-format="d M, Y" data-deafult-date="Your Default Date" attribute.

Disabling Dates

Set data-provider="flatpickr" data-disable="true" attribute.

Selecting Multiple Dates

Set data-provider="flatpickr" data-date-format="d M, Y" data-multiple-date="true" attribute.

Range

Set data-provider="flatpickr" data-date-format="d M, Y" data-range-date="true" attribute.

Inline

Set data-provider="flatpickr" data-date-format="d M, Y" data-deafult-date="today" data-inline-date="true" attribute.

Week Numbers

Set data-provider="flatpickr" data-date-format="d M, Y" data-week-number attribute.

Timepicker

Set data-provider="timepickr" data-time-basic="true" attribute.

24-hour Time Picker

Set data-provider="timepickr" data-time-hrs="true" attribute.

Time Picker w/ Limits

Set data-provider="timepickr" data-min-time="Min.Time" data-max-time="Max.Time" attribute.

Preloading Time

Set data-provider="timepickr" data-default-time="Your Default Time" attribute.

Inline

Set data-provider="timepickr" data-time-inline="Your Default Time" attribute.