Merge pull request #1447 from josehernandezfintecheandomx/enhancement/dateformat_pipe

UI is broken in dates parsing in Safari

src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-preview-step/fixed-deposit-product-preview-step.component.html

@@ -125,12 +125,12 @@
 
       <div fxFlexFill>
         <span fxFlex="40%">Valid from Date:</span>
-        <span fxFlex="60%">{{ chart.fromDate | date }}</span>
+        <span fxFlex="60%">{{ chart.fromDate  | dateFormat }}</span>
       </div>
 
       <div fxFlexFill *ngIf="chart.endDate">
         <span fxFlex="40%">End Date:</span>
-        <span fxFlex="60%">{{ chart.endDate | date }}</span>
+        <span fxFlex="60%">{{ chart.endDate  | dateFormat }}</span>
       </div>
 
       <div fxFlexFill *ngIf="chart.description">

src/app/products/fixed-deposit-products/view-fixed-deposit-product/view-fixed-deposit-product.component.html

@@ -154,12 +154,12 @@
 
             <div fxFlexFill>
               <span fxFlex="40%">Valid from Date:</span>
-              <span fxFlex="60%">{{ fixedDepositProductData.activeChart.fromDate | date }}</span>
+              <span fxFlex="60%">{{ fixedDepositProductData.activeChart.fromDate  | dateFormat }}</span>
             </div>
 
             <div fxFlexFill *ngIf="fixedDepositProductData.activeChart.endDate">
               <span fxFlex="40%">End Date:</span>
-              <span fxFlex="60%">{{ fixedDepositProductData.activeChart.endDate | date }}</span>
+              <span fxFlex="60%">{{ fixedDepositProductData.activeChart.endDate  | dateFormat }}</span>
             </div>
 
             <div fxFlexFill *ngIf="fixedDepositProductData.activeChart.description">

src/app/products/floating-rates/create-floating-rate/create-floating-rate.component.html

@@ -47,7 +47,7 @@
 
           <ng-container matColumnDef="fromDate">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> From Date </th>
-            <td mat-cell *matCellDef="let floatingRatePeriod"> {{ floatingRatePeriod.fromDate | date : 'dd MMMM yyyy' }} </td>
+            <td mat-cell *matCellDef="let floatingRatePeriod"> {{ floatingRatePeriod.fromDate  | dateFormat : 'dd MMMM yyyy' }} </td>
           </ng-container>
 
           <ng-container matColumnDef="interestRate">

src/app/products/floating-rates/edit-floating-rate/edit-floating-rate.component.html

@@ -50,7 +50,7 @@
 
           <ng-container matColumnDef="fromDate">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> From Date </th>
-            <td mat-cell *matCellDef="let floatingRatePeriod"> {{ floatingRatePeriod.fromDate | date : 'dd MMMM yyyy' }} </td>
+            <td mat-cell *matCellDef="let floatingRatePeriod"> {{ floatingRatePeriod.fromDate  | dateFormat : 'dd MMMM yyyy' }} </td>
           </ng-container>
 
           <ng-container matColumnDef="interestRate">

src/app/products/floating-rates/view-floating-rate/view-floating-rate.component.html

@@ -55,7 +55,7 @@
 
           <ng-container matColumnDef="fromDate">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> From Date </th>
-            <td mat-cell *matCellDef="let floatingRate"> {{ floatingRate.fromDate | date : 'dd MMMM yyyy' }} </td>
+            <td mat-cell *matCellDef="let floatingRate"> {{ floatingRate.fromDate  | dateFormat : 'dd MMMM yyyy' }} </td>
           </ng-container>
 
           <ng-container matColumnDef="interestRate">

src/app/products/loan-products/loan-products.component.html

@@ -30,7 +30,7 @@
 
       <ng-container matColumnDef="closeDate">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Expiry Date </th>
-        <td mat-cell *matCellDef="let loanProduct"> {{ loanProduct.closeDate | date }} </td>
+        <td mat-cell *matCellDef="let loanProduct"> {{ loanProduct.closeDate  | dateFormat }} </td>
       </ng-container>
 
       <ng-container matColumnDef="status">

src/app/products/loan-products/view-loan-product/view-loan-product.component.html

@@ -38,12 +38,12 @@
 
         <div fxFlexFill *ngIf="loanProduct.startDate">
           <span fxFlex="40%">Start Date:</span>
-          <span fxFlex="60%">{{ loanProduct.startDate | date }}</span>
+          <span fxFlex="60%">{{ loanProduct.startDate  | dateFormat }}</span>
         </div>
 
         <div fxFlexFill *ngIf="loanProduct.closeDate">
           <span fxFlex="40%">Close Date:</span>
-          <span fxFlex="60%">{{ loanProduct.closeDate | date }}</span>
+          <span fxFlex="60%">{{ loanProduct.closeDate  | dateFormat }}</span>
         </div>
 
         <div fxFlexFill *ngIf="loanProduct.description">

src/app/products/manage-tax-components/view-tax-component/view-tax-component.component.html

@@ -66,7 +66,7 @@
         </div>
 
         <div fxFlex="50%">
-          {{ taxComponentData.startDate | date }}
+          {{ taxComponentData.startDate  | dateFormat }}
         </div>
 
       </div>

src/app/products/manage-tax-groups/create-tax-group/create-tax-group.component.html

@@ -35,7 +35,7 @@
 
             <ng-container matColumnDef="startDate">
               <th mat-header-cell *matHeaderCellDef> Start Date </th>
-              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.startDate | date }}
+              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.startDate  | dateFormat }}
               </td>
             </ng-container>
 

src/app/products/manage-tax-groups/edit-tax-group/edit-tax-group.component.html

@@ -35,13 +35,13 @@
 
             <ng-container matColumnDef="startDate">
               <th mat-header-cell *matHeaderCellDef> Start Date </th>
-              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.startDate | date }}
+              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.startDate  | dateFormat }}
               </td>
             </ng-container>
 
             <ng-container matColumnDef="endDate">
               <th mat-header-cell *matHeaderCellDef> End Date </th>
-              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.endDate ? (taxComponent.endDate | date) : '' }}
+              <td mat-cell *matCellDef="let taxComponent"> {{ taxComponent.endDate ? (taxComponent.endDate  | dateFormat) : '' }}
               </td>
             </ng-container>
 

src/app/products/manage-tax-groups/view-tax-group/view-tax-group.component.html

@@ -42,11 +42,11 @@
           </div>
 
           <div fxFlex="33%">
-            {{ taxcomponent.startDate | date }}
+            {{ taxcomponent.startDate  | dateFormat }}
           </div>
 
           <div fxFlex="33%" *ngIf="taxcomponent.endDate !== undefined || taxcomponent.endDate !== null">
-            {{ taxcomponent.endDate | date }}
+            {{ taxcomponent.endDate  | dateFormat }}
           </div>
 
       </div>

src/app/products/recurring-deposit-products/recurring-deposit-product-stepper/recurring-deposit-product-preview-step/recurring-deposit-product-preview-step.component.html

@@ -131,12 +131,12 @@
 
       <div fxFlexFill>
         <span fxFlex="40%">Valid from Date:</span>
-        <span fxFlex="60%">{{ chart.fromDate | date }}</span>
+        <span fxFlex="60%">{{ chart.fromDate  | dateFormat }}</span>
       </div>
 
       <div fxFlexFill *ngIf="chart.endDate">
         <span fxFlex="40%">End Date:</span>
-        <span fxFlex="60%">{{ chart.endDate | date }}</span>
+        <span fxFlex="60%">{{ chart.endDate  | dateFormat }}</span>
       </div>
 
       <div fxFlexFill *ngIf="chart.description">

src/app/products/recurring-deposit-products/view-recurring-deposit-product/view-recurring-deposit-product.component.html

@@ -152,12 +152,12 @@
       
             <div fxFlexFill>
               <span fxFlex="40%">Valid from Date:</span>
-              <span fxFlex="60%">{{ recurringDepositProduct.activeChart.fromDate | date }}</span>
+              <span fxFlex="60%">{{ recurringDepositProduct.activeChart.fromDate  | dateFormat }}</span>
             </div>
       
             <div fxFlexFill *ngIf="recurringDepositProduct.activeChart.endDate">
               <span fxFlex="40%">End Date:</span>
-              <span fxFlex="60%">{{ recurringDepositProduct.activeChart.endDate | date }}</span>
+              <span fxFlex="60%">{{ recurringDepositProduct.activeChart.endDate  | dateFormat }}</span>
             </div>
       
             <div fxFlexFill *ngIf="recurringDepositProduct.activeChart.description">

src/app/products/share-products/dividends-share-product/dividends.component.html

@@ -25,12 +25,12 @@
 
       <ng-container matColumnDef="dividendPeriodStartDate">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Dividend Period Start Date </th>
-        <td mat-cell *matCellDef="let dividend">{{ dividend.dividendPeriodStartDate | date }}</td>
+        <td mat-cell *matCellDef="let dividend">{{ dividend.dividendPeriodStartDate  | dateFormat }}</td>
       </ng-container>
 
       <ng-container matColumnDef="dividendPeriodEndDate">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Dividend Period End Date </th>
-        <td mat-cell *matCellDef="let dividend">{{ dividend.dividendPeriodEndDate | date }}</td>
+        <td mat-cell *matCellDef="let dividend">{{ dividend.dividendPeriodEndDate  | dateFormat }}</td>
       </ng-container>
 
       <ng-container matColumnDef="amount">

src/app/products/share-products/share-product-stepper/share-product-market-price-step/share-product-market-price-step.component.html

@@ -14,7 +14,7 @@
     <ng-container matColumnDef="fromDate">
       <th mat-header-cell *matHeaderCellDef> From Date </th>
       <td mat-cell *matCellDef="let marketPricePeriod">
-        {{ marketPricePeriod.fromDate | date }}
+        {{ marketPricePeriod.fromDate  | dateFormat }}
       </td>
     </ng-container>
 

src/app/products/share-products/share-product-stepper/share-product-preview-step/share-product-preview-step.component.html

@@ -96,7 +96,7 @@
       <ng-container matColumnDef="fromDate">
         <th mat-header-cell *matHeaderCellDef> From Date </th>
         <td mat-cell *matCellDef="let marketPricePeriod">
-          {{ marketPricePeriod.fromDate | date }}
+          {{ marketPricePeriod.fromDate  | dateFormat }}
         </td>
       </ng-container>
 

src/app/products/share-products/view-share-product/view-share-product.component.html

@@ -113,7 +113,7 @@
             <ng-container matColumnDef="fromDate">
               <th mat-header-cell *matHeaderCellDef> From Date </th>
               <td mat-cell *matCellDef="let marketPrice">
-                {{ marketPrice.fromDate | date }}
+                {{ marketPrice.fromDate  | dateFormat }}
               </td>
             </ng-container>