# View Selection Depth

The Calendar enables you to limit the views to which the user can navigate. For example, you might want to constrain users to working only within the month view.

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

The following demo lets you configure the views within which the user can navigate.

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

## Suggested Links

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