1.1.0 • Published 4 years ago

@voxgig/tygr-vue-time-picker v1.1.0

Weekly downloads
-
License
ISC
Repository
github
Last release
4 years ago

Vue Time Picker

Build Status

NOTE: This fork contains Voxgig-specific customizations

DEMO

Simple, no nonsense time picker built and optimized for Vue.

mobile desktop

Installation

Yarn

yarn add -D @tygr/vue-time-picker
import TimePicker from '@tygr/vue-time-picker'

export default {
  components: {
    TimePicker,
  }
}

Browser

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/@tygr/vue-time-picker/dist/vue-time-picker.min.js" charset="utf-8"></script>
<script>
  Vue.use(TimePicker)
</script>
  • Charset attribute required

Usage

<time-picker v-model="time"></time-picker>
export default {
  data: () => ({
    time: ''
  })
}

Time format is h:mm A

Props

proptypedefaultdescription
am-colorstring'green'Color of the slider when 'AM' is chosen
pm-colorstring'blue'Color of the slider when 'PM' is chosen
valuestring'12:00 AM'The value of the time picker. (used by v-model)
mobile-querystring'only screen and (max-width : 839px)'Media query used to check if mobile user

Events

eventpayloaddescription
inputstringTime selected (used by v-model)