How to change the date display format if the data is taken from an array?

How to change the date display format if the data is taken from an array?

What do you need to do for this? If do so, it will turn out nonsense.

{{row[column.lowercaseValue] | date}}

html:

<table mat-table class="tb" [dataSource]="dataSource" matSort matSortDisableClear matSortActive="NAME"
matSortDirection="asc">
<ng-container [matColumnDef]="column.value" *ngFor="let column of allCols;">
    <th mat-header-cell *matHeaderCellDef mat-sort-header (click)="load()">
        {{column.displayName}}
    </th>
    <td mat-cell *matCellDef="let row">
        {{row[column.lowercaseValue]}}
    </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

ts:

const COLS = [
  { value: "NAME", lowercaseValue: "name", displayName: 'Full name' },
  { value: "EMAIL", lowercaseValue: "email", displayName: 'E-mail' },
  { value: "MSG", lowercaseValue: "msg", displayName: 'Message' },
  { value: "DATE", lowercaseValue: "date", displayName: 'Date' }
];

Source: New feed
Source Url How to change the date display format if the data is taken from an array?