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-datepicker
            [activeView]="'decade'"
            [format]="'MMMM yyyy'"
            [(value)]="value"
        ></kendo-datepicker>
    `
    })
    class AppComponent {
    public value: Date;
    }
  • API Reference of the DatePicker

In this article