# 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 using the calendar header as shown in the GIF below:

|   ![Calendar control showing different views](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-view-mode.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/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-month-view.png)   |
| Year |   ![Calendar in year mode](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-year-view.png)   |
| Decade |   ![Calendar in decade mode](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-decade-view.png)   |

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

![](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-year-view.png)

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

```xml
<calendar:C1Calendar x:Name="calendar" ViewMode="Year" HorizontalAlignment="Center" VerticalAlignment="Top"></calendar:C1Calendar>
```