From 72c20cd7d41a5d6de9dbde51e11a1d0855b27cb4 Mon Sep 17 00:00:00 2001 From: Omar Eltomy <97570527+omareltomy@users.noreply.github.com> Date: Mon, 29 Sep 2025 13:03:01 +0000 Subject: [PATCH] feat: add minimum date constraint to fire calculator date picker - Set minimum selectable date to tomorrow in fire calculator component - Added addDays import from date-fns for date calculation - Added minDate property that calculates tomorrow's date - Updated mat-datepicker with [min] attribute to enforce constraint - Ensures users can only select future dates for retirement planning --- libs/ui/src/lib/fire-calculator/fire-calculator.component.html | 1 + libs/ui/src/lib/fire-calculator/fire-calculator.component.ts | 2 ++ 2 files changed, 3 insertions(+) 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 60d5204e1..a2d5359b5 100644 --- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html +++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html @@ -50,6 +50,7 @@ #datepicker startView="multi-year" [disabled]="hasPermissionToUpdateUserSettings !== true" + [min]="minDate" (monthSelected)="setMonthAndYear($event, datepicker)" > 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 64fbe1b74..f890217bf 100644 --- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts +++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.ts @@ -44,6 +44,7 @@ import 'chartjs-adapter-date-fns'; import Color from 'color'; import { add, + addDays, addYears, getMonth, setMonth, @@ -103,6 +104,7 @@ 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 private readonly CONTRIBUTION_PERIOD = 12; private readonly DEFAULT_RETIREMENT_DATE = startOfMonth(