Declined
Last Updated: 16 Feb 2021 07:59 by ADMIN
Philip
Created on: 15 Feb 2021 05:22
Category: TimePicker
Type: Bug Report
0
Time resets if changing from AM/PM

When setting time from AM/PM vice-versa (after setting hour and minute), the time is reset.

 

Observed in the demo also;

https://demos.telerik.com/blazor-ui/timepicker/overview

 

This means that the user needs to set AM/PM first, which doesn't follow, as the AM/PM is the right-most UI element.

---

ADMIN EDIT

This is a configuration setup, and not a bug - see the discussion below on the Min and Max features.

---

3 comments
ADMIN
Marin Bratanov
Posted on: 16 Feb 2021 07:59

Thank you for getting back to me, Philip.

I am marking this as "declined" since it is a behavior due to specific configuration and not a bug.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Philip
Posted on: 16 Feb 2021 00:15

Ah yes! sorry - my mistake.

Thanks Marin.

ADMIN
Marin Bratanov
Posted on: 15 Feb 2021 13:03

Hello Philip,

When the Min and Max are set, the picker will use those values and it will not allow you to set time outside of that range.

In the demo, the allowed time range is only 10 hours - from 10AM to 8PM and so there is no time selection that can work both on AM and PM.

So, if you remove Min and Max, or set them to values that can accommodate the range, you will be allowed to select AM/PM from the popup without issues.

I am attaching here a short video of the behavior I get so you can confirm if I am missing something.

Here is also the simple example I used with min and max tweaked in my example (It is 3PM right now when I am testing this, you may want to change the values as required by your app/case).

<TelerikTimePicker Min="@Min" Max="@Max"
                   Format="hh:mm:ss tt" @bind-Value="@selectedTime" Id="timepicker"></TelerikTimePicker>
<br />
The selected time is: @selectedTime?.ToLongTimeString()

@code { 
    public DateTime Min = new DateTime(1900, 1, 1, 2, 0, 0);
    public DateTime Max = new DateTime(1900, 1, 1, 22, 0, 0);
    public DateTime? selectedTime { get; set; } = DateTime.Now;
}

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.