# Views

Calendar supports three different views, namely month, year and decade view. Learn more about changing the view modes of Calendar in Blazor documentation.

## 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 Expand/Collapse button available in the calendar header as shown in the GIF below:

![Calendar control showing different views](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/calendar-views.gif)

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

![Calendar control showing different views](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/calendar-year-view.png)

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

```razor
<C1Calendar ViewMode="@CalendarViewMode.Year"></C1Calendar>
```