1.0.1 • Published 4 years ago
v-single-picker v1.0.1
v-single-picker
Installation
Install v-single-picker package.
npm i v-single-picker
yarn add v-single-picker
Configuration
You can use as general CSS frameworks.
import Vue from 'vue'
import { CoreUI } from 'v-single-picker'
import 'v-single-picker/dist/v-single-picker.css'
Vue.use(CoreUI)
Props
<v-single-picker
ref="single-picker"
:show-dropdown="showDropdown"
:auto-apply="autoApply"
:linked-calendars="linkedCalendars"
:date="date"
:opens="opens"
:date-format="dateFormat"
@update="updateValues"
@toggle="checkOpen"
>
<div slot="input" slot-scope="picker" style="min-width: 350px;">
{{ picker }}
</div>
</v-single-picker>
date
is required, please format in dayjs
plugin
# | Type | Default |
---|---|---|
minDate | Date |
|
maxDate | Date |
|
linkedCalendars | Boolean | true |
showDropdown | Boolean | false |
date | string |
|
localeData | Object |
|
opens | String | center ( left / right ) |
dateFormat | Boolean | true |