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(