Flatpickr

Basic date picker using flatpickr(input) with default settings.

flatpickr("input[name=basic]");

Date and Time picker with enableTime: true .

flatpickr("input[name=datetime]", {
  enableTime: true,
  dateFormat: "Y-m-d H:i"
});

Displays a user-friendly date format while submitting a standard database format.

flatpickr("input[name=human]", {
  altInput: true,
  altFormat: "F j, Y",
  dateFormat: "Y-m-d"
});

Select a range of dates using mode: "range" .

flatpickr("input[name=range]", {
  mode: "range"
});