<TimePicker> is a UI component that lets users select time.

See also: DatePicker.

<<< @/../examples/src/ui/TimePicker/template.xml#example

hour: number

Gets or sets the selected hour.

Defaults to current hour.

minute: number

Gets or sets the selected minute.

Defaults to current minute.

time: Date

Gets or sets the selected time.

Defaults to current time.

minHour: number

Gets or sets the minimum selectable hour.

maxHour: number

Gets or sets the maximum selectable hour.

minMinute: number

Gets or sets the minimum selectable minute.

maxMinute: number

Gets or sets the maximum selectable minute.

minuteInterval: number

Gets or sets the selectable minute interval.

Defaults to 1.

For additional inherited properties not shown, refer to the API Reference

on('timeChange', (args: PropertyChangeData) => {
  const timePicker = args.object as TimePicker
  console.log('Picked time:', data.value)
})

Emitted when the selected time changes.

• Android: android.widget.TimePicker
• iOS: UIDatePicker