Set Time Order in Popup Picker

2 posts, 0 answers
  1. Chance
    Chance avatar
    11 posts
    Member since:
    Apr 2015

    Posted 20 Feb 2017 Link to this post

    Is there a way to set the order the times show up when you click the time icon?  For example, when I set the start time to 8:00 am it shows 8am as the first option like I want but then 12:00 am to 7:00 am are not in the selection list anymore.  I still need all the options I just want 8am to be the first in the list.



  2. Marin Bratanov
    Marin Bratanov avatar
    4050 posts

    Posted 23 Feb 2017 Link to this post


    The purpose of the StartTime and EndTime is to limit the possible options in the dropdown, so you can combine them with the Interval property in order to achieve the desired granularity without cluttering the interface too much, for example: <TimeView StartTime="8:00" EndTime="10:00" Interval="10">

    One thing you can look into is using the SelectedTime property to indicate the default value:

    <telerik:RadTimePicker runat="server" ID="RadTimePicker1" RenderMode="Lightweight" SelectedTime="08:00">
        <TimeView StartTime="00:00" EndTime="12:00"></TimeView>

    In addition, you can bind the picker to a custom collection that will hold only the times you want it to hold:


    Marin Bratanov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top