About

Vue-time-select is a component for easy time selecting, especially on touch screens, with keyboard support.

Demo

You can check working example on CodePen: https://codepen.io/pen/oRPvoX

Installation

To install package run:
``
npm i vue-time-select
`

You can also use it as plugin directly in browser
`

`




Usage

Declare component globally in your main.js file:

`
import timeSelect from "./components/vue-time-select.vue";

Vue.component('time-select', timeSelect)
`

Or in your vue component:
`
import timeSelect from "./components/vue-time-select.vue";

export default {
...
components: {
'time-select': timeSelect
}
}
`

Then in your template:
`

`

Also, there are optional max-value and min-value props (set in seconds):
`


``

I hope you'll build something great with it! :)