UI is broken in dates parsing in Safari

src/app/shares/shares-account-view/dividends-tab/dividends-tab.component.html

@@ -10,7 +10,7 @@
 
       <ng-container matColumnDef="transactionDate">
         <th mat-header-cell *matHeaderCellDef> Transaction Date </th>
-        <td mat-cell *matCellDef="let dividend"> {{dividend.postedDate | date}} </td>
+        <td mat-cell *matCellDef="let dividend"> {{dividend.postedDate  | dateFormat}} </td>
       </ng-container>
 
       <ng-container matColumnDef="amount">

src/app/shares/shares-account-view/shares-account-view.component.html

@@ -61,7 +61,7 @@
           <tbody>
             <tr>
               <td>Activated On</td>
-              <td>{{sharesAccountData.timeline.activatedOnDate ? (sharesAccountData.timeline.activatedOnDate | date) : 'Not Activated'}}</td>
+              <td>{{sharesAccountData.timeline.activatedOnDate ? (sharesAccountData.timeline.activatedOnDate  | dateFormat) : 'Not Activated'}}</td>
             </tr>
             <tr>
               <td>Currency</td>

src/app/shares/shares-account-view/transactions-tab/transactions-tab.component.html

@@ -10,7 +10,7 @@
 
       <ng-container matColumnDef="transactionDate">
         <th mat-header-cell *matHeaderCellDef> Transaction Date </th>
-        <td mat-cell *matCellDef="let transaction"> {{transaction.purchasedDate | date}} </td>
+        <td mat-cell *matCellDef="let transaction"> {{transaction.purchasedDate  | dateFormat}} </td>
       </ng-container>
 
       <ng-container matColumnDef="transactionType">