Unplanned
Last Updated: 09 Feb 2026 06:47 by ADMIN
Created by: Peter
Comments: 1
Category: TimePicker
Type: Feature Request
0

I'm submitting a...

  • Feature request

Current behavior

Timepicker component with no value set has its popup after opening scrolled to minimal value, eg. 00:00.

Requested behavior

Requested behavior would be that the component allows to set value to which should the popup be scrolled after opening, when the component has no value set.

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

    When user e.g. records his work hours, in most cases his work starts at the morning or at the current time. With current behavior the user needs to scroll every time to value he needs to set.

    Unplanned
    Last Updated: 27 Jan 2026 15:09 by ADMIN
    Created by: Peter
    Comments: 3
    Category: TimePicker
    Type: Bug Report
    0

    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