Datepicker doesn't work with NoConflictStyleCompatibilityMode

[merobal]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Use mat-datepicker without any problem (with NoConflictStyleCompatibilityMode) inside angularjs-angular hybrid apps.

What is the current behavior?

It now throws error in the console (right after I click on the calendar icon to open datepicker):

ERROR Error: The "md-" prefix cannot be used in ng-material v1 compatibility mode. It was used on an "button" element.

What are the steps to reproduce?

I created a github repo for demoing the issue: https://github.com/merobal/datepicker-demo
Demo page: https://merobal.github.io/datepicker-demo/

What is the use-case or motivation for changing an existing behavior?

We would like to use datepicker inside hybrid apps which also uses material1.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Latest angular, latest material, Win10, TS 2.2, all browsers.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}