The DatePicker widget does not focus the input element when the calendar icon is clicked. Because of that, validation errors are persisted even when the value of the input has been filled out correctly. The input needs to be manually focused and then unfocused to get rid of the validation message.

This behavior can be observed on the following demo page:

https://demos.telerik.com/kendo-ui/validator/custom-validation 

The demo should be viewed in mobile mode.

Bug report

When the user try to enter a value using the browser`s autofill, the value is not entered correctly and an error is thrown in the browser console.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/EqaleBaL
2. Enter some values and click 'Submit'
3. Run the example again and strat enetring the same Name
4. When the autofill popup select the name to autofill the rest of the fields.

Note: some browsers may not save the dates in the autofill list. The screencast linked here is when the Edge browser is used.

Current behavior

The value in the DateInput is not filled in correctly and the following error is thrown in the console: Cannot read properties of undefined (reading 'toString') at t.keyEventMatchesAutoSwitchKeys (kendo.all.js:63751:1)

Expected/desired behavior

The value from the autofill should be filled in the DateInput.

The issue is a regression starting with 2023.2.606

Environment

• Kendo UI version: 2024.2.514
• Browser: [all ]