vue-pikaday

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

Live Demo / JS Bin

Install

Install the library from NPM

npm install vue-pikaday

Usage

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">

Styling

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

Build Setup

# 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.