Time Input
Basic usage
Bind a variable to v-model.
MaxLength
Maxlength attribute of input, they declare a limit on the number of characters a user can input. The "number of characters" is measured using JavaScript string length. Setting the maxlength prop for a text type of Input can limit the length of input value.
Disabled
The disabled attribute accepts a boolean, and if the value is true, the component is disabled.
Label and Label icon
Allows you to define incremental steps.
Add step attribute to set the step.
Placeholder
Error text
Allows you to set error message.
error error error error error error error
Types
Allows you to set type of input.
Clearable
With Prefix Icon
Attributes
Table Title
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| model-value / v-model | binding value | any | — | |
| max-length | the maximum allowed length of value | number | - | Infinity |
| required | adding (*) to label | boolean | — | false |
| disabled | whether the component is disabled | boolean | — | false |
| label | label text | string | - | - |
| label-icon | label icon | string | - | - |
| max-width | max-width | string | - | 100% |
| error | text of error | string | - | - |
| placeholder | placeholder | string | - | - |
| type | type of input | string | text / password / email | text |
| clearable | clear input | boolean | true / false | false |
| dynamicErrorSpace | if to make space for error message static/dynamic | boolean | true / false | false |