You can control the parameters, which affect the typing user experience in the DatePicker.
allowCaretMode option to
true will show a blinking caret inside the DateInput, either when a date segment is partially complete, or when
false. By default the
allowCaretMode is set to
The DatePicker 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
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
The left and right arrows always change the focused segment, regardless of this parameter value.
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
autoFill option to
true will autofill the rest of the date to the current date when the component loses focus. For example, entering only the date, month or year portion of the date and blurring the component, the missing sections will be automatically completed.