Skip to content

DatePicker and DateInput keyboard navigation and typing issues #7422

@gdenchevprog

Description

@gdenchevprog

Bug report

Ticket - 1615072

There are a couple of issues with the DatePicker in the latest release.
The first issue is that navigating the calendar with the arrow keys also changes the value inside the DateInput component.
The second issue is that when the setOptions method is called, you can no longer use the keyboard to change the value in the DateInput.
The third issue is that when you have a custom date format and you attempt to select all of the text inside the input, and then type something, an error is thrown.

These problems are occuring only in the latest release.

Reproduction of the problem

The first two issues can be observed in the following Dojo:

https://dojo.telerik.com/@gdenchev/UkAlOtiB

Steps to reproduce the first issue:

  1. Run the example.
  2. Click on "Disable".
  3. Click on "Enable".
  4. Expand the Calendar.
  5. Use the arrow keys to navigate the Calendar.

Note how the DateInput also changes its value, even though the user is meant to be navigating just the Calendar.

Steps to reproduce second issue:

  1. Run the example.
  2. Click on the input and type "A". The value will change to "Apr", this is correct.
  3. Click on "Set Options".
  4. Repeat step 2.

The DateInput blinks in red and nothing happens.

The third issue can be seen here:

https://dojo.telerik.com/@gdenchev/AjOfativ

  1. Click inside the input.
  2. Hit CTRL+A to select everything.
  3. Try to type something, for example 'a'.
  4. Observe the console for the error.

image

All of these seem to be related to the new dateinput package.

Current behavior

The above behaviors are incorrect and should not occur.

Expected/desired behavior

Enabling/Disabling the component should not change the behavior of the keyboard navigation.
Calling setOptions should not change the default behavior of the DateInput.
No error should be thrown.

Environment

  • Kendo UI version: 2023.2.606 (regression)
  • jQuery version: 3.4.1
  • Browser: [all]

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions