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


This article lists the client-side events of the RadDateRangePicker and how to use them.

All events follow the MS AJAX client events convention and receive two arguments:

  1. sender - the RadDateRangePicker instance that raised the event.
  2. event arguments - event-specific data provided to the developer.

The client-side events exposed by RadDateRangePicker

OnDateSelected RadDateRangePicker Occurs immediately after a date has been selected. It fires separately for selecting StartDate and EndDate.
OnPopupOpening RadDateRangePicker Occurs just before a popup is displayed, before the selection in the popup is synchronized with the input area.
OnPopupClosing RadDateRangePicker Occurs just before the a popup is closed.

The embedded RadCalendar and RadDatePicker objects used by RadDateRangePicker also has number of client-side events. For more details see the client events articles for RadCalendar and RadDatePicker . Have in mind that some events of the embedded controls are disabled so RadDateRangePicker can serve its goals.

To use the client-side events, simply write a JavaScript function that can be called when the event occurs. Then assign the name of the JavaScript function as the value of the the corresponding property.

<telerik:RadDateRangePicker RenderMode="Lightweight" ID="RadDateRangePicker1" runat="server">
    <ClientEvents OnPopupOpening="popupOpening" />
function popupOpening(sender, args) {
    alert("popup is opening");

See live sample of handling the client events in our Client-side events demo

See Also

In this article