Flatpickr

Official Docs

Basic

DateTime

Disabling

multipleDates

rangeCalendar

timePicker

weekNumbers

customEvents

Uses Instruction
flatpickr is delivered primarily via npm. npm i flatpickr
Add the following line into the <head> of each template or page that you want to use flatfickr on.
```

<link rel="stylesheet" href="./../assets/vendors/flatpickr/flatpickr.min.css">
```

Add the following lines before the <body> of each template or page that you want to use flatfickr on.


<!-- Flatpickr Main JS -->
<script src="./../assets/vendors/flatpickr/flatpickr.min.js"></script>

<!-- Flatpickr Initialize JS -->
<script src="./../assets/js/components/pickers/flatpickr-init.min.js"></script>

Configuration is optional and passed in an object {}. If you have jQuery, flatpickr is available as a plugin. Simply $(".selector").flatpickr(optional_config);
For full documentation please visit the link: https://flatpickr.js.org/

Flatpickr

Basic

DateTime

Disabling

multipleDates

rangeCalendar

timePicker

weekNumbers

customEvents

Uses Instruction