Added extension of CalendarView with the material datepicker view components

Author: victoriaaa234

src/lib/datepicker/BUILD.bazel

@@ -21,6 +21,7 @@ ng_module(
     "//src/cdk/a11y",
     "//src/cdk/bidi",
     "//src/cdk/coercion",
+    "//src/cdk/datepicker",
     "//src/cdk/keycodes",
     "//src/cdk/portal",
     "//src/cdk/overlay",

src/lib/datepicker/month-view.ts

@@ -30,6 +30,7 @@ import {
   ViewEncapsulation,
   ViewChild,
 } from '@angular/core';
+import {CalendarView} from '@angular/cdk/datepicker';
 import {DateAdapter, MAT_DATE_FORMATS, MatDateFormats} from '@angular/material/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {MatCalendarBody, MatCalendarCell} from './calendar-body';
@@ -51,7 +52,7 @@ const DAYS_PER_WEEK = 7;
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class MatMonthView<D> implements AfterContentInit {
+export class MatMonthView<D> extends CalendarView<D> implements AfterContentInit {
   /**
    * The date to display in this month view (everything other than the month and year is ignored).
    */
@@ -133,6 +134,7 @@ export class MatMonthView<D> implements AfterContentInit {
               @Optional() @Inject(MAT_DATE_FORMATS) private _dateFormats: MatDateFormats,
               @Optional() public _dateAdapter: DateAdapter<D>,
               @Optional() private _dir?: Directionality) {
+    super();
     if (!this._dateAdapter) {
       throw createMissingDateImplError('DateAdapter');
     }

src/lib/datepicker/multi-year-view.ts

@@ -29,6 +29,7 @@ import {
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
+import {CalendarView} from '@angular/cdk/datepicker';
 import {DateAdapter} from '@angular/material/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {MatCalendarBody, MatCalendarCell} from './calendar-body';
@@ -51,7 +52,7 @@ export const yearsPerRow = 4;
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class MatMultiYearView<D> implements AfterContentInit {
+export class MatMultiYearView<D> extends CalendarView<D> implements AfterContentInit {
   /** The date to display in this multi-year view (everything other than the year is ignored). */
   @Input()
   get activeDate(): D { return this._activeDate; }
@@ -119,6 +120,7 @@ export class MatMultiYearView<D> implements AfterContentInit {
   constructor(private _changeDetectorRef: ChangeDetectorRef,
               @Optional() public _dateAdapter: DateAdapter<D>,
               @Optional() private _dir?: Directionality) {
+    super();
     if (!this._dateAdapter) {
       throw createMissingDateImplError('DateAdapter');
     }

src/lib/datepicker/year-view.ts

@@ -30,6 +30,7 @@ import {
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
+import {CalendarView} from '@angular/cdk/datepicker';
 import {DateAdapter, MAT_DATE_FORMATS, MatDateFormats} from '@angular/material/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {MatCalendarBody, MatCalendarCell} from './calendar-body';
@@ -47,7 +48,7 @@ import {createMissingDateImplError} from './datepicker-errors';
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class MatYearView<D> implements AfterContentInit {
+export class MatYearView<D> extends CalendarView<D> implements AfterContentInit {
   /** The date to display in this year view (everything other than the year is ignored). */
   @Input()
   get activeDate(): D { return this._activeDate; }
@@ -121,6 +122,7 @@ export class MatYearView<D> implements AfterContentInit {
               @Optional() @Inject(MAT_DATE_FORMATS) private _dateFormats: MatDateFormats,
               @Optional() public _dateAdapter: DateAdapter<D>,
               @Optional() private _dir?: Directionality) {
+    super();
     if (!this._dateAdapter) {
       throw createMissingDateImplError('DateAdapter');
     }