Browse Source

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

2
libs/ui/src/lib/fire-calculator/fire-calculator.component.html

@ -40,6 +40,7 @@
formControlName="retirementDate"
matInput
[matDatepicker]="datepicker"
[min]="minDate"
/>
<mat-datepicker-toggle
matIconSuffix
@ -50,7 +51,6 @@
#datepicker
startView="multi-year"
[disabled]="hasPermissionToUpdateUserSettings !== true"
[min]="minDate"
(monthSelected)="setMonthAndYear($event, datepicker)"
>
</mat-datepicker>

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

Loading…
Cancel
Save