Time field
<k-time-field>
This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.
Have a look at <k-field>
, <k-input>
and <k-time-input>
for additional information.
<k-time-field v-model="time" name="time" label="Time" />
Props
Prop | Type | Default | Description |
---|---|---|---|
after |
string |
– |
|
autofocus |
boolean |
– |
|
before |
string |
– |
|
counter |
boolean |object |
– |
|
disabled |
boolean |
– |
|
display |
string |
"HH:mm" |
|
endpoints |
object |
– |
|
help |
string |
– |
|
icon |
string |
"clock" |
|
input |
string |number |
– |
|
invalid |
boolean |
– |
|
label |
string |
– |
|
max |
string |
– |
|
min |
string |
– |
|
name |
number |string |
– |
|
novalidate |
boolean |
false |
|
required |
boolean |
– |
|
step |
object |
{ size: 5, unit: "minute" } |
|
theme |
string |
– |
|
translate |
boolean |
– |
|
type |
string |
"time" |
|
value |
string |boolean |number |object |array |
null |
|
Events
Event | Description | Passes |
---|---|---|
blur |
|
– |
focus |
|
– |
input |
|
– |
Slots
Slot | Description |
---|---|
after | |
before | |
counter | |
default | |
footer | |
header | |
help | |
icon | |
label | |
options |
CSS classes
.k-time-field