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

RadDatePicker Structure

The RadDatePicker control is composite control that combines the functionality of RadCalendar and RadDateInput and enables selecting or typing date values. All picker controls have similar structure:

Overview of picker structure

The three major components of the RadDatePicker control are:

  • InputArea - This is an embedded RadInput control, which validates dates or times as the user types.

  • Popup Control - This is a RadCalendar control that is shown in a popup element, so that the user can select a date by clicking on the desired selection.

  • Calendar Popup Button - an image button, displayed next to the input area that shows and hides the popup control.

If the popup control is a RadCalendar control it must have AutoPostBack set to False in order to work properly. This means that a popup calendar cannot be used in multi-view mode.

Since RadDatePicker does not recognize other Time Popups excepts its own,it closes only the Calendar Popups. The following script can be added in order to allow the RadDatePicker to close all of the currently open Time Popups on the page:

<script type="text/javascript">
    Telerik.Web.UI.RadDatePicker.prototype._actionBeforeShowPopup_original = Telerik.Web.UI.RadDatePicker.prototype._actionBeforeShowPopup;
    Telerik.Web.UI.RadDatePicker.prototype._actionBeforeShowPopup = function () {
        this._actionBeforeShowPopup_original();
        if (Telerik.Web.UI.RadDateTimePicker) {
            Telerik.Web.UI.RadDateTimePicker.prototype._hideAllTimePopups();
        }
    }
</script>

See Also

In this article