Vue Datepicker Component

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.