Kendo React DatePicker with clearButton should reset to initial placeholder + floating label state

0 Answers 8 Views
DateInput DatePicker
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
Sanja Tolo asked on 18 Aug 2025, 01:52 PM | edited on 18 Aug 2025, 01:54 PM

Hi Kendo React team,

I’m using the Kendo React DatePicker with dateInput and clearButton={true}.

Here’s the behavior I’m seeing:

  • Initial state: The input shows the floating label (Date Start) and the placeholder (dd.MM.yyyy.).

  • When a value is selected: The date is shown correctly in the input.

  • After pressing the clear button: The input shows only the placeholder (dd.MM.yyyy.), but the floating label does not reset to the initial state.

What I would like instead is that when the clear button is clicked, datePicker should return to the exact same initial state.

I’ve attached a screenshot showing the three states (initial, selected, and after clear) for clarity.

Version is: @progress/kendo-react-dateinputs: "9.3.1"

Thanks!

Filip
Telerik team
commented on 20 Aug 2025, 12:42 PM

Hello, Sanja,

I tested the following example with uses the DatePicker and a custom Input with the clearButton rendered, however I was not able to reproduce the undesired behavior:

https://stackblitz.com/edit/react-2usmg4cc?file=app%2Fapp.tsx

Can you please verify that this is the correct setup? In case you are able to reproduce the problem in the example above as well, can you please provide the steps so that I can test again?

Regards,
Filip

No answers yet. Maybe you can help?

Tags
DateInput DatePicker
Asked by
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
Share this question
or