This is a migrated thread and some comments may be shown as answers.

Set Time Order in Popup Picker

1 Answer 128 Views
TimePicker
This is a migrated thread and some comments may be shown as answers.
Chance
Top achievements
Rank 1
Chance asked on 20 Feb 2017, 05:51 PM

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.

 

Thanks

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 23 Feb 2017, 02:04 PM

Hello,

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>
</telerik:RadTimePicker>

In addition, you can bind the picker to a custom collection that will hold only the times you want it to hold: http://demos.telerik.com/aspnet-ajax/timepicker/functionality/bining-to-custom-collection/defaultcs.aspx.


Regards,

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.
Tags
TimePicker
Asked by
Chance
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or