Vue.js Component for Flatpickr Datetime Picker

ankurk91 Last Updated: 4 months ago

This is a Vue.js component for the Faltpickr DateTime picker.

Features

Reactive v-model value
- You can change flatpickr value programmatically
Reactive config options
- You can change config options dynamically
- Component will watch for any changes and redraw itself
- You are suggested to modify config via Vue.set
Emits all possible events
Compatible with Bootstrap, Bulma or any other CSS framework
Supports wrapped mode
- Just set wrap:true in config and component will take care of all
Play nice with vee-validate validation library

v9.0.6 (04/13/2022)

v9.0.5 (08/29/2021)

v9.0.4 (07/05/2021)

v9.0.3 (12/29/2020)

v9.0.0 (10/09/2020)

v8.1.6 (08/30/2020)

v8.1.5 (11/04/2019)

Author: ankurk91

Live Demo: https://jsfiddle.net/ankurk91/63kzdwLx/

Download Link: https://github.com/ankurk91/vue-flatpickr-component/archive/master.zip

Official Website: https://github.com/ankurk91/vue-flatpickr-component

# Yarn
$ yarn add vue-flatpickr-component

# NPM
$ npm install vue-flatpickr-component --save

Prev Article Next Article