Merge pull request #2073 from bcgov/feature/ALCS-1871-4

QA Fixes #2: 1871

Author: Abradat

alcs-frontend/src/app/features/board/dialogs/application-decision-condition-dialog/application-decision-condition-dialog.component.html

@@ -156,7 +156,7 @@ <h3 class="card-title">
                 </ng-template>
               </ng-container>
               <ng-template #multipleDateColumn>
-                <span class="date-label">Due Date:</span>
+                <span class="date-label">Due Date: </span>
               </ng-template>
               <ng-container *ngIf="getDate(element.condition); else noDate">
                 {{ getDate(element.condition) }}

alcs-frontend/src/app/features/board/dialogs/application-decision-condition-dialog/application-decision-condition-dialog.component.ts

@@ -155,18 +155,26 @@ export class ApplicationDecisionConditionDialogComponent extends CardDialogCompo
       if (condition.dates && condition.dates.length > 0) {
         let minDueDate: ApplicationDecisionConditionDateDto | null = null;
         let maxDueDate: ApplicationDecisionConditionDateDto | null = null;
+        let allDatesNull = true;
 
         for (const date of condition.dates) {
-          if (!maxDueDate || date.date! > maxDueDate.date!) {
-            maxDueDate = date;
-          }
-          if (!date.completedDate) {
-            if (!minDueDate || date.date! < minDueDate.date!) {
-              minDueDate = date;
+          if (date.date !== null) {
+            allDatesNull = false;
+            if (!maxDueDate || date.date! > maxDueDate.date!) {
+              maxDueDate = date;
+            }
+            if (!date.completedDate) {
+              if (!minDueDate || date.date! < minDueDate.date!) {
+                minDueDate = date;
+              }
             }
           }
         }
 
+        if (allDatesNull) {
+          return null;
+        }
+
         const selectedDate = minDueDate || maxDueDate;
         return selectedDate ? this.formatTimestamp(selectedDate.date!) : null;
       }