#61

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

@@ -30,6 +30,8 @@
 							@let dayTooltip = getDayTooltip(day);
 							@let dateKey = getDateKey(day);
 							@let status = getStatus(day);
+							@let declaredType = getDeclaredType(dateKey);
+							@let previewed = declarationPreview?.dates?.has(dateKey);
 							<button
 								type="button"
 								[attr.data-date]="dateKey"
@@ -40,6 +42,9 @@
 								[class.current]="dateKey === currentDate"
 								[class.explained-period]="isInExplainedPeriod(day)"
 								[class.context-only]="!isInHorizon(day)"
+								[class.declared]="!!declaredType"
+								[class.declaration-preview]="previewed"
+								[class.declaration-erase]="previewed && !declaredType"
 								[class.eligible]="status?.kind === 'eligible'"
 								[class.ineligible]="status?.kind === 'ineligible'"
 								[class.chosen]="status?.kind === 'chosen'"
@@ -52,10 +57,13 @@
 								[class.change-removed]="status?.change === 'removed'"
 								[class.change-shared]="status?.change === 'shared'"
 								[class.change-unchanged]="status?.change === 'unchanged'"
-								[class]="selectedDates.getClasses(day)"
+								[class]="getDayClasses(day)"
 								class="day number"
-								[disabled]="!isInHorizon(day)"
+								[disabled]="isDateDisabled(day)"
+								[attr.aria-pressed]="declarationEntry ? !!declaredType : null"
 								[matTooltip]="dayTooltip"
+								matTooltipTouchGestures="off"
+								[matTooltipDisabled]="!!declarationPreview"
 								[matTooltipShowDelay]="500"
 								[attr.aria-label]="getDayAriaLabel(day, dayTooltip)"
 								[attr.aria-current]="dateKey === currentDate ? 'date' : null"