Flatpickr

OverviewOfficial Website

flatpickr is a lightweight and powerful datetime picker.

Import Package
<!--Flatepicker-->
import flatPickr from "vue-flatpickr-component";
Add Package
yarn add vue-flatpickr-component
Remove Package
yarn remove vue-flatpickr-component or you can remove package by removing specific package from package.json
Flatpickr Examples
Title HTML
Basic
<flatPickr class="form-control" :config="basic"></flatPickr>
DateTime
<flatPickr class="form-control" :config="enableTime"></flatPickr>
Human-Friendly Dates
<flatPickr class="form-control" :config="humanFriendly"></flatPickr>
MinDate and MaxDate
<flatPickr class="form-control" :config="minMax"></flatPickr>
Default Date
<flatPickr class="form-control" v-model="todayDate"></flatPickr>
Disabling Dates
<flatPickr class="form-control" :config="disableDate"></flatPickr>
Selecting Multiple Dates
<flatPickr class="form-control" :config="multipleDate"></flatPickr>
Range
<flatPickr class="form-control" :config="range"></flatPickr>
Inline
<flatPickr class="form-control" :config="inlineDate"></flatPickr>
Inline
<flatPickr class="form-control" :config="weekNumbers""></flatPickr>
© Hybrix.
Design & Develop by Themesbrand