fix(appointment-ui): wrong dates in header

libs/appointment/domain/src/lib/appointment.selectors.ts

@@ -12,9 +12,16 @@ export const selectFeature = createFeatureSelector<State>(APPOINTMENT_KEY);
 
 export const selectWorkingDays = createSelector(selectFeature, s => {
   const d = getWeekSpan(s.selectedWeek, s.selectedYear).start;
-  const firstDay = d.getDate() - d.getDay();
 
-  return s.workingDays.map(day => ({ day, date: firstDay + day }));
+  return s.workingDays.map(day => {
+    const date = new Date();
+
+    date.setFullYear(s.selectedYear);
+    date.setMonth(d.getMonth());
+    date.setDate(d.getDate() + day);
+
+    return date;
+  });
 });
 
 export const selectWorkingHours = createSelector(

libs/appointment/ui/src/lib/days/days.component.html

@@ -1,9 +1,9 @@
 <div
-  *ngFor="let day of workingDays"
+  *ngFor="let date of workingDays"
   [ngClass]="{
-    active: day.date === now,
-    'past-day': day.date < now
+    active: date | today,
+    'past-day': date.getTime() < time
   }"
 >
-  {{ day.date }} {{ dayNames[day.day] }}
+  {{ date.getDate() }} {{ dayNames[date.getDay()] }}
 </div>

libs/appointment/ui/src/lib/days/days.component.ts

@@ -1,19 +1,35 @@
 import { JsonPipe, NgClass, NgForOf } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  Pipe,
+  PipeTransform,
+} from '@angular/core';
 
-const now = () => new Date().getDate();
+@Pipe({
+  name: 'today',
+  standalone: true,
+})
+export class TodayPipe implements PipeTransform {
+  transform(date: Date): boolean {
+    const d = new Date();
+
+    return date.getDate() === d.getDate();
+  }
+}
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'im-days[workingDays]',
   standalone: true,
   styleUrls: ['./days.component.scss'],
   templateUrl: './days.component.html',
-  imports: [NgForOf, JsonPipe, NgClass],
+  imports: [NgForOf, JsonPipe, NgClass, TodayPipe],
 })
 export class DaysComponent {
   dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-  now = now();
+  time = new Date().getTime();
 
-  @Input() workingDays?: { day: number; date: number }[];
+  @Input() workingDays?: Date[];
 }

libs/appointment/ui/src/lib/week/week.component.ts

@@ -30,7 +30,7 @@ import { WeekContentComponent } from '../week-content/week-content.component';
   ],
 })
 export class WeekComponent {
-  @Input() workingDays?: { day: number; date: number }[];
+  @Input() workingDays?: Date[];
 
   @Input() viewings?: Viewings;