Digital Time Picker for Vuetify.
Insall dependencies
npm install v-digital-time-pickerFor yarn
yarn add v-digital-time-pickerImplement VDigitalTimePicker as plugin
import VDigitalTimePicker from 'v-digital-time-picker'
Vue.use(VDigitalTimePicker)You can import as individual component
import { VDigitalTimePicker } from 'v-digital-time-picker'
Vue.component('v-digital-time-picker', VDigitalTimePicker)You can implement on Vue template.
<template>
<v-app>
<v-container style="max-width: 600px;">
<v-digital-time-picker
v-model="timeValue"
rounded
filled/>
</v-container>
</v-app>
</template>
<script>
export default {
data () {
return {
timeValue: ''
}
}
}
</script>You can use with vee-validate
<template>
<v-app>
<v-container>
<validation-provider
ref="timePicker"
v-slot="{ errors }"
rules="required">
{{ errors }}
<v-digital-time-picker
v-model="timeValue"
rounded
filled/>
</validation-provider>
</v-container>
</v-app>
</template>
VDigitalTimePickerextends from VTextField by transparent wrappers.
| Name | Type | Required | Description |
|---|---|---|---|
value |
string | No | Binding value of as time format (e.g. '11:00') |
| Name | Description | Parameters |
|---|---|---|
value |
Trigger when value is changed | string |
If you want to improve or add any feature, you can submit as pull request.
npm install
npm run serve
npm run test:unit
npm run lint