Flatpickr

How it works

flatpickr is a lightweight and powerful datetime picker. For more info, please visit the flatpickr.js.org

• Dependency-free (no bloated bundles)
• Simple, polished UX
• 51 locales
• Libraries available for React, Angular, Vue, Ember, and more
• Range selections
• Date + time input
• Can be used as just a time picker
• Display dates in a human-friendly format
• Week numbers
• Ability to select multiple dates
• Easily disable specific dates, date ranges, or any date using arbitrary logic
• 8 colorful themes (incl. dark and material)
• Numerous plugins

{
	enableTime: true,
	dateFormat: "Y-m-d H:i",
}

{
    minDate: "2020-01"
}

 {
    mode: "multiple",
    dateFormat: "Y-m-d"
}

{
    mode: "range",
    dateFormat: "Y-m-d",
    defaultDate: ["2016-10-10", "2016-10-20"]
}

{
    enableTime: true,
    noCalendar: true,
    dateFormat: "H:i",
}