title: How to add a clear button in `mat-datepicker`
body: <p>How to add a clear button in <code>mat-datepicker</code>. Exactly in the open calendar how to add a date cleaning button.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input matInput [(ngModel)]="data1" [matDatepicker]="data1" [value]="" formControlName="data1" id="data1" name="data1"&gt;
  &lt;mat-datepicker-toggle matSuffix [for]="data1"&gt;&lt;/mat-datepicker-toggle&gt;
  &lt;mat-datepicker #data1&gt;&lt;/mat-datepicker&gt;
  </code></pre>
  
  <p>I put inside the attribute: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input matInput [(ngModel)]="data1" [matDatepicker]="data1" [value]="" formControlName="data1" id="data1" name="data1"&gt;
  &lt;mat-datepicker-toggle matSuffix [for]="data1"&gt;&lt;/mat-datepicker-toggle&gt;
  &lt;mat-datepicker #data1&gt;
      &lt;button (click)="onClickMe()"&gt;
          &lt;mat-icon matDatepickerToggleIcon&gt;clear&lt;/mat-icon&gt;
      &lt;/button&gt;
  &lt;/mat-datepicker&gt;
  </code></pre>
  
  <p>but it doesn't work.</p>
  
  <p>I would ask for help. Thank you.</p>