- {["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((label) => {label})}
+ {["i18n:govoplan-calendar.mon.24b2a099", "i18n:govoplan-calendar.tue.529541bb", "i18n:govoplan-calendar.wed.23408b19", "i18n:govoplan-calendar.thu.3593ccd9", "i18n:govoplan-calendar.fri.bbd6e32e", "i18n:govoplan-calendar.sat.6b782d41", "i18n:govoplan-calendar.sun.48c98cab"].map((label) => {label})}
{virtualWindow.topSpacerHeight > 0 &&
}
- {visibleWeeks.map((week) => (
-
+ {visibleWeeks.map((week) =>
+
{week.map((day) => {
- const key = dayKey(day);
- const dayEvents = eventsByDay.get(key) ?? [];
- const outsideFocusMonth = variant === "month" && !sameMonth(day, focusDate);
- return (
-
onEventDragOverDay(event, day) : undefined}
- onDragLeave={canWrite ? onDropTargetLeave : undefined}
- onDrop={canWrite ? (event) => onEventDropOnDay(event, day) : undefined}
- >
+ const key = dayKey(day);
+ const dayEvents = eventsByDay.get(key) ?? [];
+ const outsideFocusMonth = variant === "month" && !sameMonth(day, focusDate);
+ return (
+ onEventDragOverDay(event, day) : undefined}
+ onDragLeave={canWrite ? onDropTargetLeave : undefined}
+ onDrop={canWrite ? (event) => onEventDropOnDay(event, day) : undefined}>
+
{day.getDate()}
{day.getDate() === 1 && {monthYearLabel(day)}}
- {dayEvents.slice(0, variant === "month" ? 5 : 3).map((event) => (
-
- ))}
+ {dayEvents.slice(0, variant === "month" ? 5 : 3).map((event) =>
+
+
+ )}
{dayEvents.length > (variant === "month" ? 5 : 3) && +{dayEvents.length - (variant === "month" ? 5 : 3)}}
-
- );
- })}
+ );
+
+ })}
- ))}
+ )}
{virtualWindow.bottomSpacerHeight > 0 &&
}
-
- );
+
);
+
}
function CalendarTimeGrid({
@@ -881,27 +1025,27 @@ function CalendarTimeGrid({
onDropTargetLeave,
onEventDropOnDay,
onEventDropOnTime
-}: {
- days: Date[];
- eventsByDay: Map