Ошибка: поле mat-form-field должно содержать MatFormFieldControl. для выбора даты с использованием angular материала 7

Question

Я занимаюсь разработкой простого приложения DatePicker. Я проверил соответствующий пост, но не смог решить эту ошибку. Я точно следую angular материалам.

Шаблон:

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

Материал модуля:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {MatDatepickerModule} from '@angular/material/datepicker';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatNativeDateModule } from '@angular/material/core';


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    MatDatepickerModule,
    MatFormFieldModule,
    MatNativeDateModule,

  ],
  exports: [
    MatDatepickerModule,
    MatFormFieldModule,
    MatNativeDateModule,

  ]
})
export class MaterialModule { }