mat-datepicker делает сбой приложения без зарегистрированной ошибки

Question

У меня есть этот шаблон компонента страницы по URL-адресу /demo

<mat-form-field>
  <input matInput placeholder="Choose a date">
</mat-form-field>

, который хорошо отрисовывается, но как только я переписываю это как

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

, приложение перенаправляетна URL / и не отображает ничего, кроме пустого пространства.В консоли ничего не регистрируется.

Код должен работать, потому что он скопирован из Angular Material пример базового средства выбора даты .Я импортировал MatFormFieldModule, MatInputModule и MatDatepickerModule.

Что происходит?

Answer 1

Решение состоит в том, чтобы дополнительно импортировать дополнительный модуль Material MatNativeDateModule.В документации к материалам mat-datepicker явно не указано никаких зависимостей, но в некоторых случаях это требуется.

Благодаря ответу @ pengyy на этот вопрос это помогло мне добраться до этого решения.