fix(datepicker): add missing exportAs (#7782)

src/lib/datepicker/calendar-body.ts

@@ -40,6 +40,7 @@ export class MatCalendarCell {
   host: {
     'class': 'mat-calendar-body',
   },
+  exportAs: 'matCalendarBody',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/lib/datepicker/calendar.ts

@@ -56,6 +56,7 @@ import {MatYearView} from './year-view';
   host: {
     'class': 'mat-calendar',
   },
+  exportAs: 'matCalendar',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/lib/datepicker/datepicker-toggle.ts

@@ -32,6 +32,7 @@ import {MatDatepickerIntl} from './datepicker-intl';
   host: {
     'class': 'mat-datepicker-toggle',
   },
+  exportAs: 'matDatepickerToggle',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/lib/datepicker/datepicker.ts

@@ -84,6 +84,7 @@ export const MAT_DATEPICKER_SCROLL_STRATEGY_PROVIDER = {
     '[class.mat-datepicker-content-touch]': 'datepicker.touchUi',
     '(keydown)': '_handleKeydown($event)',
   },
+  exportAs: 'matDatepickerContent',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/lib/datepicker/month-view.ts

@@ -34,6 +34,7 @@ const DAYS_PER_WEEK = 7;
   moduleId: module.id,
   selector: 'mat-month-view',
   templateUrl: 'month-view.html',
+  exportAs: 'matMonthVeiw',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/lib/datepicker/year-view.ts

@@ -31,6 +31,7 @@ import {createMissingDateImplError} from './datepicker-errors';
   moduleId: module.id,
   selector: 'mat-year-view',
   templateUrl: 'year-view.html',
+  exportAs: 'matYearView',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,