Skip to content

Time Control

Time picker for time selection.

OptionTypeDefaultDescription
labelstring-Field label
controlstringtime-pickerControl type
timeFormatstring-Format (e.g., “HH:mm”)
defaultstring-Default time
{
"attributes": {
"startTime": {
"type": "string",
"default": "",
"wbs": {
"label": "Start Time",
"control": "time-picker",
"timeFormat": "HH:mm"
}
}
}
}
<div class="time-slot">
{{ attributes.startTime }} - {{ attributes.endTime }}
</div>

Use Time for schedules, business hours, or any time selection needs. Combine with Date control for complete datetime selection.