@efournar/datepicker

Date or datetime picker ui element. It can work as single value or select range.
4,044
Install
npm install @efournar/datepicker
Latest Version:0.2.1
Vue:2
Last Updated:Jul 16, 2021
Links: GitHub  ·  npm
Maintainer: efournar

Vue Datepicker Component

GitHub package.json version npm GitHub

Install with NPM

npm i @efournar/datepicker

Demo

You have to clone the project and compile it in order to run.

git clone https://github.com/e4nar/datetimepicker.git

npm run serve

Include into your project

import Datepicker from '@efournar/datepicker'
import '@efournar/datepicker/dist/datepicker.css'

Vue.use(Datepicker);

Props

   <datepicker 
        v-model=""
        :is-range=""
        :display-icon=""
        :display-preview=""
        :display-time=""
        :disabled-dates=""
        :disabled-month-dates=""
        :disabled-week-days=""
        :min-date=""
        :max-date=""
   />
Prop Type Value Default
value (v-model) String A date or datetime string or a range, e.g. 2021-04-25 00:00:00 - 2021-05-15 23:59:59 ''
isRange Boolean Enable this flag when in range false
displayIcon Boolean Enable this flag in order to show icon in text field true
displayPreview Boolean Shows preview of new selection before applying new value true
displayTime Boolean Enable this flag in case of datetime picker false
disabledDates Array Disable specific dates. Array of date strings e.g. ['2021-04-25', '2021-03-05'] []
disabledMonthDates Array Disable specific days for every month. Array of date strings e.g. ['02','15','27'] []
disabledWeekDays Array Disable specific days for every week. Array of days, e.g. to disable Saturday and Sunday ['1','6'] []
minDate String Disable dates lower than this date ''
maxDate String Disable dates greater than this date ''

License

Datepicker is open-sourced software licensed under the MIT license.

Version History

Version Released Vue License
0.2.1 ^2.6.14
0.2.0 ^2.6.14
0.1.6 ^2.6.14
0.1.5 ^2.6.14
0.1.4 ^2.6.14