vue-time-picker

Project setup

npm i @leal1717/time-picker-vue

Description

Time Picker for Vue. It creates a UI component for the user to select HOUR and MINUTE individually. This package accepts a range of times for lowest and highest time limits, as well as the interval between minutes, so that the user can select the minutes one by one, or set the interval to 5 (or any other number) so the selection returns only multiples of five.

In order to retrieve the time, use hook @onChanged(val), where "val" is the time as in "14:35"

Events

@onChaned(val): Function

Use @onChanged(val), where "val" is the time as in "14:35". This event is fired everythime the user changes the time.

Props

This package requires the following props:

minInterval: Number

the interval, in minutes, the minute can be selected

horarioMin: String

the lowest time limit, defaults to "00:00"

horarioMax: String

the top limit time, defaults to "23:59"

espacamentoHorizontal: String

the styling of the horizontal spacing used as margin-inline

btnColor: String

color of the arrow buttons

btnSize: Number

size of the arrow buttons

numberMargin: String

vertical margin of the number

Thanks

Developer Rennan Leal de Meirelles 😎

No need to buy me a ☕ coffe ☕ as I already drink too much, more than i should. And i know, most of you do the same.