Skip to content

Datepicker doesn't work with NoConflictStyleCompatibilityMode #4619

@merobal

Description

@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.

Metadata

Metadata

Assignees

Labels

P1Impacts a large percentage of users; if a workaround exists it is partial or overly painful

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions