# OnDateClick

The **OnDateClick** client-side event handler of the [ASP NET AJAX Calendar](https://www.telerik.com/products/aspnet-ajax/calendar.aspx) is called when the user clicks on a date in the day matrix or presses the ENTER key while a date has focus. If the day is selectable, this event occurs before the **OnDateSelecting** event. If the day is not selectable (but in the valid range), this event occurs, but not the **OnDateSelecting** event.

The event handler receives two arguments:

1. the [RadCalendar object](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/radcalendar-object) that fired the event.

2. an event arguments object that exposes the following methods:OnDateClick event arguments object

| 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 that represents the day that was just clicked.                                                                       |
| **get_domEvent()**    | DOM event object                                                                                                                                      |           | Returns the DOM event object for the mouse click event.                                                                                                       |
| **set_cancel(value)** |                                                                                                                                                       | bool      | Lets you prevent the click from selecting the date that is clicked. However, even after calling **set_cancel(true)** , focus still moves to the clicked date. |

The following example uses the **OnDateClick** event to confirm the selection of a date:

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

```JavaScript
function confirmClick(sender, eventArgs) {
	var day = eventArgs.get_renderDay();
	
	if (day.get_isSelectable()) {
		var date = day.get_date();
		var dfi = sender.DateTimeFormatInfo;
		var formattedDate = dfi.FormatDate(day.get_date(), dfi.ShortDatePattern);
		var confirmClick = confirm("Are you sure you want to " + (day.get_isSelected() ? "unselect " : "select ") + formattedDate + "?");
		
		eventArgs.set_cancel(!confirmClick);
	}
}
```

## See Also

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

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

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

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