0.1.3 • Published 5 years ago

vue-timepicker-wheel v0.1.3

Weekly downloads
3
License
MIT
Repository
-
Last release
5 years ago

vue-timepicker-wheel

A timepicker Vue component. Compatible with Vue 2.x

Demo

Demo Demo vuetify

Install

npm i vue-timepicker-wheel

Usage

<template>
  <div>
    <vue-timepicker-wheel :time="time" @change="value => time = value" />
  </div>
</template>

<script>
import VueTimepickerWheel from 'vue-timepicker-wheel'

export default {
  components: {
    VueTimepickerWheel
  },
  data: () => ({
    time: '23:59' // 23 hour, 59 minute
  })
}
</script>

Available props

PropTypeDefaultDescription
timeString--:--Time value of the timepicker
widthString300pxBox Width
colorString#1867c0Box Background Color
time-colorStringwhiteTime Color
time-sizeString50pxTime Font Size
time-weightString500Time Font Weight
arrowBooleantruearrow up/down button
shadowBooleanfalseBox Shadow

Events

These events are emitted on actions in the timepicker

EventOutputDescription
changetimereturn time