Flatpickr — full live demo

This page expands the upstream quick-start template (index.template.html, which ships a single basic picker) into a working showcase of the main picker modes. Every input below is a real flatpickr instance.

1. Basic

2. Date range

3. Time only

4. Date & time

5. Multiple dates

6. Human-readable format

7. Min / max & disabled dates

8. Month select (plugin)

9. Inline calendar

Prefer one topic per page? See the individual example pages with code snippets, or the guide.