Typing
You can control the parameters, which affect the typing user experience in the TimePicker.
Allow Caret Mode
Setting the allowCaretMode
option to true
will show a blinking caret inside the DateInput, either when a date segment is partially complete, or when autoSwitchParts
is false
. By default the allowCaretMode
is set to false
.
Auto Switch Parts
The TimePicker component allows you to automatically move to the next segment once a valid value is entered in the currently edited part. By default, this functionality is enabled. You can disable it by setting the autoSwitchParts
option to false
.
Auto Switch Keys
You can configure the keys that can be used to move to the next segment. The example below demonstrates how different keys can be added in the autoSwitchKeys
array.
The left and right arrows always change the focused segment, regardless of this parameter value.
Enable Mouse Wheel
By default when a segment is selected its value can be increased or decreased using the mouse wheel. This behavior can be disabled by setting the enableMouseWheel
option to false
.