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

Customizing the Embedded Controls

The RadTimePicker controls are composite objects, containing an embedded RadDateInput control (where the user can type values directly), a TimePopupButton (that displays or hides the popup control) and a RadTimeView control. All of these embedded controls can be customized, just as you can customize a standalone RadDateInput or RadTimeView control.

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

Embedded control Property to access embedded control
RadDateInput DateInput
RadTimeView TimeView
TimePopupButton TimePopupButton

Modifying a child control's settings allows for greater flexibility when configuring the look and feel of a RadTimePicker – you have complete control over the skins and styles of the embedded controls:

    <DateInput Width="100%"></DateInput>
    <TimeView TimeFormat="h:mm"></TimeView>
        BorderWidth="1px" />

See Also

In this article