Pikaday vue

A Vue.js project

Version: 1.0.2 Updated: 05/22/2017

By: maxpou License: MIT

Downloads Last 30 Days: 22


npm i pikaday-vue
yarn add pikaday-vue

Repository: https://github.com/maxpou/pikaday-vue


bundle.run: https://bundle.run/pikaday-vue

jsDelivr: https://cdn.jsdelivr.net/npm/pikaday-vue

unpkg: https://unpkg.com/pikaday-vue


Build Status Standard - JavaScript Style Guide

A Vue.js wrapper for Pikaday

A demo is available here: www.maxpou.fr/pikaday-vue/


Props config:

  • minDate: earliest date that can be selected
  • maxDate: latest date that can be selected
  • defaultDate: default date set (should be a Date object)
  • setDefaultDate: make the defaultDate the initial selected value
  • firstDay: first day of the week (0: Sunday, 1: Monday, etc) (default: 1)
  • format: the default output format (examples) (default: MMMM Do YYYY)
  • numberOfMonths: number of calendars
  • calendarIcon: set the icon on the div (default: true)
  • disableWeekends disallow selection of Saturdays or Sundays (default: false)


  • onSelect(dateSelected): raise when date change


# install dependencies
npm install

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

# build for production with minification
npm run build-demo

# build for production and view the bundle analyzer report
npm run build-demo --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader. For commits messages, please follow the gitmoji guideline

Categories: Vue js