vue-pikaday

A lightweight Vue.js directive wrapper over dbushell/Pikaday.

Install

Install the library from NPM
npm install vue-pikaday

Install the directive

import vPikaday from 'vue-pikaday'
Vue.use(vPikaday)

Set some VM data to bind

 new Vue({
   data () {
     return { date: null }
   }
})

Create the datepicker
<input type="text" v-date="date">

The directive does not include any styling by default. You can grab base css & scss from the Pikaday repository.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.