Last Updated: 20 May 2021 11:24 by ADMIN

The "SET" button is not visible when we open it and we are on the middle of the page: the button appears outside of the bottom of the page. So I have to close it, put the field to the top of the page, then open it again.



Some workaround, especially if most of your user base is on the same small form factor, is to use a bit of CSS to change the position of the dropdown to stick to the top of the viewport - this could potentially make it fit into screens as small as about 350x400px.


    /*you can tweak the media query to target only the resolutions you want*/
    @media(max-width: 500px) {
        .top-aligned {
            position: fixed;
            top: 0;
            left: 50%;
            transform: translate(-50%, 0%);
            /* you can also try translate(-50%, 50%) for a centered effect which may be better suited for laptop/tablet size */


Selected time: @selectedTime
<br />

<TelerikDateTimePicker Min="@Min" Max="@Max" @bind-Value="@selectedTime"
                       Format="dd MMM yyyy HH:mm:ss" Width="250px"

@code {

    private DateTime? selectedTime = DateTime.Now;
    public DateTime Min = new DateTime(1990, 1, 1, 8, 15, 0);
    public DateTime Max = new DateTime(2025, 1, 1, 19, 30, 45);



Last Updated: 01 Feb 2021 08:40 by ADMIN
Created by: David
Comments: 0
Category: TimePicker
Type: Feature Request
It might not always be obvious for desktop users that they can drag the spinners to set the desired value and having up/down buttons above/below the spinner might help them.
Last Updated: 25 Oct 2020 16:05 by ADMIN
Created by: Mark
Comments: 1
Category: TimePicker
Type: Feature Request
The TimePicker is too precise for 99% of the events that are scheduled.  Our users are requesting that we find a way to make the spinner less precise, say 5 minute increments.  If they need an exact minute they will just type in the value and not use the picker.  As of now they are saying that they will not use the spinner as it they can easily pick the wrong time.