Pending Review
Last Updated: 25 Jun 2025 11:04 by Peter
Peter
Created on: 25 Jun 2025 11:04
Category: TimePicker
Type: Bug Report
0
Timepicker in adaptive mode

I'm submitting a...

  • Bug report

Current behavior

Timepicker component in adaptive mode behaves differently in version 11.0.0 (and above) compared to version 10.0.0 (and above):

  • "Set" button sets value but does not close popup - one more click needed
  • "NOW" button scrolls to current time, but does neither set value nor close the popup - two more clicks needed
  • in the top right corner there is a button with check icon which does the only thing - closes the popup (the same as "Close" button) - it is confusing

Expected behavior

We would expect the same behavior as in the 10.0.0:

  • "Set" button sets value and closes the popup
  • "NOW" button scrolls to current time, sets value and closes the popup
  • there are no two buttons with the same functionality

Minimal reproduction of the problem with instructions

  1. Please run following link: https://stackblitz.com/edit/react-j3smansk?file=app%2Fapp.tsx,package.json and adjust app container width so that the timepicker popup is rendered in the bottom half of the screen, allowing both the popup and the editor to be visible at the same time. 
  2. Repeat previous step for following link: https://stackblitz.com/edit/react-ukfuqrdy?file=package.json,app%2Fapp.tsx
  3. As you can see in "app.tsx" examples are very the same (taken from https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/adaptive-rendering), only versions of kendo-react components in "package.json" are different
  4. Observe situations described in Current behavior and Expected behavior sections

What is the motivation or use case for changing the behavior?

We would like to upgrade to 11.0.0 but we do not like this behaviour because it is disturbing, confusing and requires more clicks (time) to work with it.

Environment

Browser:

  • Chrome (desktop) version 138.0.7204.50 (Official build) (64-bit)
  • Firefox version 140.0 (64-bit)
  • Edge Version 137.0.3296.93 (Official build) (64-bit)

System:

  • TypeScript version: KendoReact demos page version
  • Node version: KendoReact demos page version
  • Platform: Windows 10

Best regards,

Peter


0 comments