Unplanned
Last Updated: 22 May 2024 11:16 by Philip

When the user opens the DateTimePicker(Time step) or the TimePicker, which are bound to some value, and clicks directly the "Set" button, the pickers don't bind the displayed time value (pre-selected value). This behavior can be seen when the pickers have configured steps (e.g. Minute: "15", Year="10" etc.)

Steps To Reproduce

  1. Open link - https://blazorrepl.telerik.com/GyupQQFv05vNPskh51
  2. Open the TimePicker
  3. Click the "Set" button, to set the pre-selected value
Unplanned
Last Updated: 15 Jan 2024 15:15 by ADMIN
The behavior occurs only when using "hh" format for the hours section. For example: "hh:mm:ss" of "hh:mm". In this case, typing "01" in the hour segment should auto-switch the focus to the minutes segment as this is a valid and complete hour value. However, the focus remains on the hours segment.

For reference, testing the same input ("01") with format "HH:mm" or "h:mm", the focus is moved to the minutes.

The behavior affects the TimePicker and the DateTimePicker components.

Reproduction: https://blazorrepl.telerik.com/cyuFFpFf06hDpzgn20.
Unplanned
Last Updated: 30 Aug 2023 07:07 by ADMIN
The NOW button in the TimePicker's TimeView sets the time value, according to the server's time zone. Instead, it should use the client-side (user) time zone.
Unplanned
Last Updated: 04 Jul 2023 13:25 by Kenneth
When using the spinners in the TimePicker popup component, either by itself or inside of a DateTimePicker, changes to the spinner values for hours, minutes, seconds, and AM/PM are not announced by the screen reader.
Unplanned
Last Updated: 02 Jun 2023 13:35 by Nag

We are noticing that scrolling and dropping the minutes in the selection box is quite jumpy\jittery. We need to get close and then manually click on the desired minute to select it.

The behavior can be reproduced in the live demo if opened on a mobile device.

 

Unplanned
Last Updated: 01 Nov 2022 08:08 by Niko

When you type the time in the time picker, it changes the date to the current date, while it should change only the time portion.

---

ADMIN EDIT

A workaround is to use the original year, month and date portions of the view-model field and capture the time portion from the ValueChanged event:

@selectedTime?.ToString("F")

<TelerikTimePicker Min="@Min" Max="@Max" Format="hh:mm:ss tt" 
                   Value="@selectedTime" ValueChanged="@( (DateTime? v) => ValueChangedHandler(v) )">
</TelerikTimePicker>

@code {
    public DateTime Min = new DateTime(1900, 1, 1, 10, 0, 0);
    public DateTime Max = new DateTime(1900, 1, 1, 20, 0, 0);
    public DateTime? selectedTime { get; set; } = new DateTime(1900, 1, 1, 12, 0, 0);

    void ValueChangedHandler(DateTime? updatedTime)
    {
        selectedTime = new DateTime(
                selectedTime.Value.Year,
                selectedTime.Value.Month,
                selectedTime.Value.Day,
                updatedTime.Value.Hour,
                updatedTime.Value.Minute,
                updatedTime.Value.Second
            );
    }
}

---