An easy-to-use date picker component for vue.js that supports date range selections and predefined date ranges.
Usage:
import Vue from 'vue' import VueRangedatePicker from 'vue-rangedate-picker' import './dist/vue-rangedate-picker.css' Vue.use(VueRangedatePicker)
Default props.
i18n: { type: String, default: defaultI18n }, months: { type: Array, default: () => null }, shortDays: { type: Array, default: () => null }, // options for captions are: title, ok_button captions: { type: Object, default: () => defaultCaptions }, format: { type: String, default: 'DD MMM YYYY' }, styles: { type: Object, default: () => {} }, initRange: { type: Object, default: () => null }, startActiveMonth: { type: Number, default: new Date().getMonth() }, startActiveYear: { type: Number, default: new Date().getFullYear() }, presetRanges: { type: Object, default: () => null }, compact: { type: String, default: 'false' }, righttoleft: { type: String, default: 'false' }
Preview:
Download Details:
Author: bliblidotcom
Live Demo: https://bliblidotcom.github.io/vue-rangedate-picker/demo/
Download Link: https://github.com/bliblidotcom/vue-rangedate-picker/archive/master.zip
Official Website: https://github.com/bliblidotcom/vue-rangedate-picker
Install & Download:
# NPM
$ npm install vue-rangedate-picker --save