Multiple dates picker

Multiple mode collects several individual dates in a single field — handy for schedules, availability and event days.

Click dates to add them; click a selected date again to remove it. Values are separated by the conjunction (, by default).

Code

<input id="picker" placeholder="Select multiple dates...">
<script>
  flatpickr("#picker", { mode: "multiple", dateFormat: "Y-m-d" });
</script>

← Back to the full demo · Home · Guide