All Components

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&Mdash;Shows the years of the decade.
  • century—Shows the decades of the century.
@Component({
  selector: 'my-app',
  template: `
    <div class="example-config">
        Selected date is {{ value | kendoDate:'MMMM yyyy' }}
    </div>
      <kendo-calendar
          [activeView]="'decade'"
          [(value)]="value"
      ></kendo-calendar>
  `
})
class AppComponent {
    public value: Date;
}
In this article