New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Customizing the Embedded Controls

The RadDateTimePicker control is a composite object, containing an embedded RadDateInput control (where the user can type values directly), a CalendarPopupButton and TimePopupButton, RadCalendar and RadTimeView controls. All of these embedded controls can be customized, just as you can customize a standalone RadDateInput or RadCalendar control.

To customize the embedded controls, simply locate the property for the embedded control in the Behavior section of the properties pane for the RadDateTimePicker control, expand it, and set its properties accordingly. The following table lists the properties for accessing the embedded controls:

Embedded control Parent control Property to access embedded control
RadDateInput RadDatePicker, RadDateTimePicker, RadTimePicker or RadMonthYearPicker DateInput
RadCalendar RadDatePicker or RadDateTimePicker Calendar
CalendarPopupButton RadDatePicker or RadDateTimePicker DatePopupButton
RadTimeView RadDateTimePicker or RadTimePicker TimeView
TimePopupButton RadDateTimePicker or RadTimePicker TimePopupButton

Modifying the settings of a child control provides greater flexibility when configuring the look and feel of the RadDateTimePicker control – you have complete control over the skins and styles of the embedded control:

<telerik:RadDateTimePicker
    ID="RadDateTimePicker1"
    runat="server">
    <DateInput 
        SelectionOnFocus="CaretToBeginning"></DateInput>
    <Calendar
        DayNameFormat="FirstLetter"
        FirstDayOfWeek="Monday"
        ShowRowHeaders="False">
    </Calendar>
    <DatePopupButton
        ToolTip="select date" />
    <TimePopupButton
        ToolTip="select time" />
</telerik:RadDateTimePicker>

See Also

In this article