Skip to content

TimePicker

A time picker with dropdown hour/minute/second columns; / adjusts, Enter confirms, Esc cancels, and stepping intervals are supported.

Basic Usage

Basic usage

Custom Format

format column selection

A column appears only when format contains the corresponding HH/mm/ss token.

Stepping

step minute interval

The minute column steps by step (e.g. 0, 15, 30, 45).

Events

oas-change event

Disabled

Disabled

API

Attributes

AttributeDescriptionTypeDefault
disabledDisabledboolean
formatDisplay format tokensstringHH:mm:ss
stepMinute stepping intervalstring1
valueCurrent value (HH:mm:ss)string

Events

EventDescription
oas-changeConfirmed value change, detail: { value }

Keyboard: Enter / to open, / to adjust the current column, / to switch columns, Enter to confirm, Esc to cancel.