# Keyboard Support

The [ASP NET AJAX Calendar](https://www.telerik.com/products/aspnet-ajax/calendar.aspx) control provides keyboard navigation using the tab and arrow keys:

You can use the `TAB` key to focus the control. Once focus is on the **RadCalendar** control, you can use the following commands:

* the `TAB` key and `SHIFT+TAB` key combination move through the parts of the control.

* The first time the user presses the `TAB` key, focus moves to the first navigation control in the title bar.

* Pressing `TAB` repeatedly moves through the navigation controls in the title bar and then through each day shown in the main calendar area.

* Pressing `SHIFT+TAB` moves backward through the same elements.

* Pressing the `ENTER` key when focus is on a navigation control causes the view to change.

* Pressing the `ENTER` key when focus is on a day in the main calendar area selects the day.

* Pressing the `arrow` keys when focus is on the calendar moves the focused date in the respective direction.

By default you can use `Ctrl+Y` to focus the control.

With R3 2021 you can now focus the RadCalendar by specifying the Focus Key and modifier/command key as shown below:

```ASPX
<telerik:RadCalendar RenderMode="Lightweight" runat="server" ID="RadCalendar1" EnableKeyboardNavigation="true">
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="Q" />
</telerik:RadCalendar>
```

For previous versions, if you need more granular access key settings, you can use JavaScript to set them:

> caption How to set a custom access key to a RadCalendar.

```ASP.NET
<telerik:RadCalendar ID="RadCalendar1" RenderMode="Lightweight" runat="server"
    EnableKeyboardNavigation="true" EnableAriaSupport="true" EnableMultiSelect="false">
    <ClientEvents OnLoad="OnLoad" />
</telerik:RadCalendar>
<script>
    function OnLoad(sender, args) {
        $telerik.$(sender.get_element()).find(".rcMainTable").first().attr("accessKey", "Q");
    }
</script>
```

> caption How to change the markup and script to use a key set in the control markup.

```ASP.NET
<telerik:RadCalendar ID="RadCalendar1" RenderMode="Lightweight" runat="server"
    EnableKeyboardNavigation="true" EnableAriaSupport="true" EnableMultiSelect="false">
    <ClientEvents OnLoad="function(s,a){OnLoad(s,a,'K')}" />
</telerik:RadCalendar>
<script>
    function OnLoad(sender, args, theKey) {
        $telerik.$(sender.get_element()).find(".rcMainTable").first().attr("accessKey", theKey);
    }
</script>
```

## See Also

* [Removing RadCalendar from the Tab Sequence](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/how-to/removing-radcalendar-from-the-tab-sequence)