Provides a Moonstone-themed time selection component.
import TimePicker from '@enact/moonstone/TimePicker';Members
TimePickerComponent
A component that allows displaying or selecting time.
Set the value property to a standard JavaScript Date object to initialize the picker.
By default, TimePicker maintains the state of its value property. Supply the
defaultValue property to control its initial value. If you wish to directly control updates
to the component, supply a value to value at creation time and update it in response to
onChange events.
It is expandable and it maintains its open/closed state by default. defaultOpen can be used to
set the initial state. For the direct control of its open/closed state, supply a value for
open at creation time and update its value in response to onClose/onOpen events.
import TimePicker from '@enact/moonstone/TimePicker';Properties
The primary text of the item.
Default value
Omits the labels below the pickers.
Called when a condition occurs which should cause the expandable to close.
The selected date.
TimePickerBaseComponent
moonstone/TimePicker.TimePickerBase is the stateless functional time picker component. Should not be used directly but may be composed within another component as it is within moonstone/TimePicker.TimePicker.
import {TimePickerBase} from '@enact/moonstone/TimePicker';Properties
The
hourcomponent of the time.The
meridiemcomponent of the time.Array of meridiem labels to display.
The
minutecomponent of the time.The order in which the component pickers are displayed.
Should be an array of 2 or 3 strings containing one of
'h','k','m', and'a'.The primary text of the item.
Disables voice control.
The "aria-label" for the hour picker
Default: 'change a value with up down button'Sets the hint string read when focusing the hour picker.
Default: 'hour'The "aria-label" for the meridiem picker.
Default: 'change a value with up down button'The hint string read when focusing the meridiem picker.
The "aria-label" for the minute picker.
Default: 'change a value with up down button'Sets the hint string read when focusing the minute picker.
Default: 'minute'Omits the labels below the pickers.
Called on changes in the
hourcomponent of the time.Called on changes in the
meridiemcomponent of the time.Called on changes in the
minutecomponent of the time.Called when a condition occurs which should cause the expandable to close.
Called when the component is removed while retaining focus.
Called when the focus leaves the expandable when the 5-way left key is pressed.
Called when the focus leaves the expandable when the 5-way right key is pressed.
Disables spotlight navigation into the component.
Default: false