# View Selection

The MultiViewCalendar allows the user to pre-define its initially rendered view or the depth of its view selection.

## Active Views

To define the first view that the MultiViewCalendar initially renders, use the [`defaultActiveView`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#defaultactiveview) property. The [`ActiveView`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops) 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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dateinputs/multiviewcalendar/views/active/func/source.txt)

## View Selection Depth

The MultiViewCalendar enables you to control the view depth to which the user can navigate. To determine its navigation view depth, use the [`bottomView`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#bottomview) property. To limit the topmost view that user can reach, use the [`topView`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#topview) property.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dateinputs/multiviewcalendar/views/depth/func/source.txt)

## Suggested Links

* [API Reference of the MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops)
* [React Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs)