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 --save react-flatpickr

Import the Flatpickr package.

import Flatpickr from 'react-flatpickr';

Import the Flatpickr Package css.

import 'flatpickr/dist/flatpickr.css';

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

Code

<div>
    <Flatpickr
        options={{
        dateFormat: "d M, Y",
        }}
        placeholder="YYYY-MM-DD"
        className="form-input"
        type='text'
    />
</div>