Skip to content

Latest commit

 

History

History
145 lines (91 loc) · 2.22 KB

time-picker.md

File metadata and controls

145 lines (91 loc) · 2.22 KB
title
TimePicker

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

See also: DatePicker.

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

<<< @/../examples/angular/src/ui/TimePicker/component.html#example

<<< @/../examples/react/src/components/ui/timepicker.tsx#example

<<< @/../examples/solid/src/ui/timepicker.tsx#example

<<< @/../examples/svelte/app/components/ui/TimePicker.svelte#example

<<< @/../examples/vue/src/ui/TimePicker/component.vue#example

Props

hour

hour: number

Gets or sets the selected hour.

Defaults to current hour.

minute

minute: number

Gets or sets the selected minute.

Defaults to current minute.

time

time: Date

Gets or sets the selected time.

Defaults to current time.

minHour

minHour: number

Gets or sets the minimum selectable hour.

maxHour

maxHour: number

Gets or sets the maximum selectable hour.

minMinute

minMinute: number

Gets or sets the minimum selectable minute.

maxMinute

maxMinute: number

Gets or sets the maximum selectable minute.

minuteInterval

minuteInterval: number

Gets or sets the selectable minute interval.

Defaults to 1.

...Inherited

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

Events

timeChange

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

Emitted when the selected time changes.

Native component