Telerik UI for Windows 8 HTML

This article describes the events fired by RadCalendar, their usage and most notable event arguments.

Event Name




Fires when the selected date is changed. - the RadCalendar control that triggered the event.


Fires when the control navigates. - the RadCalendar control that triggered the event.

Here follows an example of using the change event to access the selected date:

Control declaration Copy imageCopy
<div id="calendar1" data-win-control="Telerik.UI.RadCalendar" data-win-options="{
    onchange: Events.change
<p id="info" style="color: #ff6a00"></p>
Handling the change event Copy imageCopy
WinJS.Namespace.define("Events", {
    change: WinJS.Utilities.markSupportedForProcessing(function (e) {
        var calendar =;
        info.innerText = "Selected date is: " + calendar.value.toDateString();