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 property. The ActiveView type defines the following possible view options:

  • monthShows the days of the month.
  • yearShows the months of the year.
  • decadeShows the years of the decade.
  • centuryShows the decades of the century.
Example
View Source
Edit In Stackblitz  
Change Theme:

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 property. To limit the topmost view that user can reach, use the topView property.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?