diff --git a/src/lib/datepicker/calendar-body.ts b/src/lib/datepicker/calendar-body.ts
index ad263133d369..bac222427799 100644
--- a/src/lib/datepicker/calendar-body.ts
+++ b/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,
diff --git a/src/lib/datepicker/calendar.ts b/src/lib/datepicker/calendar.ts
index fec74a95466e..c18b30ce26b5 100644
--- a/src/lib/datepicker/calendar.ts
+++ b/src/lib/datepicker/calendar.ts
@@ -57,6 +57,7 @@ import {MatYearView} from './year-view';
   host: {
     'class': 'mat-calendar',
   },
+  exportAs: 'matCalendar',
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/lib/datepicker/datepicker-toggle.ts b/src/lib/datepicker/datepicker-toggle.ts
index 3d4b889329dd..147a680a3081 100644
--- a/src/lib/datepicker/datepicker-toggle.ts
+++ b/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,
diff --git a/src/lib/datepicker/datepicker.ts b/src/lib/datepicker/datepicker.ts
index 4bb98d541480..34032a695648 100644
--- a/src/lib/datepicker/datepicker.ts
+++ b/src/lib/datepicker/datepicker.ts
@@ -85,6 +85,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,
diff --git a/src/lib/datepicker/month-view.ts b/src/lib/datepicker/month-view.ts
index afbdec8177dc..4f70821dfb3a 100644
--- a/src/lib/datepicker/month-view.ts
+++ b/src/lib/datepicker/month-view.ts
@@ -35,6 +35,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,
diff --git a/src/lib/datepicker/year-view.ts b/src/lib/datepicker/year-view.ts
index 2e999a6eff02..d6f73bd844c5 100644
--- a/src/lib/datepicker/year-view.ts
+++ b/src/lib/datepicker/year-view.ts
@@ -32,6 +32,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,