I'm currently working on a Datatable filter and I would like to incorporate a calendar icon to facilitate date filtering by simply clicking on the Datatable Header.
At this stage, I've managed to display a calendar Icon on my Datatable header, but I now need guidance on how to utilize it as a date picker?
This is my HTML setup:
<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>