# OnDateSelected

The **OnDateSelected** client-side event handler of the [ASP NET AJAX Calendar](https://www.telerik.com/products/aspnet-ajax/calendar.aspx) is called immediately after the value of the control's selection has changed.

The event handler receives two arguments:

1. the object that fired the event.

2. an event arguments object that exposes the following methods:OnDateSelected event arguments object for **RadCalendar**

| Name                | Return Type                                                                                                                                           | Arguments | Description                                                                                |                                                                                                         |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |
| **get_renderDay()** | [RenderDay client-side object](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/renderday-object) |           | Returns the client-side RenderDay object for the day that was just selected or unselected. | OnDateSelected event arguments object for **RadDatePicker**, **RadTimePicker** and**RadDateTimePicker** |

| Name               | Return Type | Arguments | Description                                                  |
| ------------------ | ----------- | --------- | ------------------------------------------------------------ |
| **get_oldValue()** | string      |           | Returns the old value of the control, formatted as a string. |
| **get_newValue()** | string      |           | Returns the new value of the control, formatted as a string  |
| **get_oldDate()**  | Date object |           | Returns the old value of the control as a Date object.       |
| **get_newDate()**  | Date object |           | Returns the new value of the control as a Date object.       |

The following example shows the **OnDateSelected** event for **RadCalendar**:

```ASPNET
<telerik:RadCalendar RenderMode="Lightweight" ID="RadCalendar1" runat="server">
    <ClientEvents OnDateSelected="dateSelected" />
</telerik:RadCalendar>			
```

```JavaScript
function dateSelected(sender, eventArgs) {
	var date = eventArgs.get_renderDay().get_date();
	var dfi = sender.DateTimeFormatInfo;
	var formattedDate = dfi.FormatDate(date, dfi.ShortDatePattern);
	
	alert(formattedDate + " was just " + (eventArgs.get_renderDay().get_isSelected() ? "selected. " : "unselected. "));
}
```

The following example shows the **OnDateSelected** event for **RadDatePicker**. The **OnDateSelected** event works the same way for **RadTimePicker** and **RadDateTimePicker**.

```ASPNET
<telerik:RadDatePicker RenderMode="Lightweight" ID="RadDatePicker1" runat="server">
    <ClientEvents OnDateSelected="dateSelected" />
</telerik:RadDatePicker>		
```

```JavaScript
function dateSelected(sender, eventArgs) {
	alert("The date was just changed from " + eventArgs.get_oldValue() + " to " + eventArgs.get_newValue());
}
```

## See Also

* [Client-side Events Overview](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/events/overview)

* [OnDateSelecting](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/events/ondateselecting)