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.

    selector: 'my-app',
    template: `
      <div class="example-config">
          Selected date is {{ value | kendoDate:'MMMM yyyy' }}
            [format]="'MMMM yyyy'"
    class AppComponent {
    public value: Date;
  • API Reference of the DatePicker

In this article