New to Telerik UI for ASP.NET AJAXStart a 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 controlParent controlProperty to access embedded control
RadDateInputRadDatePicker, RadDateTimePicker, RadTimePicker or RadMonthYearPickerDateInput
RadCalendarRadDatePicker or RadDateTimePickerCalendar
CalendarPopupButtonRadDatePicker or RadDateTimePickerDatePopupButton
RadTimeViewRadDateTimePicker or RadTimePickerTimeView
TimePopupButtonRadDateTimePicker or RadTimePickerTimePopupButton

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:

ASPNET
<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
See Also
Not finding the help you need?
Contact Support