Time Input
Basic usage
Use Time Picker for time input.
:
:
Time Options
Max and Min value
Ex: Min: 30s and Max 10min
:
:
Step
Ex: step 15sec
:
:
Empty Data Text
Text of Empty Value (when time = 0)
Infinity
:
:
Allow Mouse Wheel
You can scroll the mouse wheel to change time
Infinity
:
:
State and Colors
Disabled
:
:
Error
:
:
Some error text
Secondary Color
:
:
Destructive Color
:
:
No Label
:
:
Table Title
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| allow-mouse-wheel | When needed change time on mouse wheel change | Boolean | true|false | false |
| color | Color class of input | string | active | primary | secondary | destructive | active |
| data-test-name | Data Test Name | string | - | default |
| disabled | Whether the component is disabled | boolean | true | false | false |
| divider | Text between Number inputs | String | - | : |
| empty-data-text | Text for Empty Data (time = 0) | String | - | - |
| error | Text of error | string | - | - |
| label | Label text | string | - | - |
| label-icon | Label icon | string | - | - |
| max-value | Min Value of input | Number | - | 0 |
| min-value | Min Value of input | Number | - | 0 |
| model-value | Value of the component. | Number | - | 0 |
| required | Adding (*) to label | boolean | true | false | false |
| step | Step changes time | Number | - | 1 |
Events
| Method | Description | Parameters |
|---|---|---|
| update:modelValue | Triggers when update modelValue | modelValue |