# Active View

To define the first view that the Calendar initially renders, use the [`defaultActiveView`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/calendarprops#defaultactiveview) property.

The [`ActiveView`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/activeview) type defines the following possible view options:

* `month`—Shows the days of the month.
* `year`—Shows the months of the year.
* `decade`—Shows the years of the decade.
* `century`—Shows the decades of the century.

The following example demonstrates how to set the initial active view of the Calendar to the decade view using the `defaultActiveView` property.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/calendar/activeview/source.txt)

## Suggested Links

* [API Reference of the Calendar](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/calendarprops)