Calendar Navigation
The user can navigate through several different views in a calendar - from a century, to a month. You can control in which view the user starts, the date which the calendar shows initially, how deep the user can go, and to also navigate to a desired date and view with code.
The calendar shows arrows that let the user flip between the adjacent periods. Clicking the Today button at the top navigates to a period in the current view that includes the current date.
For example, if the current date is April 2019, and the current view is the Month view, the user can press the back and forward arrows to go, respectively, to March 2019 and May 2019.
You can control how far the user can go by setting the Min and Max properties.
Previous and Next navigation is enabled by default. You can control the min and max range of dates the user can navigate through
The result from the code snippet above
Toggle View Details Up and Down
The calendar offers several views that show the user different periods of time:
CenturyDecadeYearMonth
The user can click on an item in the current view to go to the more detailed view. They can click the current range at the top to navigate to the larger view where navigating bigger portions of time is easier (for example, years, or even decades).
To control the initial view, set the View property to a member of the Telerik.Blazor.CalendarView enum, as listed above.
To control how much detail the user can go into, set the BottomView and TopView parameters to a member of the same enum.
Control current view and how deep the user can go
TopView and BottomView
BottomView sets the greatest level of detail the user can navigate. Its default value is CalendarView.Month. If View is not set, the Calendar will initially display its BottomView.
TopView sets the least level of detail (i.e. greatest level of date aggregation). Its default value is CalendarView.Century.
Programmatic Navigation
You can make the Calendar component move to a certain date and view through its Date and View parameters that support two-way binding. The constraints of the min/max and top/bottom view apply to programmatic navigation as well as to user navigation.
Navigate the Calendar to a date and view programmatically