как использовать DatePicker без ввода и только со значком каландра

Question

Я работаю над фильтром данных и хочу использовать значок календаря, чтобы настроить фильтр даты, нажав на заголовок Datatable.

К этому моменту у меня появился значок календаря на моем Заголовок с данными и я хочу знать, как использовать его в качестве средства выбора даты?

Мой HTML:

<ng-container matColumnDef="Date">
  <mat-header-cell *matHeaderCellDef fxHide mat-sor t-header fxShow.gt-md>
    Date de l'opération
    <mat-icon>
      calendar_today
    </mat-icon>
  </mat-header-cell>

  <mat-cell *matCellDef="let element" fxHide fxShow.gt-md>
    <p class="category text-truncate">
      {{element.CreatedDateGmt}}
    </p>
  </mat-cell>
</ng-container>

Answer 1

вы можете использовать мат-меню и внутри мат-календаря, из этого SO , удаляя "div" из stopPropagation ...

<button mat-icon-button [matMenuTriggerFor]="appMenu">
  <mat-icon>calendar_today</mat-icon>
</button>
<mat-menu #appMenu="matMenu">
     <mat-calendar #calendar 
        (selectedChange)="select($event,calendar)" 
        [dateClass]="isSelected">
     </mat-calendar>
</mat-menu>