Browse Source

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
pull/5627/head
Omar Eltomy 1 month ago
parent
commit
72c20cd7d4
  1. 1
      libs/ui/src/lib/fire-calculator/fire-calculator.component.html
  2. 2
      libs/ui/src/lib/fire-calculator/fire-calculator.component.ts

1
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)"
>
</mat-datepicker>

2
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(

Loading…
Cancel
Save