From 33c8e30885504c3c3abad07a962c048b531d8b3f Mon Sep 17 00:00:00 2001 From: Omar Eltomy <97570527+omareltomy@users.noreply.github.com> Date: Mon, 29 Sep 2025 13:45:39 +0000 Subject: [PATCH] fix: resolve Angular template error in fire calculator - Move [min] attribute from mat-datepicker to input element - mat-datepicker doesn't support min property directly - Input element properly handles date constraints for Angular Material datepicker - Fixes Docker build error in CD pipeline --- .../src/lib/fire-calculator/fire-calculator.component.html | 2 +- libs/ui/src/lib/fire-calculator/fire-calculator.component.ts | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html index a2d5359b5..ef4722255 100644 --- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html +++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html @@ -40,6 +40,7 @@ formControlName="retirementDate" matInput [matDatepicker]="datepicker" + [min]="minDate" /> diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts b/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts index f890217bf..feee04881 100644 --- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts +++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts @@ -104,7 +104,10 @@ export class GfFireCalculatorComponent implements OnChanges, OnDestroy { public chart: Chart<'bar'>; public isLoading = true; public periodsToRetire = 0; - public minDate = addDays(new Date(), 1); // Tomorrow's date + + public get minDate(): Date { + return addDays(new Date(), 1); // Tomorrow's date + } private readonly CONTRIBUTION_PERIOD = 12; private readonly DEFAULT_RETIREMENT_DATE = startOfMonth(