Meterial 2 md-datepicker-toggle is not a known element

Question

After import MdDatepickerModule and MdNativeDateModule, in my html:

<input mdInput [mdDatepicker]="startPicker" placeholder="Choose a date">
<md-datepicker-toggle mdSuffix [for]="startPicker"></md-datepicker-toggle>
<md-datepicker #startPicker></md-datepicker>

And it has error that: oc-datepicker-toggle is not a known element.

which version of material 2 ? – FAISAL Sep 05 '17 at 09:09 — FAISAL, Sep 05 '17 at 09:09
I'm using Material 2.0.0-beta.8 – gavinSong Sep 05 '17 at 10:12 — gavinSong, Sep 05 '17 at 10:12

FAISAL · Accepted Answer · 2017-09-05T10:45:47.387

<md-datepicker-toggle> was introduced in Material 2.0.0-beta.10. See this CHANGELOG for more details.

mdDatepickerToggle is now an element < md-datepicker-toggle > with a for property that points to the MdDatepicker instance.

If you are using an earlier version of Material 2, then using <md-datepicker-toggle> will throw this error. To update to the new version, do the following:

In your package.json, change "@angular/material" and "@angular/cdk" version to "2.0.0-beta.10"
In your terminal window, navigate to the folder in your project where package.json is located.
Run the command npm install

Here is a working demo using version 2.0.0-beta.10.

Meterial 2 md-datepicker-toggle is not a known element

1 Answers1

Linked