Loan Interest Pauses management to Edit or Delete

src/app/loans/loans-view/loan-account-actions/add-interest-pause/add-interest-pause.component.html

@@ -1,5 +1,8 @@
 <div class="container mat-elevation-z8">
     <mat-card>
+        <div class="m-b-20" fxLayout="column" *ngIf="maturityDate">
+            <span class="m-r-10">{{'Maturity Date' | translateKey:'inputs'}} : {{ maturityDate | dateFormat}}</span>
+        </div>
         <form [formGroup]="interestPauseLoanForm" (ngSubmit)="submit()">
             <mat-card-content>
                 <div fxLayout="column">

src/app/loans/loans-view/loan-account-actions/add-interest-pause/add-interest-pause.component.ts

@@ -24,6 +24,7 @@ export class AddInterestPauseComponent implements OnInit {
   /** Maximum Date allowed. */
   maxDate = new Date();
   startDate = new Date();
+  maturityDate: Date | null = null;
   /** Interest Pause Loan Form */
   interestPauseLoanForm: UntypedFormGroup;
 
@@ -49,11 +50,10 @@ export class AddInterestPauseComponent implements OnInit {
    * and initialize with the required values
    */
   ngOnInit() {
+    this.maturityDate = new Date(this.dataObject.timeline.expectedMaturityDate);
     this.maxDate = new Date(this.dataObject.timeline.expectedMaturityDate);
     this.startDate = new Date(this.settingsService.businessDate);
-    if (this.startDate < this.maxDate) {
-      this.maxDate = this.startDate;
-    } else {
+    if (this.startDate > this.maxDate) {
       this.startDate = this.maxDate;
     }
     this.createInterestPauseLoanForm();