Date Picker

Basic

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

DateTime

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

Human-Friendly Dates

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

MinDate and MaxDate

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

Default Date

Set data-provider="flatpickr" data-default-date="...".

Disabling Dates

Set data-provider="flatpickr" data-disable-date="...".

Selecting Multiple Dates

Set data-provider="flatpickr" data-multiple-date="true".

Range

Set data-provider="flatpickr" data-range-date="true".

Week Numbers

Set data-provider="flatpickr" data-week-number.

Inline

Set data-provider="flatpickr" data-inline-date="true".

© Tailwick