0.2.1 • Published 3 years ago
@efournar/datepicker v0.2.1
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.