title: Material Date Picker Mask with Form Control
body: <p>When I am using Angular 6 Material Date Picker with any mask(ngx-mask, angular2-mask,angular2-text-mask) and use <code>formControlName</code>, I get an error: </p>
  
  <blockquote>
    <p>ERROR Error: More than one custom value accessor matches form control
    with unspecified name attribute</p>
  </blockquote>
  
  <p>Is there any mask that is working with Material Date Picker and <code>formControlName</code> attribute?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input matInput [matDatepicker]="myDatepicker" formControlName="dateOfbrd" mask="00/00/0000"&gt;
    &lt;mat-error *ngFor="let validation of validationMessages.dateOfDischarge"&gt;
    &lt;mat-error class="error-message" *ngIf=enrfrm.get('dateOfbrd').hasError(validation.type)"&gt;
      {{validation.message}}
    &lt;/mat-error&gt;
  &lt;/mat-error&gt;
  &lt;mat-datepicker-toggle matSuffix [for]="myDatepicker"&gt;&lt;/mat-datepicker-toggle&gt;
  &lt;mat-datepicker #myDatepicker&gt;&lt;/mat-datepicker&gt;
  </code></pre>