New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI Calendar Navigation

You can navigate between the different views of the Calendar programmatically or let the user change the views from the UI.

The Calendar header has two buttons (Previous and Next) that allow the user to navigate in the current view. For example, in the Month view, the Previous button navigates to the previous month, and the Next button navigates to the next month.

.NET MAUI Calendar navigation in the current view through the navigation buttons

The user can interact with the UI and navigate to the parent view by tapping or clicking the header label of the Calendar.

.NET MAUI Calendar navigation to upper view through the UI

Restricting the Navigation Depth

To restrict the navigation depth to specific parent or child views, use the following properties:

  • MinDisplayMode(Telerik.Maui.controls.Calendar.CalendarDisplayMode)—Specifies the minimum display mode of the Calendar.
  • MaxDisplayMode(Telerik.Maui.controls.Calendar.CalendarDisplayMode)—Specifies the maximum display mode of the Calendar.

Setting the Scroll Direction

The user can scroll between the display modes of the Calendar horizontally or vertically. To specify the scroll direction, use the NavigationDirection property.

  • NavigationDirection(enum of type Telerik.Maui.Orientation)—Specifies the scroll direction in the view mode of the Calendar. The available options are Horizontal (default) and Vertical.
<telerik:RadCalendar NavigationDirection="Vertical" />

.NET MAUI Calendar scroll direction

For a runnable example with the navigation of the Calendar, see the SDKBrowser Demo Application and go to the Calendar > Features category.

Changing the Interaction Mode

Use the InteractionMode(enum of type Telerik.Maui.Controls.Calendar.CalendarInteractionMode) property of the Calendar to determine whether the user can navigate in the current view through gestures. The available options are None and Pan (default):

  • When the InteractionMode is None, the users can navigate to next or previous view in the current display mode by using the navigation buttons.
  • When the InteractionMode is Pan, the users can navigate through gestures that target the content area of the Calendar component.

For a runnable example with the Calendar interaction mode, see the SDKBrowser Demo Application and go to the Calendar > Features category.

.NET MAUI Calendar interaction mode

See Also

In this article