# Views

## Content



Calendar supports three different views, namely month, year and decade view. By default, the calendar displays month view showing month/year format. The calendar control allows you to navigate between the views through the calendar header as shown in the following GIF:

![Calendar control showing different views](https://cdn.mescius.io/document-site-files/images/4e85e507-742e-4a29-b3fe-f23b37c29164/images/calendar-views.gif)

The table below depicts the three different types of view modes supported in the Calendar control.

| **View Modes** | **Snapshot** |
| --- | --- |
| Month |   ![Calendar in month mode](https://cdn.mescius.io/document-site-files/images/4e85e507-742e-4a29-b3fe-f23b37c29164/images/calendarmonthview.png)   |
| Year |   ![Calendar in year mode](https://cdn.mescius.io/document-site-files/images/4e85e507-742e-4a29-b3fe-f23b37c29164/images/calendaryearview.png)   |
| Decade |   ![Calendar in decade mode](https://cdn.mescius.io/document-site-files/images/4e85e507-742e-4a29-b3fe-f23b37c29164/images/calendardecadeview.png)   |

You can change the view of the calendar programmatically using [ViewMode](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Calendar/C1.Maui.Calendar.C1Calendar.ViewMode.html) property of the [C1Calendar](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Calendar/C1.Maui.Calendar.C1Calendar.html) class. The **ViewMode** property accesses the [CalendarViewMode](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Calendar/C1.Maui.Calendar.CalendarViewMode.html) enumeration to change the calendar view.

The following code demonstrates how to set the year view for the calendar.

**xml**

```xml
<c1:C1Calendar x:Name="calendar" ViewMode="Year" />
```

**csharp**

```csharp
calendar.ViewMode = CalendarViewMode.Year;
```