https://github.com/runyasak/v-digital-time-picker
Digital Time Picker for Vuetify
https://github.com/runyasak/v-digital-time-picker
hacktoberfest hacktoberfest2020 typescript vuejs vuetifyjs
Last synced: 5 months ago
JSON representation
Digital Time Picker for Vuetify
- Host: GitHub
- URL: https://github.com/runyasak/v-digital-time-picker
- Owner: runyasak
- License: mit
- Created: 2020-05-17T09:28:51.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-07T22:37:16.000Z (over 3 years ago)
- Last Synced: 2025-10-06T15:29:21.196Z (9 months ago)
- Topics: hacktoberfest, hacktoberfest2020, typescript, vuejs, vuetifyjs
- Language: Vue
- Homepage:
- Size: 2.02 MB
- Stars: 11
- Watchers: 1
- Forks: 8
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - v-digital-time-picker - Digital Time Picker for Vuetify. (Components & Libraries / UI Components)
- awesome-vue - v-digital-time-picker - Digital Time Picker for Vuetify ` 📝 a year ago` (UI Components [🔝](#readme))
README
# 🚀 VDigitalTimePicker
Digital Time Picker for [Vuetify](https://vuetifyjs.com/).
## Installation
Insall dependencies
```bash
npm install v-digital-time-picker
```
For yarn
```bash
yarn add v-digital-time-picker
```
## Quick Start
Implement `VDigitalTimePicker` as plugin
```javascript
import VDigitalTimePicker from 'v-digital-time-picker'
Vue.use(VDigitalTimePicker)
```
You can import as individual component
```javascript
import { VDigitalTimePicker } from 'v-digital-time-picker'
Vue.component('v-digital-time-picker', VDigitalTimePicker)
```
## Basic Usage
You can implement on Vue template.
```html
export default {
data () {
return {
timeValue: ''
}
}
}
```
You can use with [vee-validate](https://logaretm.github.io/vee-validate/)
```html
{{ errors }}
```
> `VDigitalTimePicker` extends from [VTextField](https://vuetifyjs.com/en/components/text-fields/) by transparent wrappers.
## Props
| Name | Type | Required | Description |
|---------|--------|----------|------------------------------------------------|
| `value` | string | No | Binding value of as time format (e.g. '11:00') |
## Events
| Name | Description | Parameters |
|---------|-------------------------------|------------|
| `value` | Trigger when value is changed | string |
## Contrubutation
If you want to improve or add any feature, you can submit as pull request.
```
npm install
npm run serve
```
### Run unit tests
```
npm run test:unit
```
### Lints and fixes files
```
npm run lint
```