Flatpickr

Powerful javascript date and time picker. Official Documentation


See Flatpickr example with data attributes code below:


<!-- Single -->
<input type="text" class="form-control flatpickr" placeholder="Select date">

<!-- Multiple -->
<input type="text" class="form-control flatpickr" data-mode="multiple" placeholder="Select date">

<!-- Range -->
<input type="text" class="form-control flatpickr" data-mode="range" placeholder="Select date">

<!-- Enable Time with no calendar -->
<input type="text" class="form-control flatpickr" data-enableTime="true" data-noCalendar="true" placeholder="Select time">

<!-- Inline -->
<input type="text" class="form-control flatpickr" data-inline="true" placeholder="Select date">

Above code examples are few of the most common options from flatpickr. Checkout all examples at Official documentation