ERROR Error: mat-form-field must contain a MatFormFieldControl

Question

I have used mat-date-picker inside my application, the html file looks like this :

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

I have used the exact same piece of code in my another component and it works, but in this component it displays the error:

ERROR Error: mat-form-field must contain a MatFormFieldControl.

Even though the page is loading after the error, the button of date picker doesnot get displayed and i cannot select a date.

Where is the closing Tag for ``? I mean something like that: `` and check if you have the `[formGroup]="form"` in your opening tag for form etc. Could you post the part of `*.component.ts` for this? — k.vincent, Apr 30 '18 at 20:28

score 13 · Accepted Answer · answered Apr 30 '18 at 13:51

13

Make sure you've imported the module MatInputModule.

answered Apr 30 '18 at 13:51

G. Tranter

16,766
1
48
68

@k.vincent - can you add your comment to the original question instead of my answer? – G. Tranter Apr 30 '18 at 20:16
Sure… Done. Was a mistake. – k.vincent Apr 30 '18 at 20:31

ERROR Error: mat-form-field must contain a MatFormFieldControl

1 Answers1