Description

The DatePicker and the rest of the picker that have the ShowClearButton parameter (e.g., TimePicker, DateTimePicker) do not hide the clear button, when the initial value is null or after the user clears the existing value. This is inconsistent with the TextBox behavior, or with the behavior of the pickers in other suites.

Workaround
https://blazorrepl.telerik.com/wpaiFzFc26Zot90s18

Steps To Reproduce

Run the following REPL example: https://blazorrepl.telerik.com/QfEWvzvc35O5poYW04

Actual Behavior

The clear button is visible.

If you select a date and clear it, the clear button remains visible.

Expected Behavior

The clear button is hidden.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

When a DatePicker input is cleared by using the keyboard and the control loses focus, the state of a non-nullable DateTime property is inconsistent with the control. 

This behavior is appropriate; however, it can cause user confusion when the underlying value is used to query for data based on a value the user no longer sees.

My proposed solution (bug fix) is to return the value of the DatePicker to the last known good value when the control loses focus.

StateHasChanged() by itself does not cause a re-render of the component, however changing the @key value of the DatePicker does.

See this REPL for a demonstration of the issue and workaround/fix: https://blazorrepl.telerik.com/czEjvVlK18i471S622

Bug report

When a user navigates the DatePicker’s calendar using arrow keys, the component updates aria-activedescendant in the wrong order; it removes the id reference from the current cell before assigning it to the new cell. This creates a brief window in which aria-activedescendant points to an id that doesn't exist in the DOM.

Reproduction of the problem

(bug report only)
1. Run this example: https://blazorrepl.telerik.com/GgEKuoPQ289mGAyo13

Inspect the selected date in the calendar, select "break on attribute modification" for the td element of the selected date and the next td element. Navigate with "Right Arrow" key from the selected to the next date.

Current behavior

(optional)
The id of the selected date's td element is removed, but the DatePicker input’s aria-activedescendant attribute still has this id as value. Then the newly focused cell gets an id and it is set to the aria-activedescendant. 

Expected/desired behavior

The element referenced by aria-activedescendant must be in the DOM (https://www.w3.org/TR/wai-aria-1.2/#aria-activedescendant)

Environment

• Kendo/Telerik version: 14.0.0
• Browser: [all ]