#61

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

@@ -899,11 +899,19 @@
 		</div>
 	}
 	<p class="calendar-help">
-		<mat-icon aria-hidden="true">touch_app</mat-icon>{{ tr().planning.calendarHelp }}
+		<mat-icon aria-hidden="true">touch_app</mat-icon
+		>{{ declarationEntry() ? tr().bookedDays.help : tr().planning.calendarHelp }}
 	</p>
+	@if (declarationEntry() && !calendarHorizon()) {
+		<p role="alert">{{ tr().settings.invalidHorizon }}</p>
+	}
 	<div class="calendar-legend" role="group" [attr.aria-label]="tr().planning.legend">
 		<strong>{{ tr().planning.legend }}</strong>
 		<ul>
+			<li>
+				<span class="legend-swatch declared" aria-hidden="true"></span
+				>{{ tr().bookedDays.booked }}
+			</li>
 			<li>
 				<span class="legend-swatch weekend" aria-hidden="true"></span
 				>{{ tr().dayTypes.weekend }}
@@ -995,7 +1003,13 @@
 		</ul>
 	</div>
 
-	<div class="month-grid">
+	<div
+		#monthGrid
+		class="month-grid"
+		[class.declaration-entry]="declarationEntry()"
+		(pointerdown)="startDeclarationRange($event)"
+		(click)="selectDeclaredDate($event)"
+	>
 		@for (month of months(); track month.year + '-' + month.monthIndex) {
 			<mat-card class="month-card">
 				<mat-card-content>
@@ -1003,12 +1017,15 @@
 						[monthIndex]="month.monthIndex"
 						[year]="month.year"
 						[selectedDates]="calendarSelectedDates()"
-						[horizonStart]="planningHorizon()?.start"
-						[horizonEnd]="planningHorizon()?.end"
-						[currentDate]="currentPlacementDate()"
-						[explainedPeriod]="explainedPeriod()"
-						[dateStatuses]="traceReplay() ? dateStatuses() : {}"
-						(dateSelected)="selectCalendarDate($event)"
+						[horizonStart]="calendarHorizon()?.start"
+						[horizonEnd]="calendarHorizon()?.end"
+						[declarationEntry]="declarationEntry()"
+						[declaredDays]="calendarDeclaredDays()"
+						[declarationPreview]="declarationPreview()"
+						[currentDate]="declarationEntry() ? null : currentPlacementDate()"
+						[explainedPeriod]="declarationEntry() ? undefined : explainedPeriod()"
+						[dateStatuses]="!declarationEntry() && traceReplay() ? dateStatuses() : {}"
+						(dateSelected)="!declarationEntry() && selectCalendarDate($event)"
 					></app-calendar-month>
 				</mat-card-content>
 			</mat-card>