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:

Week Day Format

By default the Calendar displays the week days in a short format. To change the format, set the weekDaysFormat property. The available options are:

  • short (default)—Displays the week days in a short format (e.g., "mo").
  • narrow—Displays the week days in a narrow format (e.g., "m").
  • abbreviated—Displays the week days in an abbreviated format (e.g., "mon").
Example
View Source
Change Theme: