compat(datepicker): add mat compatible selectors (#6389)

src/lib/datepicker/calendar-body.ts

@@ -34,7 +34,7 @@ export class MdCalendarCell {
  */
 @Component({
   moduleId: module.id,
-  selector: '[md-calendar-body]',
+  selector: '[md-calendar-body], [mat-calendar-body]',
   templateUrl: 'calendar-body.html',
   styleUrls: ['calendar-body.css'],
   host: {

src/lib/datepicker/calendar.ts

@@ -47,7 +47,7 @@ import {Subscription} from 'rxjs/Subscription';
  */
 @Component({
   moduleId: module.id,
-  selector: 'md-calendar',
+  selector: 'md-calendar, mat-calendar',
   templateUrl: 'calendar.html',
   styleUrls: ['calendar.css'],
   host: {

src/lib/datepicker/datepicker.ts

@@ -79,7 +79,7 @@ export const MD_DATEPICKER_SCROLL_STRATEGY_PROVIDER = {
  */
 @Component({
   moduleId: module.id,
-  selector: 'md-datepicker-content',
+  selector: 'md-datepicker-content, mat-datepicker-content',
   templateUrl: 'datepicker-content.html',
   styleUrls: ['datepicker-content.css'],
   host: {

src/lib/datepicker/year-view.ts

@@ -29,7 +29,7 @@ import {MD_DATE_FORMATS, MdDateFormats} from '../core/datetime/date-formats';
  */
 @Component({
   moduleId: module.id,
-  selector: 'md-year-view',
+  selector: 'md-year-view, mat-year-view',
   templateUrl: 'year-view.html',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,