#22

src/app/components/calendar-year/calendar-year.ts

@@ -17,6 +17,7 @@ import { DateAdapter } from '@angular/material/core';
 import { MatDatepickerModule, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
+import dayjs from 'dayjs';
 import { DAY_FIRST_DATE_PROVIDERS } from '../../shared/day-first-date-adapter';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { MatDialog, MatDialogContent, MatDialogRef } from '@angular/material/dialog';
@@ -459,8 +460,10 @@ export class CalendarYear {
 							type: balance.type,
 							quantity: balance.numberOfDays,
 							label: this.translationService.getDayTypeLabel(balance.type),
-							availableFrom: balance.availableDate,
-							expiryDate: balance.expiryDate,
+							availableFrom: balance.availableDate
+								? dayjs(balance.availableDate).format('YYYY-MM-DD')
+								: undefined,
+							expiryDate: dayjs(balance.expiryDate).format('YYYY-MM-DD'),
 						})),
 						rules: currentRules,
 						labels: Object.fromEntries(