Flatpickr

flatpickr is a lightweight and powerful datetime picker. Use the required class varient (e.g. range_flatpicker, date_flatpicker, wrap_flatpicker active ) for different flatpickr. For more details

Installation
npm i vue-flatpickr-component
Script
<flat-picker v-model="inlineDate" class="d-none inline_flatpickr" :config="inlineDatepicker" placeholder="select Date"></flat-picker>
                
import { ref, reactive } from 'vue'
import FlatPicker from 'vue-flatpickr-component'

const inlineDate = ref('')

const inlineDatepicker = reactive({
   inline: true,
   minDate: 'today',
   dateFormat: 'Y-m-d'
})
Previous Next