By default, the embedded RadTimeView control that the RadTimePicker and RadDateTimePicker controls display as a popup has a header area that says "Time Picker", and three columns of times that the user can select. The times range from 12:00 AM through 11:00 PM, with an entry for every hour:

• To change the text of the header, set the HeaderText property. If you set HeaderText to an empty string, the header does not appear. You can also hide the header by setting the ShowHeader property.

• To change the range of times displayed, use the StartTime and EndTime properties.

• To change the interval between adjacent times in the time view, set the Interval property. The valid values are between StartTime and EndTime and less then EndTime - StartTime.

• To change the number of columns, set the Columns property.

You can set these properties at design time by expanding the TimeView property:

CopyASPX

<telerik:RadTimePicker ID="RadTimePicker1" runat="server" Skin="Default">
    <TimeView Skin="Default"
        ShowHeader="False"
        StartTime="08:00:00"
        Interval="00:15:00"
        EndTime="18:00:00"
        Columns="4">
    </TimeView>
</telerik:RadTimePicker>

To enable scrolling for the TimeView you can set its Width and Height properties:

CopyASPX

<telerik:RadTimePicker runat="server" ID="RadTimePicker2">
    <TimeView Width="100px" Height="200px" Interval="00:15:00"
    Columns="5"></TimeView>
</telerik:RadTimePicker>

You can also configure the embedded time view control at runtime:

• C#
• VB

CopyC#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        RadTimePicker1.TimeView.StartTime = new TimeSpan(8, 0, 0);
        RadTimePicker1.TimeView.EndTime = new TimeSpan(18, 0, 0);
        RadTimePicker1.TimeView.Interval = new TimeSpan(0, 15, 0);
        RadTimePicker1.TimeView.HeaderText = "";
        RadTimePicker1.TimeView.Columns = 4;
    }
}

CopyVB.NET

 

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not IsPostBack Then
        RadTimePicker1.TimeView.StartTime = New TimeSpan(8, 0, 0)
        RadTimePicker1.TimeView.EndTime = New TimeSpan(18, 0, 0)
        RadTimePicker1.TimeView.Interval = New TimeSpan(0, 15, 0)
        RadTimePicker1.TimeView.HeaderText = ""
        RadTimePicker1.TimeView.Columns = 4
    End If
End Sub