Basic date picker

The simplest flatpickr setup: one input, one calendar popup. Click the input to open it.

With no options, flatpickr uses the Y-m-d format and opens on click or focus. This is the configuration shipped in the upstream quick-start template.

Code

<input id="picker" placeholder="Select Date...">
<script>
  flatpickr("#picker", {});
</script>

← Back to the full demo · Home · Guide