Flatpickr

There are few options on how to Flatpickr into your project.

Install from NPM

Install the Flatpickr Js library from command prompt from the root directory of the project:

npm install flatpickr --save

Import the Flatpickr package. We have imported in the src/assets/js/main.js file as its commonly used in multiple pages.

import flatpickr from "flatpickr";

Below the example how to use the package and make it working ApexTree on any page.

Codeigniter

<input data-provider="flatpickr" data-date-format="d M, Y" type="text" placeholder="YYYY-MM-DD" class="form-input" />

Make sure to add data-provider="flatpickr" to get the working flatpickr. You can use other attributes like data-min-date, data-date-format, data-multiple-date etc.