New to Kendo UI for AngularStart a free 30-day trial

Typing

You can control the parameters, which affect the typing user experience in the DatePicker.

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.

Change Theme
Theme
Loading ...

Auto Correct Parts

The DatePicker component automatically corrects the date segments when an invalid value is entered in the currently edited part. For example, if the value is January 31 and the user changes the month to February, the component will autocorrect the day to 28. By default, this functionality is enabled. To disable it, set the autoCorrectParts option to false.

Change Theme
Theme
Loading ...

Auto Switch Parts

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 false.

Change Theme
Theme
Loading ...

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.

Change Theme
Theme
Loading ...

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.

Change Theme
Theme
Loading ...

Auto-fill

Setting the 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.

Change Theme
Theme
Loading ...