New to Kendo UI for Angular? Start a free 30-day trial

View Options

The Calendar provides options to configure the currently displayed view.

Active View

To define the first view that the Calendar initially renders, use the activeView property.

The CalendarView 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.
Example
View Source
Change Theme:

Displaying Other Month Days

Based on the Calendar type the other month days are either displayed or hidden by default:

  • infinite—Hides the other month days.
  • classic—Shows the other month days.

To change the default behavior set the showOtherMonthDays property.

Example
View Source
Change Theme: