All Components

View Selection Depth

The MultiViewCalendar enables you to control the view depth to which the user can navigate.

To determine its navigation view depth, use the bottomView property. To limit the topmost view that user can reach, use the topView property.

@Component({
  selector: 'my-app',
  template: `
    <div class="example-config">
        Selected date is {{ value | kendoDate:'MMMM yyyy' }}
    </div>
      <kendo-multiviewcalendar
          [bottomView]="'year'"
          [topView]="'decade'"
          [(value)]="value"
      ></kendo-multiviewcalendar>
  `
})
class AppComponent {
    public value: Date;
}
In this article