Format date fields without patch form

src/app/loans/loans-view/loan-account-actions/disburse/disburse.component.html

@@ -38,7 +38,7 @@
 
           <div fxFlexFill>
             <span fxFlex="25%">Show Payment Details</span>
-            <span fxFlex="75%" class="expandCollapsebutton" (click)="addPaymentDetails()">
+            <span fxFlex="75%" class="expandcollapsebutton" (click)="addPaymentDetails()">
               <button mat-raised-button color="primary" *ngIf="showPaymentDetails">
                 <i class="fa fa-minus"></i>
               </button>

src/app/loans/loans-view/loan-account-actions/disburse/disburse.component.scss

@@ -1,4 +1,4 @@
-.expandCollapsebutton {
+.expandcollapsebutton {
     margin-top: -7px;
 }
 

src/app/loans/loans-view/loan-account-actions/disburse/disburse.component.ts

@@ -100,16 +100,19 @@ export class DisburseComponent implements OnInit {
 
   /** Submits the disbursement form */
   submit() {
-    const prevActualDisbursementDate: Date = this.disbursementLoanForm.value.actualDisbursementDate;
-    // TODO: Update once language and date settings are setup
+    const disbursementLoanFormData = this.disbursementLoanForm.value;
+    const locale = this.settingsService.language.code;
     const dateFormat = this.settingsService.dateFormat;
-    this.disbursementLoanForm.patchValue({
-      actualDisbursementDate: this.dateUtils.formatDate(prevActualDisbursementDate, dateFormat)
-    });
-    const disbursementLoanData = this.disbursementLoanForm.value;
-    disbursementLoanData.locale = this.settingsService.language.code;
-    disbursementLoanData.dateFormat = dateFormat;
-    this.loanService.loanActionButtons(this.loanId, 'disburse', disbursementLoanData )
+    const prevActualDisbursementDate: Date = this.disbursementLoanForm.value.actualDisbursementDate;
+    if (disbursementLoanFormData.actualDisbursementDate instanceof Date) {
+      disbursementLoanFormData.actualDisbursementDate = this.dateUtils.formatDate(prevActualDisbursementDate, dateFormat);
+    }
+    const data = {
+      ...disbursementLoanFormData,
+      dateFormat,
+      locale
+    };
+    this.loanService.loanActionButtons(this.loanId, 'disburse', data )
       .subscribe((response: any) => {
         this.router.navigate(['../../general'], { relativeTo: this.route });
       });