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 i vue-flatpickr-component

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 'vue-flatpickr-component';
import 'flatpickr/dist/flatpickr.css';

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

HTML

<flat-pickr v-model="minMaxDate" data-min-date="2024-01-01"
                data-max-date="2024-02-13" type="text" placeholder="DD MMM, YYYY" class="form-input" />

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

Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.