calendarkit-pro 1.3.1 → 1.4.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 // src/index.tsx
-import React18, { useCallback as useCallback5, useId, useState as useState6, useMemo as useMemo4 } from "react";
+import React20, { useCallback as useCallback6, useId, useState as useState8, useMemo as useMemo4 } from "react";
 import { DndContext, useSensor, useSensors, PointerSensor, DragOverlay } from "@dnd-kit/core";
 import { createSnapModifier, restrictToWindowEdges } from "@dnd-kit/modifiers";
 import { AnimatePresence as AnimatePresence3, motion as motion4 } from "framer-motion";
@@ -386,7 +386,12 @@ var en = {
   toggleSidebar: "Toggle sidebar",
   toggleTheme: "Toggle dark mode",
   switchLanguage: "Switch language",
-  eventColor: "Event color"
+  eventColor: "Event color",
+  showLess: "Show less",
+  continuesBefore: "Started earlier",
+  continuesAfter: "Continues later",
+  durationDay: "1 day",
+  durationDays: "{n} days"
 };
 var fr = {
   today: "Aujourd'hui",
@@ -493,7 +498,12 @@ var fr = {
   toggleSidebar: "Afficher ou masquer la barre lat\xE9rale",
   toggleTheme: "Basculer le th\xE8me sombre",
   switchLanguage: "Changer de langue",
-  eventColor: "Couleur de l'\xE9v\xE9nement"
+  eventColor: "Couleur de l'\xE9v\xE9nement",
+  showLess: "R\xE9duire",
+  continuesBefore: "A commenc\xE9 avant",
+  continuesAfter: "Continue apr\xE8s",
+  durationDay: "1 jour",
+  durationDays: "{n} jours"
 };
 
 // src/core/format.ts
@@ -703,11 +713,14 @@ var Sidebar = ({
 };
 
 // src/views/MonthView.tsx
-import React7, { useMemo } from "react";
-import { format as format7, isSameDay as isSameDay3, isSameMonth as isSameMonth2 } from "date-fns";
+import React8, { useMemo } from "react";
+import { format as format8, isSameDay as isSameDay3, isSameMonth as isSameMonth2 } from "date-fns";
 
 // src/core/events.ts
-import { addDays, format as format6, startOfDay as startOfDay2 } from "date-fns";
+import { addDays as addDays2, format as format6, startOfDay as startOfDay3 } from "date-fns";
+
+// src/core/allDay.ts
+import { addDays, differenceInCalendarDays, startOfDay as startOfDay2 } from "date-fns";
 
 // src/core/timezone.ts
 import { format as format5, isSameDay as isSameDay2, startOfDay } from "date-fns";
@@ -767,6 +780,91 @@ function displayToday(tz, now = /* @__PURE__ */ new Date()) {
   return startOfDay(toDisplay(now, tz));
 }
 
+// src/core/allDay.ts
+var DAY_EVENT_MIN_MS = 24 * 60 * 60 * 1e3;
+function isDayEvent(event) {
+  return event.allDay === true || event.end.getTime() - event.start.getTime() >= DAY_EVENT_MIN_MS;
+}
+var isMidnight = (date) => date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 && date.getMilliseconds() === 0;
+var isUtcMidnight = (date) => date.getUTCHours() === 0 && date.getUTCMinutes() === 0 && date.getUTCSeconds() === 0 && date.getUTCMilliseconds() === 0;
+function toCalendarMidnight(date) {
+  return !isMidnight(date) && isUtcMidnight(date) ? new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()) : date;
+}
+function calendarDay(date) {
+  if (isMidnight(date)) return { day: startOfDay2(date), midnight: true };
+  if (isUtcMidnight(date)) return { day: new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()), midnight: true };
+  return { day: startOfDay2(date), midnight: false };
+}
+function dayEventSpan(event, tz) {
+  if (event.allDay) {
+    const firstDay2 = calendarDay(event.start).day;
+    if (event.end.getTime() <= event.start.getTime()) return { firstDay: firstDay2, lastDay: firstDay2 };
+    const end = calendarDay(event.end);
+    const lastDay2 = end.midnight ? addDays(end.day, -1) : end.day;
+    return { firstDay: firstDay2, lastDay: lastDay2 < firstDay2 ? firstDay2 : lastDay2 };
+  }
+  const firstDay = startOfDay2(toDisplay(event.start, tz));
+  const lastDay = startOfDay2(toDisplay(new Date(event.end.getTime() - 1), tz));
+  return { firstDay, lastDay: lastDay < firstDay ? firstDay : lastDay };
+}
+var partitionCache = /* @__PURE__ */ new WeakMap();
+function partitionDayEvents(events, tz) {
+  let byZone = partitionCache.get(events);
+  if (!byZone) {
+    byZone = /* @__PURE__ */ new Map();
+    partitionCache.set(events, byZone);
+  }
+  const key = tz ?? "";
+  let result = byZone.get(key);
+  if (!result) {
+    const dayEvents = [];
+    const timedEvents = [];
+    for (const event of events) (isDayEvent(event) ? dayEvents : timedEvents).push(event);
+    result = { dayEvents, timedEvents };
+    byZone.set(key, result);
+  }
+  return result;
+}
+var rowCache = /* @__PURE__ */ new WeakMap();
+function layoutDayRow(days, dayEvents, tz) {
+  if (days.length === 0) return { segments: [], laneCount: 0 };
+  const rowStart = startOfDay2(days[0]);
+  const columns = days.length;
+  const key = `${tz ?? ""}|${rowStart.getTime()}|${columns}`;
+  let cache = rowCache.get(dayEvents);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    rowCache.set(dayEvents, cache);
+  }
+  const cached = cache.get(key);
+  if (cached) return cached;
+  const unplaced = [];
+  for (const event of dayEvents) {
+    const { firstDay, lastDay } = dayEventSpan(event, tz);
+    const first = differenceInCalendarDays(firstDay, rowStart);
+    const last = differenceInCalendarDays(lastDay, rowStart);
+    if (last < 0 || first >= columns) continue;
+    const startCol = Math.max(first, 0);
+    const endCol = Math.min(last, columns - 1);
+    unplaced.push({ event, startCol, span: endCol - startCol + 1, continuesBefore: first < 0, continuesAfter: last >= columns });
+  }
+  unplaced.sort((a, b) => a.startCol - b.startCol || b.span - a.span || (a.event.id < b.event.id ? -1 : a.event.id > b.event.id ? 1 : 0));
+  const occupied = [];
+  const segments = [];
+  for (const segment of unplaced) {
+    let lane = occupied.findIndex((row) => row.slice(segment.startCol, segment.startCol + segment.span).every((taken) => !taken));
+    if (lane === -1) {
+      lane = occupied.length;
+      occupied.push(new Array(columns).fill(false));
+    }
+    for (let c = segment.startCol; c < segment.startCol + segment.span; c++) occupied[lane][c] = true;
+    segments.push({ ...segment, lane });
+  }
+  const layout = { segments, laneCount: occupied.length };
+  cache.set(key, layout);
+  return layout;
+}
+
 // src/core/events.ts
 var toDate = (value) => value === void 0 || value === null ? void 0 : value instanceof Date ? value : new Date(value);
 var isValidDate = (date) => !!date && !Number.isNaN(date.getTime());
@@ -775,29 +873,35 @@ var normalizedList = /* @__PURE__ */ new WeakMap();
 function normalizeEvent(event) {
   const cached = normalizedEvent.get(event);
   if (cached !== void 0) return cached;
-  const start = toDate(event.start);
-  const end = toDate(event.end);
+  const day = (value) => event.allDay && value ? toCalendarMidnight(value) : value;
+  const start = day(toDate(event.start));
+  const end = day(toDate(event.end));
   let result = null;
   if (!isValidDate(start) || !isValidDate(end)) {
     warnOnce(`invalid-date:${event.id}`, `Event "${event.id}" has an invalid start or end date and was skipped.`);
   } else if (end.getTime() < start.getTime()) {
     warnOnce(`end-before-start:${event.id}`, `Event "${event.id}" ends before it starts and was skipped.`);
   } else {
-    const needsCopy = start !== event.start || end !== event.end || needsRecurrenceCopy(event);
+    const needsCopy = start !== event.start || end !== event.end || needsRecurrenceCopy(event) || !!event.allDay && dateOnlyRecurrence(event);
     result = needsCopy ? {
       ...event,
       start,
       end,
       recurrence: event.recurrence && {
         ...event.recurrence,
-        until: toDate(event.recurrence.until),
-        exdates: event.recurrence.exdates?.map((d) => toDate(d))
+        until: day(toDate(event.recurrence.until)),
+        exdates: event.recurrence.exdates?.map((d) => day(toDate(d)))
       }
     } : event;
   }
   normalizedEvent.set(event, result);
   return result;
 }
+function dateOnlyRecurrence(event) {
+  const r = event.recurrence;
+  const changes = (d) => d instanceof Date && toCalendarMidnight(d) !== d;
+  return !!r && (changes(r.until) || !!r.exdates?.some(changes));
+}
 function needsRecurrenceCopy(event) {
   const r = event.recurrence;
   if (!r) return false;
@@ -858,10 +962,10 @@ function segmentsByDisplayDay(events, tz, range) {
       const rawEnd = toDisplay(event.end, tz);
       const wallEnd = rawEnd < wallStart ? wallStart : rawEnd;
       if (range && (wallEnd < range.start || wallStart >= range.end)) continue;
-      let day = startOfDay2(range && wallStart < range.start ? range.start : wallStart);
+      let day = startOfDay3(range && wallStart < range.start ? range.start : wallStart);
       const stop = range && wallEnd > range.end ? range.end : wallEnd;
       do {
-        const next = addDays(day, 1);
+        const next = addDays2(day, 1);
         const start = wallStart > day ? wallStart : day;
         const end = wallEnd < next ? wallEnd : next;
         if (end > start || wallStart.getTime() === wallEnd.getTime()) {
@@ -878,25 +982,153 @@ function segmentsByDisplayDay(events, tz, range) {
   });
 }
 
-// src/components/dnd/DraggableEvent.tsx
-import React5 from "react";
+// src/components/AllDayBar.tsx
+import React5, { useRef, useState as useState2 } from "react";
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
+import { addDays as addDays3, differenceInCalendarDays as differenceInCalendarDays2, format as format7 } from "date-fns";
+var AllDayBarImpl = ({
+  segment,
+  rowDays,
+  laneHeight,
+  timezone,
+  locale,
+  translations,
+  readonly,
+  onEventClick,
+  onEventContextMenu,
+  onDayEventResize
+}) => {
+  const { event, startCol, span, lane, continuesBefore, continuesAfter } = segment;
+  const columns = rowDays.length;
+  const { firstDay, lastDay } = dayEventSpan(event, timezone);
+  const segmentOffset = differenceInCalendarDays2(rowDays[startCol], firstDay);
+  const dragData = useRef({ event, grabDayOffset: segmentOffset });
+  dragData.current.event = event;
+  const dragDisabled = readonly || isEventDragDisabled(event);
+  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+    id: `${event.id}@day@${format7(rowDays[0], "yyyy-MM-dd")}`,
+    data: dragData.current,
+    disabled: dragDisabled
+  });
+  const [resizeCols, setResizeCols] = useState2(0);
+  const ignoreClick = useRef(false);
+  const canResize = !readonly && !continuesAfter && !isEventResizeDisabled(event) && !!onDayEventResize;
+  const shownSpan = Math.max(1, Math.min(span + resizeCols, columns - startCol));
+  const handlePointerDownCapture = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const dayWithin = rect.width > 0 ? Math.floor((e.clientX - rect.left) / rect.width * span) : 0;
+    dragData.current.grabDayOffset = segmentOffset + Math.min(Math.max(dayWithin, 0), span - 1);
+  };
+  const handleResizeStart = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    const bar = e.currentTarget.parentElement;
+    const columnWidth = bar.getBoundingClientRect().width / span || 1;
+    const startX = e.clientX;
+    let delta = 0;
+    const onMove = (moveEvent) => {
+      delta = Math.round((moveEvent.clientX - startX) / columnWidth);
+      setResizeCols(delta);
+    };
+    const stop = () => {
+      document.removeEventListener("pointermove", onMove);
+      document.removeEventListener("pointerup", onUp);
+      document.removeEventListener("pointercancel", stop);
+      setResizeCols(0);
+    };
+    const onUp = () => {
+      stop();
+      ignoreClick.current = true;
+      setTimeout(() => {
+        ignoreClick.current = false;
+      }, 0);
+      if (delta !== 0) onDayEventResize?.(event, addDays3(rowDays[startCol + span - 1], delta));
+    };
+    document.addEventListener("pointermove", onMove);
+    document.addEventListener("pointerup", onUp);
+    document.addEventListener("pointercancel", stop);
+  };
+  const color = event.color || "hsl(var(--primary))";
+  const dateFormat = "d MMM";
+  const label = `${event.title}, ${format7(firstDay, dateFormat, { locale })}${lastDay > firstDay ? ` \u2013 ${format7(lastDay, dateFormat, { locale })}` : ""}`;
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      ref: setNodeRef,
+      ...listeners,
+      ...attributes,
+      onPointerDownCapture: handlePointerDownCapture,
+      role: "button",
+      "aria-label": label,
+      className: cn(
+        "group absolute px-[2px] select-none",
+        dragDisabled ? "cursor-pointer" : "cursor-grab active:cursor-grabbing touch-none"
+      ),
+      style: {
+        left: `${startCol / columns * 100}%`,
+        width: `${shownSpan / columns * 100}%`,
+        top: lane * laneHeight,
+        height: laneHeight,
+        transform: CSS.Translate.toString(transform),
+        opacity: isDragging ? 0 : void 0,
+        zIndex: isDragging ? 100 : 1
+      },
+      onClick: (e) => {
+        e.stopPropagation();
+        if (ignoreClick.current) {
+          ignoreClick.current = false;
+          return;
+        }
+        onEventClick?.(event);
+      },
+      onContextMenu: onEventContextMenu ? (e) => onEventContextMenu(event, e) : void 0
+    },
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        className: cn(
+          "relative h-[calc(100%-4px)] mt-[2px] flex items-center gap-1 px-1.5 text-[11px] font-semibold text-white overflow-hidden shadow-sm",
+          continuesBefore ? "rounded-l-none" : "rounded-l-md",
+          continuesAfter ? "rounded-r-none" : "rounded-r-md"
+        ),
+        style: { backgroundColor: color }
+      },
+      continuesBefore && /* @__PURE__ */ React5.createElement("span", { "aria-label": translations?.continuesBefore }, "\u2039"),
+      /* @__PURE__ */ React5.createElement("span", { className: "truncate" }, event.title),
+      continuesAfter && /* @__PURE__ */ React5.createElement("span", { className: "ml-auto", "aria-label": translations?.continuesAfter }, "\u203A"),
+      canResize && /* @__PURE__ */ React5.createElement(
+        "div",
+        {
+          "data-testid": "all-day-resize",
+          className: "absolute right-0 top-0 bottom-0 w-1.5 cursor-ew-resize opacity-0 group-hover:opacity-100 bg-black/20",
+          onPointerDown: handleResizeStart
+        }
+      )
+    )
+  );
+};
+var AllDayBar = React5.memo(AllDayBarImpl);
+
+// src/components/dnd/DraggableEvent.tsx
+import React6 from "react";
+import { useDraggable as useDraggable2 } from "@dnd-kit/core";
+import { CSS as CSS2 } from "@dnd-kit/utilities";
 var DraggableEventImpl = ({ event, dragId, grabOffsetMs, children, className, style: propStyle, ...props }) => {
   const dragDisabled = isEventDragDisabled(event);
-  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable2({
     id: dragId ?? event.id,
     data: { event, grabOffsetMs },
     disabled: dragDisabled
   });
   const style = {
     ...propStyle,
-    transform: CSS.Translate.toString(transform),
+    transform: CSS2.Translate.toString(transform),
     zIndex: isDragging ? 100 : propStyle?.zIndex,
     // Hide the original while dragging: the DragOverlay ghost is what the user follows.
     opacity: isDragging ? 0 : propStyle?.opacity
   };
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "div",
     {
       ref: setNodeRef,
@@ -909,10 +1141,10 @@ var DraggableEventImpl = ({ event, dragId, grabOffsetMs, children, className, st
     children
   );
 };
-var DraggableEvent = React5.memo(DraggableEventImpl);
+var DraggableEvent = React6.memo(DraggableEventImpl);
 
 // src/components/dnd/DroppableCell.tsx
-import React6 from "react";
+import React7 from "react";
 import { useDroppable } from "@dnd-kit/core";
 var QUARTER_HOVER = [
   "hover:bg-blue-50/50 dark:hover:bg-blue-900/10",
@@ -927,13 +1159,13 @@ var QUARTER_ACTIVE = [
   "bg-blue-100/80 dark:bg-blue-900/40 ring-2 ring-primary ring-inset"
 ];
 var quarterOf = (date) => Math.min(3, Math.floor(date.getMinutes() / 15));
-var DroppableCellImpl = ({ id, date, resourceId, children, className, style, onClick, onSlotClick }) => {
+var DroppableCellImpl = ({ id, date, resourceId, allDayRow, children, className, style, onClick, onSlotClick }) => {
   const { isOver, setNodeRef } = useDroppable({
     id,
-    data: { date, resourceId }
+    data: { date, resourceId, allDayRow }
   });
   const quarter = quarterOf(date);
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(
     "div",
     {
       ref: setNodeRef,
@@ -955,13 +1187,13 @@ var shallowEqualStyle = (a, b) => {
   const keys = Object.keys(a);
   return keys.length === Object.keys(b).length && keys.every((key) => a[key] === b[key]);
 };
-var DroppableCell = React6.memo(
+var DroppableCell = React7.memo(
   DroppableCellImpl,
-  (prev, next) => prev.id === next.id && prev.date.getTime() === next.date.getTime() && prev.resourceId === next.resourceId && prev.children === next.children && prev.className === next.className && prev.onClick === next.onClick && prev.onSlotClick === next.onSlotClick && shallowEqualStyle(prev.style, next.style)
+  (prev, next) => prev.id === next.id && prev.date.getTime() === next.date.getTime() && prev.resourceId === next.resourceId && prev.allDayRow === next.allDayRow && prev.children === next.children && prev.className === next.className && prev.onClick === next.onClick && prev.onSlotClick === next.onSlotClick && shallowEqualStyle(prev.style, next.style)
 );
 
 // src/views/MonthView.tsx
-var EventItem = React7.memo(({ event, onEventClick, onEventContextMenu }) => /* @__PURE__ */ React7.createElement(DraggableEvent, { event }, /* @__PURE__ */ React7.createElement(
+var EventItem = React8.memo(({ event, onEventClick, onEventContextMenu }) => /* @__PURE__ */ React8.createElement(DraggableEvent, { event }, /* @__PURE__ */ React8.createElement(
   "div",
   {
     className: cn(
@@ -980,9 +1212,23 @@ var EventItem = React7.memo(({ event, onEventClick, onEventContextMenu }) => /*
     },
     onContextMenu: onEventContextMenu ? (e) => onEventContextMenu(event, e) : void 0
   },
-  /* @__PURE__ */ React7.createElement("span", { className: "font-medium" }, event.title)
+  /* @__PURE__ */ React8.createElement("span", { className: "font-medium" }, event.title)
 )));
 EventItem.displayName = "EventItem";
+var ROW_HEIGHT = 130;
+var LANE_HEIGHT = 20;
+var MAX_LANES = 3;
+var MAX_ITEMS = 4;
+var BARS_TOP = 38;
+var CELL_CHROME = 16 + 28 + 6;
+var ITEM_STEP = 29 + 4;
+var MORE_HEIGHT = 20;
+function timedSlots(visibleLanes, timedCount, hiddenBars) {
+  if (visibleLanes === 0) return Math.min(timedCount, MAX_ITEMS);
+  const room = ROW_HEIGHT - CELL_CHROME - visibleLanes * LANE_HEIGHT;
+  if (hiddenBars === 0 && timedCount * ITEM_STEP - 4 <= room) return timedCount;
+  return Math.max(0, Math.floor((room - MORE_HEIGHT) / ITEM_STEP));
+}
 var MonthView = ({
   currentDate,
   events,
@@ -991,62 +1237,155 @@ var MonthView = ({
   timezone,
   locale,
   translations,
-  onEventContextMenu
+  onEventContextMenu,
+  onDayEventResize,
+  readonly
 }) => {
   const weekStartsOn = resolveWeekStartsOn(locale, 1);
   const days = useMemo(() => getMonthGrid(currentDate, weekStartsOn), [currentDate, weekStartsOn]);
   const weekDays = useMemo(() => getWeekDays(currentDate, weekStartsOn), [currentDate, weekStartsOn]);
-  const eventsByDay = eventsByStartDay(events, timezone);
+  const weeks = useMemo(
+    () => Array.from({ length: Math.ceil(days.length / 7) }, (_, i) => days.slice(i * 7, i * 7 + 7)),
+    [days]
+  );
+  const { dayEvents, timedEvents } = partitionDayEvents(events, timezone);
+  const eventsByDay = eventsByStartDay(timedEvents, timezone);
   const today = displayToday(timezone);
-  return /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React7.createElement("div", { className: "overflow-y-auto flex-1 relative" }, /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-7 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/30 via-muted/40 to-muted/30 sticky top-0 z-20 backdrop-blur-sm" }, weekDays.map((day) => /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React8.createElement("div", { className: "overflow-y-auto flex-1 relative" }, /* @__PURE__ */ React8.createElement("div", { className: "grid grid-cols-7 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/30 via-muted/40 to-muted/30 sticky top-0 z-20 backdrop-blur-sm" }, weekDays.map((day) => /* @__PURE__ */ React8.createElement(
     "div",
     {
       key: day.toISOString(),
       className: "py-3 text-center text-xs font-semibold text-muted-foreground border-r-[0.5px] border-border/30 last:border-r-0 uppercase tracking-wider"
     },
-    format7(day, "EEE", { locale })
-  ))), /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-7", style: { gridAutoRows: "130px" } }, days.map((day) => {
-    const dayKey2 = format7(day, "yyyy-MM-dd");
-    const dayEvents = eventsByDay.get(dayKey2) || [];
-    const isCurrentMonth = isSameMonth2(day, currentDate);
-    const cellId = day.toISOString();
-    return /* @__PURE__ */ React7.createElement(
-      DroppableCell,
-      {
-        key: cellId,
-        id: cellId,
-        date: day,
-        className: cn(
-          "h-[130px] p-2 border-b-[0.5px] border-r-[0.5px] border-border/30 last:border-r-0 relative transition-all duration-200 hover:bg-accent/5 flex flex-col gap-1.5 overflow-hidden group",
-          !isCurrentMonth && "bg-muted/5 text-muted-foreground/60",
-          isSameDay3(day, today) && "bg-primary/5 ring-1 ring-inset ring-primary/20"
-        ),
-        onClick: () => onDateClick?.(day)
-      },
-      /* @__PURE__ */ React7.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React7.createElement("div", { className: cn(
-        "text-sm font-semibold w-7 h-7 flex items-center justify-center rounded-full transition-all duration-200",
-        isSameDay3(day, today) ? "bg-primary text-primary-foreground shadow-md shadow-primary/30" : "group-hover:bg-accent"
-      ) }, format7(day, "d", { locale })), dayEvents.length > 0 && /* @__PURE__ */ React7.createElement("div", { className: "text-[10px] font-medium text-muted-foreground/60 bg-muted/50 px-1.5 py-0.5 rounded-full" }, dayEvents.length)),
-      /* @__PURE__ */ React7.createElement("div", { className: "flex-1 flex flex-col gap-1 scrollbar-hide overflow-y-auto overflow-x-hidden" }, dayEvents.slice(0, 4).map((event) => /* @__PURE__ */ React7.createElement(EventItem, { key: `${event.id}-${dayKey2}`, event, onEventClick, onEventContextMenu })), dayEvents.length > 4 && // U7: "+N more" opens the day instead of doing nothing.
-      /* @__PURE__ */ React7.createElement(
-        "button",
+    format8(day, "EEE", { locale })
+  ))), weeks.map((week) => {
+    const { segments, laneCount } = layoutDayRow(week, dayEvents, timezone);
+    const visibleLanes = Math.min(laneCount, MAX_LANES);
+    return /* @__PURE__ */ React8.createElement("div", { key: week[0].toISOString(), className: "relative grid grid-cols-7", style: { height: ROW_HEIGHT } }, week.map((day, column) => {
+      const dayKey2 = format8(day, "yyyy-MM-dd");
+      const dayTimed = eventsByDay.get(dayKey2) || [];
+      const barsOnDay = segments.filter((s) => column >= s.startCol && column < s.startCol + s.span);
+      const hiddenBars = barsOnDay.filter((s) => s.lane >= MAX_LANES).length;
+      const shown = timedSlots(visibleLanes, dayTimed.length, hiddenBars);
+      const hidden = hiddenBars + dayTimed.length - shown;
+      const total = barsOnDay.length + dayTimed.length;
+      const isCurrentMonth = isSameMonth2(day, currentDate);
+      const cellId = day.toISOString();
+      return /* @__PURE__ */ React8.createElement(
+        DroppableCell,
         {
-          type: "button",
-          className: "text-[10px] text-primary font-semibold text-center py-1 px-2 rounded-md bg-primary/5 hover:bg-primary/10 cursor-pointer transition-colors",
-          onClick: (e) => {
-            e.stopPropagation();
-            onDateClick?.(day);
-          }
+          key: cellId,
+          id: cellId,
+          date: day,
+          className: cn(
+            "h-full p-2 border-b-[0.5px] border-r-[0.5px] border-border/30 last:border-r-0 relative transition-all duration-200 hover:bg-accent/5 flex flex-col gap-1.5 overflow-hidden group",
+            !isCurrentMonth && "bg-muted/5 text-muted-foreground/60",
+            isSameDay3(day, today) && "bg-primary/5 ring-1 ring-inset ring-primary/20"
+          ),
+          onClick: () => onDateClick?.(day)
         },
-        interpolate(translations?.moreEvents || "+{n} more", { n: dayEvents.length - 4 })
-      ))
-    );
-  }))));
+        /* @__PURE__ */ React8.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React8.createElement("div", { className: cn(
+          "text-sm font-semibold w-7 h-7 flex items-center justify-center rounded-full transition-all duration-200",
+          isSameDay3(day, today) ? "bg-primary text-primary-foreground shadow-md shadow-primary/30" : "group-hover:bg-accent"
+        ) }, format8(day, "d", { locale })), total > 0 && /* @__PURE__ */ React8.createElement("div", { className: "text-[10px] font-medium text-muted-foreground/60 bg-muted/50 px-1.5 py-0.5 rounded-full" }, total)),
+        visibleLanes > 0 && /* @__PURE__ */ React8.createElement("div", { className: "shrink-0", style: { height: visibleLanes * LANE_HEIGHT - 6 } }),
+        /* @__PURE__ */ React8.createElement("div", { className: "flex-1 flex flex-col gap-1 scrollbar-hide overflow-y-auto overflow-x-hidden" }, dayTimed.slice(0, shown).map((event) => /* @__PURE__ */ React8.createElement(EventItem, { key: `${event.id}-${dayKey2}`, event, onEventClick, onEventContextMenu })), hidden > 0 && // "+N more" counts hidden bars and hidden timed events, and opens the day.
+        /* @__PURE__ */ React8.createElement(
+          "button",
+          {
+            type: "button",
+            className: "shrink-0 text-[10px] leading-4 text-primary font-semibold text-center py-0.5 px-2 rounded-md bg-primary/5 hover:bg-primary/10 cursor-pointer transition-colors",
+            onClick: (e) => {
+              e.stopPropagation();
+              onDateClick?.(day);
+            }
+          },
+          interpolate(translations?.moreEvents || "+{n} more", { n: hidden })
+        ))
+      );
+    }), /* @__PURE__ */ React8.createElement("div", { className: "absolute inset-x-0 pointer-events-none", style: { top: BARS_TOP, height: visibleLanes * LANE_HEIGHT } }, segments.filter((s) => s.lane < MAX_LANES).map((segment) => /* @__PURE__ */ React8.createElement("div", { key: `${segment.event.id}-${week[0].toISOString()}`, className: "pointer-events-auto" }, /* @__PURE__ */ React8.createElement(
+      AllDayBar,
+      {
+        segment,
+        rowDays: week,
+        laneHeight: LANE_HEIGHT,
+        timezone,
+        locale,
+        translations,
+        readonly,
+        onEventClick,
+        onEventContextMenu,
+        onDayEventResize
+      }
+    )))));
+  })));
 };
 
 // src/views/WeekView.tsx
-import React9 from "react";
-import { addDays as addDays2, format as format8, differenceInMinutes, isSameDay as isSameDay4 } from "date-fns";
+import React11 from "react";
+import { addDays as addDays5, format as format10, differenceInMinutes, isSameDay as isSameDay4 } from "date-fns";
+
+// src/components/AllDayRow.tsx
+import React9, { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
+import { format as format9 } from "date-fns";
+var LANE_HEIGHT2 = 22;
+var AllDayRowImpl = ({
+  days,
+  dayEvents,
+  timezone,
+  locale,
+  translations,
+  readonly,
+  gutterClassName,
+  maxLanes = 2,
+  onEventClick,
+  onEventContextMenu,
+  onDayEventResize,
+  onSlotClick
+}) => {
+  const [expanded, setExpanded] = useState3(false);
+  const rowKey = days.length ? format9(days[0], "yyyy-MM-dd") : "";
+  useEffect2(() => setExpanded(false), [rowKey]);
+  const handleSlotClick = useCallback((day) => onSlotClick?.(day), [onSlotClick]);
+  const { segments, laneCount } = layoutDayRow(days, dayEvents, timezone);
+  const visibleLanes = expanded ? laneCount : Math.min(laneCount, maxLanes);
+  const hidden = segments.filter((segment) => segment.lane >= visibleLanes).length;
+  const height = Math.max(visibleLanes, 1) * LANE_HEIGHT2 + 4;
+  return /* @__PURE__ */ React9.createElement("div", { className: "flex border-b-[0.5px] border-border/50 bg-background", "data-all-day-row": true }, /* @__PURE__ */ React9.createElement("div", { className: cn("flex-none flex flex-col items-end justify-start gap-0.5 pr-2 pt-1 text-[10px] text-muted-foreground border-r-[0.5px] border-border/30", gutterClassName) }, /* @__PURE__ */ React9.createElement("span", null, translations?.allDay || "All Day"), laneCount > maxLanes && /* @__PURE__ */ React9.createElement(
+    "button",
+    {
+      type: "button",
+      className: "text-primary font-semibold hover:underline",
+      onClick: () => setExpanded(!expanded)
+    },
+    expanded ? translations?.showLess || "Show less" : interpolate(translations?.moreEvents || "+{n} more", { n: hidden })
+  )), /* @__PURE__ */ React9.createElement("div", { className: "flex-1 relative", style: { height } }, /* @__PURE__ */ React9.createElement("div", { className: "absolute inset-0 grid", style: { gridTemplateColumns: `repeat(${days.length}, minmax(0, 1fr))` } }, days.map((day, index) => /* @__PURE__ */ React9.createElement(
+    DroppableCell,
+    {
+      key: day.toISOString(),
+      id: `all-day-${day.toISOString()}`,
+      date: day,
+      allDayRow: true,
+      className: cn("h-full", index > 0 && "border-l-[0.5px] border-border/30"),
+      onSlotClick: readonly || !onSlotClick ? void 0 : handleSlotClick
+    }
+  ))), /* @__PURE__ */ React9.createElement("div", { className: "absolute inset-x-0 top-0 pointer-events-none", style: { height } }, segments.filter((segment) => segment.lane < visibleLanes).map((segment) => /* @__PURE__ */ React9.createElement("div", { key: `${segment.event.id}-${rowKey}`, className: "pointer-events-auto" }, /* @__PURE__ */ React9.createElement(
+    AllDayBar,
+    {
+      segment,
+      rowDays: days,
+      laneHeight: LANE_HEIGHT2,
+      timezone,
+      locale,
+      translations,
+      readonly,
+      onEventClick,
+      onEventContextMenu,
+      onDayEventResize
+    }
+  ))))));
+};
+var AllDayRow = React9.memo(AllDayRowImpl);
 
 // src/core/layout.ts
 var layoutCache = /* @__PURE__ */ new WeakMap();
@@ -1087,9 +1426,10 @@ function layoutDayEvents(segments) {
 }
 
 // src/components/dnd/ResizableEvent.tsx
-import React8, { useState as useState2, useRef, useCallback } from "react";
+import React10, { useState as useState4, useRef as useRef2, useCallback as useCallback2 } from "react";
 
 // src/core/dnd.ts
+import { addDays as addDays4, differenceInCalendarDays as differenceInCalendarDays3, startOfDay as startOfDay4 } from "date-fns";
 function computeDrop({ event, overDate, overResourceId, grabOffsetMs = 0, view, tz }) {
   let wallStart;
   if (view === "month") {
@@ -1110,6 +1450,23 @@ function computeResizeEnd(event, deltaMinutes, minDuration = 15) {
   const minEnd = event.start.getTime() + minDuration * 6e4;
   return new Date(Math.max(event.end.getTime() + deltaMinutes * 6e4, minEnd));
 }
+var DAY_MS = 24 * 60 * 60 * 1e3;
+var shiftDays = (date, days, event, tz) => event.allDay ? addDays4(date, days) : fromDisplay(addDays4(toDisplay(date, tz), days), tz);
+function computeDayMove(event, overDay, grabDayOffset, tz) {
+  const { firstDay } = dayEventSpan(event, tz);
+  const days = differenceInCalendarDays3(addDays4(startOfDay4(overDay), -grabDayOffset), firstDay);
+  if (days === 0) return null;
+  return { start: shiftDays(event.start, days, event, tz), end: shiftDays(event.end, days, event, tz) };
+}
+function computeDayResize(event, newLastDay, tz) {
+  const { firstDay, lastDay } = dayEventSpan(event, tz);
+  const target = startOfDay4(newLastDay) < firstDay ? firstDay : startOfDay4(newLastDay);
+  const days = differenceInCalendarDays3(target, lastDay);
+  if (days === 0) return null;
+  if (event.allDay) return addDays4(target, 1);
+  const end = new Date(Math.max(shiftDays(event.end, days, event, tz).getTime(), event.start.getTime() + DAY_MS));
+  return end.getTime() === event.end.getTime() ? null : end;
+}
 
 // src/components/dnd/ResizableEvent.tsx
 var ResizableEvent = ({
@@ -1123,13 +1480,13 @@ var ResizableEvent = ({
   readonly
 }) => {
   const resizeLocked = readonly || isEventResizeDisabled(event);
-  const [isResizing, setIsResizing] = useState2(false);
-  const [resizeHeight, setResizeHeight] = useState2(null);
-  const containerRef = useRef(null);
-  const startYRef = useRef(0);
-  const startHeightRef = useRef(0);
-  const resizeHeightRef = useRef(null);
-  const handleResizeStart = useCallback((e) => {
+  const [isResizing, setIsResizing] = useState4(false);
+  const [resizeHeight, setResizeHeight] = useState4(null);
+  const containerRef = useRef2(null);
+  const startYRef = useRef2(0);
+  const startHeightRef = useRef2(0);
+  const resizeHeightRef = useRef2(null);
+  const handleResizeStart = useCallback2((e) => {
     e.preventDefault();
     e.stopPropagation();
     const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
@@ -1168,10 +1525,10 @@ var ResizableEvent = ({
     document.addEventListener("touchmove", handleMove, { passive: false });
     document.addEventListener("touchend", handleEnd);
   }, [event, hourHeight, minDuration, onResize]);
-  const handlePointerDown = useCallback((e) => {
+  const handlePointerDown = useCallback2((e) => {
     e.stopPropagation();
   }, []);
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React10.createElement(
     "div",
     {
       ref: containerRef,
@@ -1182,7 +1539,7 @@ var ResizableEvent = ({
       }
     },
     children,
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React10.createElement(
       "div",
       {
         className: cn(
@@ -1195,12 +1552,12 @@ var ResizableEvent = ({
         onMouseDown: resizeLocked ? void 0 : handleResizeStart,
         onTouchStart: resizeLocked ? void 0 : handleResizeStart
       },
-      /* @__PURE__ */ React8.createElement("div", { className: cn(
+      /* @__PURE__ */ React10.createElement("div", { className: cn(
         "w-8 h-1 rounded-full transition-all",
         isResizing ? "bg-primary" : "bg-muted-foreground/30 group-hover:bg-primary/50"
       ) })
     ),
-    isResizing && /* @__PURE__ */ React8.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
+    isResizing && /* @__PURE__ */ React10.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
   );
 };
 
@@ -1223,29 +1580,33 @@ var WeekViewImpl = ({
   timezone,
   locale,
   readonly,
-  onEventContextMenu
+  onEventContextMenu,
+  onDayEventResize,
+  onAllDaySlotClick,
+  translations
 }) => {
-  const weekDays = React9.useMemo(
+  const weekDays = React11.useMemo(
     () => getWeekDays(currentDate, resolveWeekStartsOn(locale, 1)),
     [currentDate, locale]
   );
-  const visibleRange = React9.useMemo(
-    () => ({ start: weekDays[0], end: addDays2(weekDays[weekDays.length - 1], 1) }),
+  const visibleRange = React11.useMemo(
+    () => ({ start: weekDays[0], end: addDays5(weekDays[weekDays.length - 1], 1) }),
     [weekDays]
   );
-  const scrollContainerRef = React9.useRef(null);
-  const [now, setNow] = React9.useState(() => /* @__PURE__ */ new Date());
-  React9.useEffect(() => {
+  const scrollContainerRef = React11.useRef(null);
+  const [now, setNow] = React11.useState(() => /* @__PURE__ */ new Date());
+  React11.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React9.useEffect(() => {
+  React11.useEffect(() => {
     if (scrollContainerRef.current) {
       const offsetHour = 4;
       scrollContainerRef.current.scrollTop = (toDisplay(/* @__PURE__ */ new Date(), timezone).getHours() - offsetHour) * HOUR_HEIGHT;
     }
   }, [timezone]);
-  const segmentsByDay = segmentsByDisplayDay(events, timezone, visibleRange);
+  const { dayEvents, timedEvents } = partitionDayEvents(events, timezone);
+  const segmentsByDay = segmentsByDisplayDay(timedEvents, timezone, visibleRange);
   const today = displayToday(timezone, now);
   const zonedNow = toDisplay(now, timezone);
   const nowTop = minutesSinceDisplayMidnight(now, timezone) / 60 * HOUR_HEIGHT;
@@ -1253,42 +1614,57 @@ var WeekViewImpl = ({
   const zone = resolveTimeZone(timezone);
   const zoneLabel = timeZoneAbbreviation(now, zone) || zone || "LOC";
   const formats = timeFormats(locale);
-  return /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React11.createElement(
     "div",
     {
       ref: scrollContainerRef,
       className: "flex-1 overflow-y-auto scrollbar-hide relative bg-background scroll-smooth"
     },
-    /* @__PURE__ */ React9.createElement("div", { className: "flex border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 z-20 sticky top-0 backdrop-blur-sm" }, /* @__PURE__ */ React9.createElement("div", { className: "flex-none p-3 text-center text-xs font-semibold text-muted-foreground w-16 flex items-center justify-center border-r-[0.5px] border-border/30 bg-muted/10" }, /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React9.createElement("span", null, format8(zonedNow, "HH:mm")), /* @__PURE__ */ React9.createElement("span", { className: "text-[10px] opacity-75" }, "(", zoneLabel, ")"))), /* @__PURE__ */ React9.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React9.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, format8(day, "EEE", { locale })), /* @__PURE__ */ React9.createElement("div", { className: cn(
+    /* @__PURE__ */ React11.createElement("div", { className: "sticky top-0 z-20" }, /* @__PURE__ */ React11.createElement("div", { className: "flex border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 backdrop-blur-sm" }, /* @__PURE__ */ React11.createElement("div", { className: "flex-none p-3 text-center text-xs font-semibold text-muted-foreground w-16 flex items-center justify-center border-r-[0.5px] border-border/30 bg-muted/10" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React11.createElement("span", null, format10(zonedNow, "HH:mm")), /* @__PURE__ */ React11.createElement("span", { className: "text-[10px] opacity-75" }, "(", zoneLabel, ")"))), /* @__PURE__ */ React11.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React11.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React11.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, format10(day, "EEE", { locale })), /* @__PURE__ */ React11.createElement("div", { className: cn(
       "w-9 h-9 flex items-center justify-center rounded-xl mx-auto text-sm font-semibold transition-all duration-200",
       isSameDay4(day, today) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 scale-110" : "text-foreground hover:bg-accent/80"
-    ) }, format8(day, "d", { locale })))))),
-    /* @__PURE__ */ React9.createElement(
+    ) }, format10(day, "d", { locale })))))), /* @__PURE__ */ React11.createElement(
+      AllDayRow,
+      {
+        days: weekDays,
+        dayEvents,
+        timezone,
+        locale,
+        translations,
+        readonly,
+        gutterClassName: "w-16",
+        onEventClick,
+        onEventContextMenu,
+        onDayEventResize,
+        onSlotClick: onAllDaySlotClick
+      }
+    )),
+    /* @__PURE__ */ React11.createElement(
       "div",
       {
         className: "flex min-w-full relative",
         style: { height: HOURS.length * HOUR_HEIGHT }
       },
-      /* @__PURE__ */ React9.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, HOURS.map((hour) => /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React11.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, HOURS.map((hour) => /* @__PURE__ */ React11.createElement(
         "div",
         {
           key: hour,
           className: "relative w-full text-[11px] text-muted-foreground/80 text-right pr-3 font-medium tabular-nums box-border",
           style: { height: HOUR_HEIGHT }
         },
-        /* @__PURE__ */ React9.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && format8(slotDate(currentDate, hour, 0), formats.hour, { locale }))
-      )), showsToday && /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React11.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && format10(slotDate(currentDate, hour, 0), formats.hour, { locale }))
+      )), showsToday && /* @__PURE__ */ React11.createElement(
         "div",
         {
           className: "absolute left-0 w-full pointer-events-none z-30 flex justify-end pr-2",
           style: { top: `${nowTop}px` }
         },
-        /* @__PURE__ */ React9.createElement("span", { className: "text-[10px] font-bold text-primary-foreground bg-primary px-1.5 py-0.5 rounded-md shadow-md -translate-y-1/2 backdrop-blur-none" }, format8(zonedNow, formats.compact, { locale }))
+        /* @__PURE__ */ React11.createElement("span", { className: "text-[10px] font-bold text-primary-foreground bg-primary px-1.5 py-0.5 rounded-md shadow-md -translate-y-1/2 backdrop-blur-none" }, format10(zonedNow, formats.compact, { locale }))
       )),
-      /* @__PURE__ */ React9.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, weekDays.map((day, dayIndex) => {
-        const dayKey2 = format8(day, "yyyy-MM-dd");
+      /* @__PURE__ */ React11.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, weekDays.map((day, dayIndex) => {
+        const dayKey2 = format10(day, "yyyy-MM-dd");
         const positioned = layoutDayEvents(segmentsByDay.get(dayKey2) ?? NO_SEGMENTS);
-        return /* @__PURE__ */ React9.createElement("div", { key: dayKey2, className: cn("relative h-full", dayIndex > 0 && "border-l-[0.5px] border-border/30") }, HOURS.map((hour) => /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React11.createElement("div", { key: dayKey2, className: cn("relative h-full", dayIndex > 0 && "border-l-[0.5px] border-border/30") }, HOURS.map((hour) => /* @__PURE__ */ React11.createElement(
           "div",
           {
             key: hour,
@@ -1297,7 +1673,7 @@ var WeekViewImpl = ({
           },
           QUARTERS.map((minute) => {
             const cellDate = slotDate(day, hour, minute);
-            return /* @__PURE__ */ React9.createElement(
+            return /* @__PURE__ */ React11.createElement(
               DroppableCell,
               {
                 key: minute,
@@ -1323,7 +1699,7 @@ var WeekViewImpl = ({
           const height = durationMinutes / 60 * HOUR_HEIGHT;
           const isShortEvent = durationMinutes < 60;
           const isLastSegment = end.getTime() === zonedEventEnd.getTime();
-          return /* @__PURE__ */ React9.createElement(
+          return /* @__PURE__ */ React11.createElement(
             DraggableEvent,
             {
               key: `${event.id}-${dayKey2}`,
@@ -1340,7 +1716,7 @@ var WeekViewImpl = ({
                 paddingRight: columns > 1 ? "2px" : "0"
               }
             },
-            /* @__PURE__ */ React9.createElement(
+            /* @__PURE__ */ React11.createElement(
               ResizableEvent,
               {
                 readonly: readonly || !isLastSegment,
@@ -1350,7 +1726,7 @@ var WeekViewImpl = ({
                 className: "h-full",
                 style: { height: "100%" }
               },
-              /* @__PURE__ */ React9.createElement(
+              /* @__PURE__ */ React11.createElement(
                 "div",
                 {
                   className: cn(
@@ -1376,31 +1752,31 @@ var WeekViewImpl = ({
                   onContextMenu: onEventContextMenu ? (e) => onEventContextMenu(event, e) : void 0,
                   title: columns > 1 ? `${event.title} (${column + 1}/${columns})` : void 0
                 },
-                /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React9.createElement("div", { className: cn(
+                /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React11.createElement("div", { className: cn(
                   "font-semibold truncate text-foreground/90 leading-tight",
                   isShortEvent ? "text-xs text-center" : "text-xs"
-                ) }, event.title), !isShortEvent && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, format8(zonedEventStart, formats.time, { locale }), " - ", format8(zonedEventEnd, formats.time, { locale })), event.description && height > 50 && /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React9.createElement("div", { className: "absolute top-1 right-1 bg-background/80 backdrop-blur-sm rounded-full w-4 h-4 flex items-center justify-center text-[9px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
+                ) }, event.title), !isShortEvent && /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, format10(zonedEventStart, formats.time, { locale }), " - ", format10(zonedEventEnd, formats.time, { locale })), event.description && height > 50 && /* @__PURE__ */ React11.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React11.createElement("div", { className: "absolute top-1 right-1 bg-background/80 backdrop-blur-sm rounded-full w-4 h-4 flex items-center justify-center text-[9px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
               )
             )
           );
-        }), isSameDay4(day, today) && /* @__PURE__ */ React9.createElement(
+        }), isSameDay4(day, today) && /* @__PURE__ */ React11.createElement(
           "div",
           {
             className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
             style: { top: `${nowTop}px` }
           },
-          /* @__PURE__ */ React9.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-          /* @__PURE__ */ React9.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
+          /* @__PURE__ */ React11.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+          /* @__PURE__ */ React11.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
         ));
       }))
     )
   ));
 };
-var WeekView = React9.memo(WeekViewImpl);
+var WeekView = React11.memo(WeekViewImpl);
 
 // src/views/DayView.tsx
-import React10 from "react";
-import { addDays as addDays3, format as format9, differenceInMinutes as differenceInMinutes2, isSameDay as isSameDay5, startOfDay as startOfDay3 } from "date-fns";
+import React12 from "react";
+import { addDays as addDays6, format as format11, differenceInMinutes as differenceInMinutes2, isSameDay as isSameDay5, startOfDay as startOfDay5 } from "date-fns";
 var HOUR_HEIGHT2 = 80;
 var HOURS2 = Array.from({ length: 24 }, (_, i) => i);
 var QUARTERS2 = [0, 15, 30, 45];
@@ -1420,46 +1796,65 @@ var DayViewImpl = ({
   locale,
   readonly,
   onEventContextMenu,
-  translations
+  translations,
+  onDayEventResize,
+  onAllDaySlotClick
 }) => {
-  const visibleRange = React10.useMemo(() => {
-    const start = startOfDay3(currentDate);
-    return { start, end: addDays3(start, 1) };
+  const visibleRange = React12.useMemo(() => {
+    const start = startOfDay5(currentDate);
+    return { start, end: addDays6(start, 1) };
   }, [currentDate]);
-  const scrollContainerRef = React10.useRef(null);
-  const [now, setNow] = React10.useState(() => /* @__PURE__ */ new Date());
-  React10.useEffect(() => {
+  const scrollContainerRef = React12.useRef(null);
+  const [now, setNow] = React12.useState(() => /* @__PURE__ */ new Date());
+  React12.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React10.useEffect(() => {
+  React12.useEffect(() => {
     if (scrollContainerRef.current) {
       const offsetHour = 3;
       scrollContainerRef.current.scrollTop = (toDisplay(/* @__PURE__ */ new Date(), timezone).getHours() - offsetHour) * HOUR_HEIGHT2;
     }
   }, [timezone]);
-  const dayKey2 = format9(currentDate, "yyyy-MM-dd");
-  const positioned = layoutDayEvents(segmentsByDisplayDay(events, timezone, visibleRange).get(dayKey2) ?? NO_SEGMENTS2);
+  const dayKey2 = format11(currentDate, "yyyy-MM-dd");
+  const { dayEvents, timedEvents } = partitionDayEvents(events, timezone);
+  const rowDays = React12.useMemo(() => [visibleRange.start], [visibleRange]);
+  const positioned = layoutDayEvents(segmentsByDisplayDay(timedEvents, timezone, visibleRange).get(dayKey2) ?? NO_SEGMENTS2);
   const isToday2 = isSameDay5(currentDate, displayToday(timezone, now));
   const zonedNow = toDisplay(now, timezone);
   const nowTop = minutesSinceDisplayMidnight(now, timezone) / 60 * HOUR_HEIGHT2;
   const formats = timeFormats(locale);
-  return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React10.createElement("div", { className: "px-6 py-4 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 text-center shrink-0" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React10.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, format9(currentDate, "EEEE, MMMM d, yyyy", { locale })), isToday2 && /* @__PURE__ */ React10.createElement("span", { className: "text-xs font-semibold bg-primary text-primary-foreground px-3 py-1 rounded-full shadow-md shadow-primary/20" }, translations?.today || "Today"))), /* @__PURE__ */ React10.createElement("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto relative" }, /* @__PURE__ */ React10.createElement("div", { className: "flex relative", style: { height: HOURS2.length * HOUR_HEIGHT2 } }, /* @__PURE__ */ React10.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React12.createElement("div", { className: "px-6 py-4 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 text-center shrink-0" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React12.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, format11(currentDate, "EEEE, MMMM d, yyyy", { locale })), isToday2 && /* @__PURE__ */ React12.createElement("span", { className: "text-xs font-semibold bg-primary text-primary-foreground px-3 py-1 rounded-full shadow-md shadow-primary/20" }, translations?.today || "Today"))), /* @__PURE__ */ React12.createElement(
+    AllDayRow,
+    {
+      days: rowDays,
+      dayEvents,
+      timezone,
+      locale,
+      translations,
+      readonly,
+      gutterClassName: "w-20",
+      onEventClick,
+      onEventContextMenu,
+      onDayEventResize,
+      onSlotClick: onAllDaySlotClick
+    }
+  ), /* @__PURE__ */ React12.createElement("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto relative" }, /* @__PURE__ */ React12.createElement("div", { className: "flex relative", style: { height: HOURS2.length * HOUR_HEIGHT2 } }, /* @__PURE__ */ React12.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React12.createElement(
     "div",
     {
       key: hour,
       className: "relative w-full",
       style: { height: HOUR_HEIGHT2 }
     },
-    hour !== 0 && /* @__PURE__ */ React10.createElement("span", { className: "absolute w-full text-center -top-3 left-1/2 -translate-x-1/2 text-[11px] text-muted-foreground/80 font-medium tabular-nums bg-background px-1.5 py-0.5 rounded-md" }, format9(slotDate2(currentDate, hour, 0), formats.hour, { locale }))
-  )), isToday2 && /* @__PURE__ */ React10.createElement(
+    hour !== 0 && /* @__PURE__ */ React12.createElement("span", { className: "absolute w-full text-center -top-3 left-1/2 -translate-x-1/2 text-[11px] text-muted-foreground/80 font-medium tabular-nums bg-background px-1.5 py-0.5 rounded-md" }, format11(slotDate2(currentDate, hour, 0), formats.hour, { locale }))
+  )), isToday2 && /* @__PURE__ */ React12.createElement(
     "div",
     {
       className: "absolute left-0 w-full pointer-events-none z-30 flex justify-end pr-2",
       style: { top: `${nowTop}px` }
     },
-    /* @__PURE__ */ React10.createElement("span", { className: "text-[10px] font-bold text-white bg-primary px-2 py-1 rounded-lg shadow-md shadow-primary/30 -translate-y-1/2" }, format9(zonedNow, formats.time, { locale }))
-  )), /* @__PURE__ */ React10.createElement("div", { className: "flex-1 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement("span", { className: "text-[10px] font-bold text-white bg-primary px-2 py-1 rounded-lg shadow-md shadow-primary/30 -translate-y-1/2" }, format11(zonedNow, formats.time, { locale }))
+  )), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React12.createElement(
     "div",
     {
       key: hour,
@@ -1468,7 +1863,7 @@ var DayViewImpl = ({
     },
     QUARTERS2.map((minute) => {
       const cellDate = slotDate2(currentDate, hour, minute);
-      return /* @__PURE__ */ React10.createElement(
+      return /* @__PURE__ */ React12.createElement(
         DroppableCell,
         {
           key: minute,
@@ -1494,7 +1889,7 @@ var DayViewImpl = ({
     const height = durationMinutes / 60 * HOUR_HEIGHT2;
     const isShortEvent = durationMinutes < 45;
     const isLastSegment = end.getTime() === zonedEnd.getTime();
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React12.createElement(
       DraggableEvent,
       {
         key: `${event.id}-${dayKey2}`,
@@ -1510,7 +1905,7 @@ var DayViewImpl = ({
           paddingRight: columns > 1 ? "2px" : "0"
         }
       },
-      /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React12.createElement(
         ResizableEvent,
         {
           readonly: readonly || !isLastSegment,
@@ -1520,7 +1915,7 @@ var DayViewImpl = ({
           className: "h-full",
           style: { height: "100%" }
         },
-        /* @__PURE__ */ React10.createElement(
+        /* @__PURE__ */ React12.createElement(
           "div",
           {
             className: cn(
@@ -1544,40 +1939,40 @@ var DayViewImpl = ({
             onContextMenu: onEventContextMenu ? (e) => onEventContextMenu(event, e) : void 0,
             title: columns > 1 ? `${event.title} (${column + 1}/${columns})` : void 0
           },
-          /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React10.createElement("div", { className: cn(
+          /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React12.createElement("div", { className: cn(
             "font-semibold truncate leading-tight",
             isShortEvent ? "text-xs" : "text-sm",
             event.color ? "text-foreground" : "text-foreground/90"
-          ) }, event.title), !isShortEvent && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, format9(zonedStart, formats.time, { locale }), " - ", format9(zonedEnd, formats.time, { locale })), event.description && height > 60 && /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React10.createElement("div", { className: "absolute top-1.5 right-1.5 bg-background/90 backdrop-blur-sm rounded-full w-5 h-5 flex items-center justify-center text-[10px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
+          ) }, event.title), !isShortEvent && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, format11(zonedStart, formats.time, { locale }), " - ", format11(zonedEnd, formats.time, { locale })), event.description && height > 60 && /* @__PURE__ */ React12.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React12.createElement("div", { className: "absolute top-1.5 right-1.5 bg-background/90 backdrop-blur-sm rounded-full w-5 h-5 flex items-center justify-center text-[10px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
         )
       )
     );
-  }), isToday2 && /* @__PURE__ */ React10.createElement(
+  }), isToday2 && /* @__PURE__ */ React12.createElement(
     "div",
     {
       className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
       style: { top: `${nowTop}px` }
     },
-    /* @__PURE__ */ React10.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-    /* @__PURE__ */ React10.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
+    /* @__PURE__ */ React12.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+    /* @__PURE__ */ React12.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
   )))));
 };
-var DayView = React10.memo(DayViewImpl);
+var DayView = React12.memo(DayViewImpl);
 
 // src/views/AgendaView.tsx
-import React12, { useMemo as useMemo2 } from "react";
-import { format as format10, isSameDay as isSameDay6, addDays as addDays4, startOfDay as startOfDay4, differenceInMinutes as differenceInMinutes3 } from "date-fns";
+import React14, { useMemo as useMemo2 } from "react";
+import { format as format12, isSameDay as isSameDay6, addDays as addDays7, startOfDay as startOfDay6, differenceInMinutes as differenceInMinutes3 } from "date-fns";
 
 // src/components/EmptyState.tsx
-import React11 from "react";
+import React13 from "react";
 import { Plus as Plus2 } from "lucide-react";
-var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React11.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React11.createElement("div", { className: "p-8 bg-gradient-to-br from-green-50 to-blue-50 dark:from-green-900/10 dark:to-blue-900/10 rounded-3xl border border-border/30" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-6 h-6 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 }, /* @__PURE__ */ React11.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React11.createElement("div", { className: "text-left" }, /* @__PURE__ */ React11.createElement("div", { className: "font-medium text-foreground" }, translations?.allCaughtUp || "All caught up!"), /* @__PURE__ */ React11.createElement("div", { className: "text-sm text-muted-foreground" }, translations?.noEventsScheduled || "No events scheduled"))))), /* @__PURE__ */ React11.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React11.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, translations?.noUpcomingHint || "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React11.createElement(
+var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React13.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React13.createElement("div", { className: "p-8 bg-gradient-to-br from-green-50 to-blue-50 dark:from-green-900/10 dark:to-blue-900/10 rounded-3xl border border-border/30" }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React13.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React13.createElement("svg", { className: "w-6 h-6 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 }, /* @__PURE__ */ React13.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React13.createElement("div", { className: "text-left" }, /* @__PURE__ */ React13.createElement("div", { className: "font-medium text-foreground" }, translations?.allCaughtUp || "All caught up!"), /* @__PURE__ */ React13.createElement("div", { className: "text-sm text-muted-foreground" }, translations?.noEventsScheduled || "No events scheduled"))))), /* @__PURE__ */ React13.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React13.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React13.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, translations?.noUpcomingHint || "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React13.createElement(
   "button",
   {
     onClick: onCreateEvent,
     className: "inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-primary-foreground rounded-xl font-medium text-sm shadow-lg shadow-primary/20 hover:shadow-xl hover:shadow-primary/30 hover:scale-105 active:scale-95 transition-all duration-200"
   },
-  /* @__PURE__ */ React11.createElement(Plus2, { className: "w-4 h-4" }),
+  /* @__PURE__ */ React13.createElement(Plus2, { className: "w-4 h-4" }),
   translations?.createEvent || "Create Event"
 )));
 
@@ -1594,8 +1989,8 @@ var formatDuration = (start, end) => {
 };
 var getDateLabel = (date, today, locale, translations) => {
   if (isSameDay6(date, today)) return translations?.today || "Today";
-  if (isSameDay6(date, addDays4(today, 1))) return translations?.tomorrow || "Tomorrow";
-  return format10(date, "EEEE", { locale });
+  if (isSameDay6(date, addDays7(today, 1))) return translations?.tomorrow || "Tomorrow";
+  return format12(date, "EEEE", { locale });
 };
 var AgendaView = ({
   currentDate,
@@ -1614,8 +2009,8 @@ var AgendaView = ({
     const byDay = eventsByStartDay(events, timezone);
     const groups = [];
     for (let i = 0; i < 30; i++) {
-      const day = addDays4(startOfDay4(currentDate), i);
-      const dayEvents = byDay.get(format10(day, "yyyy-MM-dd"));
+      const day = addDays7(startOfDay6(currentDate), i);
+      const dayEvents = byDay.get(format12(day, "yyyy-MM-dd"));
       if (dayEvents?.length) {
         groups.push({ date: day, events: [...dayEvents].sort((a, b) => a.start.getTime() - b.start.getTime()) });
       }
@@ -1635,7 +2030,7 @@ var AgendaView = ({
     hidden: { opacity: 0, x: -20 },
     show: { opacity: 1, x: 0 }
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React12.createElement(AgendaEmptyState, { onCreateEvent, translations }) : /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React14.createElement(AgendaEmptyState, { onCreateEvent, translations }) : /* @__PURE__ */ React14.createElement(
     motion.div,
     {
       className: "max-w-3xl mx-auto w-full pb-10 px-4 md:px-6",
@@ -1643,21 +2038,21 @@ var AgendaView = ({
       initial: "hidden",
       animate: "show"
     },
-    groupedEvents.map((group) => /* @__PURE__ */ React12.createElement(
+    groupedEvents.map((group) => /* @__PURE__ */ React14.createElement(
       motion.div,
       {
         key: group.date.toISOString(),
         className: "relative",
         variants: item
       },
-      /* @__PURE__ */ React12.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: cn(
+      /* @__PURE__ */ React14.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React14.createElement("div", { className: cn(
         "flex flex-col items-center justify-center w-16 h-16 rounded-2xl transition-all",
         isSameDay6(group.date, today) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30" : "bg-muted/50 text-foreground"
-      ) }, /* @__PURE__ */ React12.createElement("span", { className: "text-2xl font-bold leading-none" }, format10(group.date, "d")), /* @__PURE__ */ React12.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format10(group.date, "MMM", { locale }))), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React12.createElement("span", { className: cn(
+      ) }, /* @__PURE__ */ React14.createElement("span", { className: "text-2xl font-bold leading-none" }, format12(group.date, "d")), /* @__PURE__ */ React14.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format12(group.date, "MMM", { locale }))), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React14.createElement("span", { className: cn(
         "text-lg font-semibold",
         isSameDay6(group.date, today) && "text-primary"
-      ) }, getDateLabel(group.date, today, locale, translations)), /* @__PURE__ */ React12.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventPlural || "events" : translations?.eventSingular || "event")))),
-      /* @__PURE__ */ React12.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event) => /* @__PURE__ */ React12.createElement(
+      ) }, getDateLabel(group.date, today, locale, translations)), /* @__PURE__ */ React14.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventPlural || "events" : translations?.eventSingular || "event")))),
+      /* @__PURE__ */ React14.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event) => /* @__PURE__ */ React14.createElement(
         motion.div,
         {
           key: event.id,
@@ -1672,30 +2067,30 @@ var AgendaView = ({
           whileHover: { scale: 1.01, y: -2 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React14.createElement(
           "div",
           {
             className: "absolute left-0 top-3 bottom-3 w-1 rounded-full",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
         ),
-        /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xs font-semibold text-muted-foreground bg-muted/80 px-2.5 py-1 rounded-full" }, translations?.allDay || "All Day")) : /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement("span", { className: "text-base font-semibold text-foreground" }, format10(toDisplay(event.start, timezone), compactTimePattern, { locale })), !is24h && /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format10(toDisplay(event.start, timezone), "a")), /* @__PURE__ */ React12.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
-        /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React12.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React14.createElement("span", { className: "text-xs font-semibold text-muted-foreground bg-muted/80 px-2.5 py-1 rounded-full" }, translations?.allDay || "All Day")) : /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React14.createElement("span", { className: "text-base font-semibold text-foreground" }, format12(toDisplay(event.start, timezone), compactTimePattern, { locale })), !is24h && /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format12(toDisplay(event.start, timezone), "a")), /* @__PURE__ */ React14.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
+        /* @__PURE__ */ React14.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React14.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React14.createElement(
           "div",
           {
             className: "w-3 h-3 rounded-full shrink-0 mt-1.5",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
-        )), event.description && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, format10(toDisplay(event.start, timezone), timePattern, { locale }), " - ", format10(toDisplay(event.end, timezone), timePattern, { locale }))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount || "guests" : translations?.guestCount || "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.reminders.length)))),
-        /* @__PURE__ */ React12.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React12.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React12.createElement("path", { d: "M9 18l6-6-6-6" })))
+        )), event.description && /* @__PURE__ */ React14.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React14.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React14.createElement("span", null, format12(toDisplay(event.start, timezone), timePattern, { locale }), " - ", format12(toDisplay(event.end, timezone), timePattern, { locale }))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React14.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React14.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount || "guests" : translations?.guestCount || "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React14.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React14.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React14.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React14.createElement("span", null, event.reminders.length)))),
+        /* @__PURE__ */ React14.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React14.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React14.createElement("path", { d: "M9 18l6-6-6-6" })))
       )))
     ))
   ));
 };
 
 // src/views/ResourceView.tsx
-import React13, { useRef as useRef2 } from "react";
-import { format as format11, startOfDay as startOfDay5, differenceInMinutes as differenceInMinutes4 } from "date-fns";
+import React15, { useRef as useRef3 } from "react";
+import { format as format13, startOfDay as startOfDay7, differenceInMinutes as differenceInMinutes4 } from "date-fns";
 var ResourceView = ({
   currentDate,
   events,
@@ -1707,14 +2102,14 @@ var ResourceView = ({
   translations,
   onEventContextMenu
 }) => {
-  const containerRef = useRef2(null);
+  const containerRef = useRef3(null);
   const hours = Array.from({ length: 24 }, (_, i) => i);
   const hourWidth = 100;
   const timeFormat = timeFormats(locale).hour;
   const getEventStyle = (event) => {
     const start = toDisplay(event.start, timezone);
     const end = toDisplay(event.end, timezone);
-    const dayStart = startOfDay5(currentDate);
+    const dayStart = startOfDay7(currentDate);
     const startMinutes = differenceInMinutes4(start, dayStart);
     const durationMinutes = differenceInMinutes4(end, start);
     const left = startMinutes / 60 * hourWidth;
@@ -1725,19 +2120,19 @@ var ResourceView = ({
       // Min width for visibility
     };
   };
-  return /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col h-full bg-background overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React13.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 font-semibold text-sm bg-background sticky left-0 z-20" }, translations?.resource || "Resources"), /* @__PURE__ */ React13.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col h-full bg-background overflow-hidden" }, /* @__PURE__ */ React15.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React15.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 font-semibold text-sm bg-background sticky left-0 z-20" }, translations?.resource || "Resources"), /* @__PURE__ */ React15.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React15.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React15.createElement(
     "div",
     {
       key: hour,
       className: "border-r border-border/50 text-xs text-muted-foreground p-2 font-medium shrink-0",
       style: { width: hourWidth }
     },
-    format11((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale })
-  ))))), /* @__PURE__ */ React13.createElement("div", { className: "flex-1 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React13.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
+    format13((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale })
+  ))))), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React15.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
     const resourceEvents = events.filter(
       (e) => e.resourceId === resource.id && isSameDisplayDay(e.start, currentDate, timezone)
     );
-    return /* @__PURE__ */ React13.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React13.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 bg-background sticky left-0 z-10 flex items-center gap-3" }, resource.avatar ? /* @__PURE__ */ React13.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React13.createElement("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary" }, resource.label.substring(0, 2).toUpperCase()), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React13.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React13.createElement("span", { className: "text-xs text-muted-foreground" }, interpolate(translations?.idLabel || "ID: {id}", { id: resource.id })))), /* @__PURE__ */ React13.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React15.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React15.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 bg-background sticky left-0 z-10 flex items-center gap-3" }, resource.avatar ? /* @__PURE__ */ React15.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React15.createElement("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary" }, resource.label.substring(0, 2).toUpperCase()), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-muted-foreground" }, interpolate(translations?.idLabel || "ID: {id}", { id: resource.id })))), /* @__PURE__ */ React15.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React15.createElement(
       "div",
       {
         key: hour,
@@ -1748,7 +2143,7 @@ var ResourceView = ({
         const slotDate3 = new Date(currentDate);
         slotDate3.setHours(hour, minute, 0, 0);
         const slotId = `${resource.id}-${slotDate3.toISOString()}`;
-        return /* @__PURE__ */ React13.createElement(
+        return /* @__PURE__ */ React15.createElement(
           DroppableCell,
           {
             key: minute,
@@ -1760,7 +2155,7 @@ var ResourceView = ({
           }
         );
       })
-    )), resourceEvents.map((event) => /* @__PURE__ */ React13.createElement(
+    )), resourceEvents.map((event) => /* @__PURE__ */ React15.createElement(
       DraggableEvent,
       {
         key: event.id,
@@ -1778,16 +2173,16 @@ var ResourceView = ({
           color: "#fff"
         }
       },
-      /* @__PURE__ */ React13.createElement("div", { className: "truncate" }, event.title)
+      /* @__PURE__ */ React15.createElement("div", { className: "truncate" }, event.title)
     ))));
   }))));
 };
 
 // src/components/EventModal.tsx
-import React15, { useState as useState3, useEffect as useEffect3, useInsertionEffect, useRef as useRef4 } from "react";
+import React17, { useState as useState5, useEffect as useEffect4, useInsertionEffect, useRef as useRef5 } from "react";
 
 // src/components/ui/Modal.tsx
-import React14, { useEffect as useEffect2, useRef as useRef3 } from "react";
+import React16, { useEffect as useEffect3, useRef as useRef4 } from "react";
 import { X } from "lucide-react";
 var Modal = ({
   isOpen,
@@ -1798,8 +2193,8 @@ var Modal = ({
   hideHeader = false,
   closeLabel = "Close"
 }) => {
-  const overlayRef = useRef3(null);
-  useEffect2(() => {
+  const overlayRef = useRef4(null);
+  useEffect3(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -1813,14 +2208,14 @@ var Modal = ({
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React14.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-md animate-in fade-in duration-300" }, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-md animate-in fade-in duration-300" }, /* @__PURE__ */ React16.createElement(
     "div",
     {
       ref: overlayRef,
       className: "absolute inset-0",
       onClick: onClose
     }
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React16.createElement(
     "div",
     {
       className: cn(
@@ -1828,7 +2223,7 @@ var Modal = ({
         className
       )
     },
-    !hideHeader && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 shrink-0 bg-gradient-to-r from-muted/20 to-background" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React14.createElement(
+    !hideHeader && /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 shrink-0 bg-gradient-to-r from-muted/20 to-background" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React16.createElement(
       Button,
       {
         variant: "ghost",
@@ -1836,15 +2231,15 @@ var Modal = ({
         onClick: onClose,
         className: "h-9 w-9 p-0 rounded-xl hover:bg-accent/80 transition-all duration-200"
       },
-      /* @__PURE__ */ React14.createElement(X, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React14.createElement("span", { className: "sr-only" }, closeLabel)
+      /* @__PURE__ */ React16.createElement(X, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React16.createElement("span", { className: "sr-only" }, closeLabel)
     )),
-    /* @__PURE__ */ React14.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
+    /* @__PURE__ */ React16.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
   ));
 };
 
 // src/components/EventModal.tsx
-import { format as format12, differenceInMinutes as differenceInMinutes5 } from "date-fns";
+import { addDays as addDays8, differenceInCalendarDays as differenceInCalendarDays4, format as format14, differenceInMinutes as differenceInMinutes5, startOfDay as startOfDay8 } from "date-fns";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 import {
   Clock as Clock2,
@@ -1923,14 +2318,15 @@ var EventModal = ({
   onDelete,
   calendars,
   translations: t,
-  locale
+  locale,
+  initialAllDay
 }) => {
-  const [mode, setMode] = useState3("create");
-  const translationsRef = useRef4(t);
+  const [mode, setMode] = useState5("create");
+  const translationsRef = useRef5(t);
   useInsertionEffect(() => {
     translationsRef.current = t;
   });
-  const [formData, setFormData] = useState3({
+  const [formData, setFormData] = useState5({
     title: "",
     description: "",
     location: "",
@@ -1944,12 +2340,12 @@ var EventModal = ({
     attachments: [],
     reminders: []
   });
-  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = useState3(false);
-  const [isColorPickerOpen, setIsColorPickerOpen] = useState3(false);
-  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = useState3(false);
-  const [guestInput, setGuestInput] = useState3("");
-  const [guestError, setGuestError] = useState3(false);
-  useEffect3(() => {
+  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = useState5(false);
+  const [isColorPickerOpen, setIsColorPickerOpen] = useState5(false);
+  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = useState5(false);
+  const [guestInput, setGuestInput] = useState5("");
+  const [guestError, setGuestError] = useState5(false);
+  useEffect4(() => {
     const defaultReminders = () => [{ id: "1", type: "notification", time: 30, label: reminderLabel(30, translationsRef.current) }];
     if (isOpen) {
       setGuestInput("");
@@ -1966,16 +2362,16 @@ var EventModal = ({
         });
       } else {
         setMode("create");
-        const start = initialDate || /* @__PURE__ */ new Date();
-        const end = new Date(start);
-        end.setHours(start.getHours() + 1);
+        const base = initialDate || /* @__PURE__ */ new Date();
+        const start = initialAllDay ? startOfDay8(base) : base;
+        const end = initialAllDay ? addDays8(start, 1) : new Date(base.getTime() + 60 * 60 * 1e3);
         setFormData({
           title: "",
           description: "",
           location: "",
           start,
           end,
-          allDay: false,
+          allDay: !!initialAllDay,
           color: "#3b82f6",
           calendarId: calendars?.[0]?.id,
           attachments: [],
@@ -1984,7 +2380,7 @@ var EventModal = ({
         });
       }
     }
-  }, [isOpen, event, initialDate, calendars]);
+  }, [isOpen, event, initialDate, calendars, initialAllDay]);
   const guests = formData.guests || [];
   const addGuests = (raw) => {
     const entries = raw.split(/[\s,;]+/).filter(Boolean);
@@ -2031,9 +2427,38 @@ var EventModal = ({
   };
   const formatDateForInput = (date) => {
     if (!date) return "";
-    return format12(date, "yyyy-MM-dd'T'HH:mm");
+    return format14(date, "yyyy-MM-dd'T'HH:mm");
+  };
+  const allDaySpan = formData.allDay && formData.start && formData.end ? dayEventSpan({ ...formData, allDay: true }) : null;
+  const handleAllDayToggle = () => {
+    if (!formData.start || !formData.end) return;
+    if (!formData.allDay) {
+      const firstDay = startOfDay8(formData.start);
+      const lastDay = startOfDay8(new Date(Math.max(formData.end.getTime() - 1, formData.start.getTime())));
+      setFormData((prev) => ({ ...prev, allDay: true, start: firstDay, end: addDays8(lastDay, 1) }));
+    } else {
+      const start = new Date(formData.start);
+      start.setHours(9, 0, 0, 0);
+      setFormData((prev) => ({ ...prev, allDay: false, start, end: new Date(start.getTime() + 60 * 60 * 1e3) }));
+    }
+  };
+  const handleAllDayDateChange = (field, value) => {
+    const [y, m, d] = value.split("-").map(Number);
+    if (!y || !m || !d || !allDaySpan) return;
+    const day = new Date(y, m - 1, d);
+    if (field === "start") {
+      const days = differenceInCalendarDays4(allDaySpan.lastDay, allDaySpan.firstDay);
+      setFormData((prev) => ({ ...prev, start: day, end: addDays8(day, days + 1) }));
+    } else {
+      const firstDay = day < allDaySpan.firstDay ? day : allDaySpan.firstDay;
+      setFormData((prev) => ({ ...prev, start: firstDay, end: addDays8(day, 1) }));
+    }
   };
   const handleDateChange = (field, value) => {
+    if (formData.allDay) {
+      handleAllDayDateChange(field, value);
+      return;
+    }
     const date = new Date(value);
     if (isNaN(date.getTime())) return;
     if (field === "start") {
@@ -2072,6 +2497,10 @@ var EventModal = ({
   };
   const getDurationText = () => {
     if (!formData.start || !formData.end) return "";
+    if (allDaySpan) {
+      const days = differenceInCalendarDays4(allDaySpan.lastDay, allDaySpan.firstDay) + 1;
+      return days === 1 ? t.durationDay : interpolate(t.durationDays, { n: days });
+    }
     const mins = differenceInMinutes5(formData.end, formData.start);
     if (mins < 60) return interpolate(t.durationMinutes, { n: mins });
     const hours = Math.floor(mins / 60);
@@ -2080,12 +2509,14 @@ var EventModal = ({
     return interpolate(t.durationHoursMinutes, { h: hours, m: remainingMins });
   };
   const { time: timeFormat } = timeFormats(locale);
+  const viewEvent = event && { ...event, start: new Date(event.start), end: new Date(event.end) };
+  const viewSpan = viewEvent && isDayEvent(viewEvent) ? dayEventSpan(viewEvent) : null;
   const renderAttachment = (att) => {
-    const content = /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React15.createElement(File, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)), att.url && /* @__PURE__ */ React15.createElement(Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" }));
+    const content = /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React17.createElement(File, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React17.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React17.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)), att.url && /* @__PURE__ */ React17.createElement(Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" }));
     const className = "flex items-center gap-3 p-3 rounded-xl border border-border/30 bg-muted/20 transition-all group";
-    return att.url && isSafeUrl(att.url) ? /* @__PURE__ */ React15.createElement("a", { key: att.id, href: att.url, target: "_blank", rel: "noopener noreferrer", download: att.name, className: cn(className, "hover:bg-muted/40 cursor-pointer") }, content) : /* @__PURE__ */ React15.createElement("div", { key: att.id, className }, content);
+    return att.url && isSafeUrl(att.url) ? /* @__PURE__ */ React17.createElement("a", { key: att.id, href: att.url, target: "_blank", rel: "noopener noreferrer", download: att.name, className: cn(className, "hover:bg-muted/40 cursor-pointer") }, content) : /* @__PURE__ */ React17.createElement("div", { key: att.id, className }, content);
   };
-  const renderViewMode = () => /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React15.createElement(
+  const renderViewMode = () => /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React17.createElement(
     "div",
     {
       className: "relative px-6 pt-6 pb-8",
@@ -2093,13 +2524,13 @@ var EventModal = ({
         background: `linear-gradient(135deg, ${event?.color || "#3b82f6"}15 0%, transparent 100%)`
       }
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: event?.color || "#3b82f6" }
       }
-    ), /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || t.event)), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React17.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || t.event)), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: () => setMode("edit"),
@@ -2107,8 +2538,8 @@ var EventModal = ({
         title: t.edit,
         "aria-label": t.edit
       },
-      /* @__PURE__ */ React15.createElement(Edit2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React17.createElement(Edit2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: handleDelete,
@@ -2116,8 +2547,8 @@ var EventModal = ({
         title: t.delete,
         "aria-label": t.delete
       },
-      /* @__PURE__ */ React15.createElement(Trash2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React17.createElement(Trash2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: onClose,
@@ -2125,11 +2556,11 @@ var EventModal = ({
         title: t.close,
         "aria-label": t.close
       },
-      /* @__PURE__ */ React15.createElement(X2, { className: "w-4 h-4" })
+      /* @__PURE__ */ React17.createElement(X2, { className: "w-4 h-4" })
     ))),
-    /* @__PURE__ */ React15.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || t.noTitle),
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15.createElement(Calendar2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, event?.start && format12(new Date(event.start), "EEE, MMM d", { locale }))), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15.createElement(Clock2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, event?.start && format12(new Date(event.start), timeFormat, { locale }), " \u2013 ", event?.end && format12(new Date(event.end), timeFormat, { locale }))))
-  ), /* @__PURE__ */ React15.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || t.noTitle),
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React17.createElement(Calendar2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "font-medium" }, viewSpan && viewSpan.lastDay > viewSpan.firstDay ? `${format14(viewSpan.firstDay, "EEE d MMM", { locale })} \u2013 ${format14(viewSpan.lastDay, "EEE d MMM", { locale })}` : event?.start && format14(new Date(event.start), "EEE, MMM d", { locale }))), event?.allDay ? /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-primary/10 rounded-lg border border-primary/20" }, /* @__PURE__ */ React17.createElement("span", { className: "font-medium text-primary" }, t.allDay)) : /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React17.createElement(Clock2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "font-medium" }, event?.start && format14(new Date(event.start), timeFormat, { locale }), " \u2013 ", event?.end && format14(new Date(event.end), timeFormat, { locale }))))
+  ), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React17.createElement(
     motion2.a,
     {
       href: mapsUrl(event.location),
@@ -2139,10 +2570,10 @@ var EventModal = ({
       animate: { opacity: 1, y: 0 },
       className: "flex items-start gap-3 p-4 rounded-2xl bg-muted/30 border border-border/30 group hover:bg-muted/50 transition-all cursor-pointer"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React15.createElement(MapPin, { className: "w-5 h-5 text-primary" })),
-    /* @__PURE__ */ React15.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, t.openInMaps)),
-    /* @__PURE__ */ React15.createElement(ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
-  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React17.createElement(MapPin, { className: "w-5 h-5 text-primary" })),
+    /* @__PURE__ */ React17.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React17.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, t.openInMaps)),
+    /* @__PURE__ */ React17.createElement(ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -2150,14 +2581,14 @@ var EventModal = ({
       transition: { delay: 0.05 },
       className: "space-y-3"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? t.guests : t.guestSingular))),
-    /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email) => /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? t.guests : t.guestSingular))),
+    /* @__PURE__ */ React17.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email) => /* @__PURE__ */ React17.createElement(
       "div",
       {
         key: email,
         className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-muted/30 border border-border/30"
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React17.createElement(
         "div",
         {
           className: "w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold text-white",
@@ -2165,9 +2596,9 @@ var EventModal = ({
         },
         email[0].toUpperCase()
       ),
-      /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
+      /* @__PURE__ */ React17.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React17.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
     )))
-  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15.createElement(
+  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -2175,8 +2606,8 @@ var EventModal = ({
       transition: { delay: 0.1 },
       className: "flex items-center gap-3"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React15.createElement(Bell2, { className: "w-4 h-4 text-amber-500" })),
-    /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React17.createElement(Bell2, { className: "w-4 h-4 text-amber-500" })),
+    /* @__PURE__ */ React17.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React17.createElement(
       "span",
       {
         key: reminder.id,
@@ -2184,7 +2615,7 @@ var EventModal = ({
       },
       reminder.label || reminderLabel(reminder.time, t)
     )))
-  ), event?.description && /* @__PURE__ */ React15.createElement(
+  ), event?.description && /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -2192,9 +2623,9 @@ var EventModal = ({
       transition: { delay: 0.15 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, t.notesLabel)),
-    /* @__PURE__ */ React15.createElement("div", { className: "text-sm text-foreground/80 whitespace-pre-wrap leading-relaxed pl-6 p-3 rounded-xl bg-muted/20 border border-border/30" }, event.description)
-  ), event?.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium text-foreground" }, t.notesLabel)),
+    /* @__PURE__ */ React17.createElement("div", { className: "text-sm text-foreground/80 whitespace-pre-wrap leading-relaxed pl-6 p-3 rounded-xl bg-muted/20 border border-border/30" }, event.description)
+  ), event?.attachments && event.attachments.length > 0 && /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -2202,10 +2633,10 @@ var EventModal = ({
       transition: { delay: 0.2 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Paperclip2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, t.attachments)),
-    /* @__PURE__ */ React15.createElement("div", { className: "grid gap-2" }, event.attachments.map(renderAttachment))
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(Paperclip2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium text-foreground" }, t.attachments)),
+    /* @__PURE__ */ React17.createElement("div", { className: "grid gap-2" }, event.attachments.map(renderAttachment))
   )));
-  const renderEditMode = () => /* @__PURE__ */ React15.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React15.createElement(
+  const renderEditMode = () => /* @__PURE__ */ React17.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
@@ -2213,7 +2644,7 @@ var EventModal = ({
       className: "relative p-1",
       "aria-label": t.eventColor
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: "w-5 h-5 rounded-full cursor-pointer hover:scale-110 transition-transform",
@@ -2223,7 +2654,7 @@ var EventModal = ({
         }
       }
     ),
-    isColorPickerOpen && /* @__PURE__ */ React15.createElement("div", { className: "absolute top-full left-0 mt-2 p-2 bg-background border border-border rounded-xl shadow-xl z-50 flex flex-wrap gap-1.5 w-[180px]" }, COLOR_PALETTE.map((color) => /* @__PURE__ */ React15.createElement(
+    isColorPickerOpen && /* @__PURE__ */ React17.createElement("div", { className: "absolute top-full left-0 mt-2 p-2 bg-background border border-border rounded-xl shadow-xl z-50 flex flex-wrap gap-1.5 w-[180px]" }, COLOR_PALETTE.map((color) => /* @__PURE__ */ React17.createElement(
       "button",
       {
         key: color,
@@ -2240,7 +2671,7 @@ var EventModal = ({
         style: { backgroundColor: color, color }
       }
     )))
-  ), /* @__PURE__ */ React15.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? t.editEvent : t.newEvent)), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React17.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? t.editEvent : t.newEvent)), /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
@@ -2248,8 +2679,8 @@ var EventModal = ({
       className: "p-2 hover:bg-accent rounded-xl transition-all text-muted-foreground hover:text-foreground",
       "aria-label": t.close
     },
-    /* @__PURE__ */ React15.createElement(X2, { className: "w-4 h-4" })
-  )), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement(X2, { className: "w-4 h-4" })
+  )), /* @__PURE__ */ React17.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React17.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(
     "input",
     {
       type: "text",
@@ -2261,34 +2692,56 @@ var EventModal = ({
       placeholder: t.title,
       "aria-label": t.title
     }
-  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React15.createElement(Clock2, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("label", { htmlFor: "calendarkit-event-start", className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, t.start), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ React17.createElement("span", { id: "calendarkit-all-day-label", className: "text-sm font-medium text-foreground" }, t.allDay), /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": !!formData.allDay,
+      "aria-labelledby": "calendarkit-all-day-label",
+      onClick: handleAllDayToggle,
+      className: cn(
+        "relative inline-flex h-6 w-11 shrink-0 rounded-full border-2 border-transparent transition-colors cursor-pointer",
+        formData.allDay ? "bg-primary" : "bg-muted"
+      )
+    },
+    /* @__PURE__ */ React17.createElement(
+      "span",
+      {
+        className: cn(
+          "pointer-events-none inline-block h-5 w-5 rounded-full bg-background shadow transition-transform",
+          formData.allDay ? "translate-x-5" : "translate-x-0"
+        )
+      }
+    )
+  )), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React17.createElement(Clock2, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React17.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("label", { htmlFor: "calendarkit-event-start", className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, t.start), /* @__PURE__ */ React17.createElement(
     "input",
     {
       id: "calendarkit-event-start",
-      type: "datetime-local",
+      type: allDaySpan ? "date" : "datetime-local",
       className: "w-full bg-background border border-border/50 rounded-xl px-3 py-2 text-sm font-medium text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all",
-      value: formatDateForInput(formData.start),
+      value: allDaySpan ? format14(allDaySpan.firstDay, "yyyy-MM-dd") : formatDateForInput(formData.start),
       onChange: (e) => handleDateChange("start", e.target.value)
     }
-  )), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("label", { htmlFor: "calendarkit-event-end", className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, t.end), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("label", { htmlFor: "calendarkit-event-end", className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, t.end), /* @__PURE__ */ React17.createElement(
     "input",
     {
       id: "calendarkit-event-end",
-      type: "datetime-local",
+      type: allDaySpan ? "date" : "datetime-local",
       className: "w-full bg-background border border-border/50 rounded-xl px-3 py-2 text-sm font-medium text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all",
-      value: formatDateForInput(formData.end),
+      value: allDaySpan ? format14(allDaySpan.lastDay, "yyyy-MM-dd") : formatDateForInput(formData.end),
       onChange: (e) => handleDateChange("end", e.target.value)
     }
-  )))), getDurationText() && /* @__PURE__ */ React15.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Bell2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, t.reminders)), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
+  )))), getDurationText() && /* @__PURE__ */ React17.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React17.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React17.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(Bell2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium text-foreground" }, t.reminders)), /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsReminderDropdownOpen(!isReminderDropdownOpen),
       className: "flex items-center gap-1 text-xs font-medium text-primary hover:text-primary/80 transition-colors"
     },
-    /* @__PURE__ */ React15.createElement(Plus3, { className: "w-3.5 h-3.5" }),
+    /* @__PURE__ */ React17.createElement(Plus3, { className: "w-3.5 h-3.5" }),
     t.add
-  ), isReminderDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("div", { className: "absolute right-0 top-full mt-1 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1 max-h-60 overflow-y-auto" }, REMINDER_OPTIONS.map((minutes) => /* @__PURE__ */ React15.createElement(
+  ), isReminderDropdownOpen && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React17.createElement("div", { className: "absolute right-0 top-full mt-1 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1 max-h-60 overflow-y-auto" }, REMINDER_OPTIONS.map((minutes) => /* @__PURE__ */ React17.createElement(
     "button",
     {
       key: minutes,
@@ -2297,15 +2750,15 @@ var EventModal = ({
       className: "w-full px-3 py-2 text-left text-sm hover:bg-accent transition-colors"
     },
     reminderLabel(minutes, t)
-  )))))), formData.reminders && formData.reminders.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React15.createElement(
+  )))))), formData.reminders && formData.reminders.length > 0 && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React17.createElement(
     "div",
     {
       key: reminder.id,
       className: "flex items-center gap-2 px-3 py-1.5 rounded-full bg-amber-500/10 border border-amber-500/20"
     },
-    /* @__PURE__ */ React15.createElement(BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
-    /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label || reminderLabel(reminder.time, t)),
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement(BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
+    /* @__PURE__ */ React17.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label || reminderLabel(reminder.time, t)),
+    /* @__PURE__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -2313,9 +2766,9 @@ var EventModal = ({
         className: "p-0.5 hover:bg-amber-500/20 rounded-full transition-colors",
         "aria-label": t.removeReminder
       },
-      /* @__PURE__ */ React15.createElement(X2, { className: "w-3 h-3 text-amber-500" })
+      /* @__PURE__ */ React17.createElement(X2, { className: "w-3 h-3 text-amber-500" })
     )
-  )))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("label", { htmlFor: "calendarkit-event-guest", className: "text-sm font-medium text-foreground" }, t.guests)), /* @__PURE__ */ React15.createElement(
+  )))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("label", { htmlFor: "calendarkit-event-guest", className: "text-sm font-medium text-foreground" }, t.guests)), /* @__PURE__ */ React17.createElement(
     "input",
     {
       id: "calendarkit-event-guest",
@@ -2341,13 +2794,13 @@ var EventModal = ({
         guestError ? "border-destructive" : "border-border/30"
       )
     }
-  ), guestError && /* @__PURE__ */ React15.createElement("p", { role: "alert", className: "text-xs text-destructive" }, t.invalidEmail), guests.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, guests.map((email) => /* @__PURE__ */ React15.createElement(
+  ), guestError && /* @__PURE__ */ React17.createElement("p", { role: "alert", className: "text-xs text-destructive" }, t.invalidEmail), guests.length > 0 && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, guests.map((email) => /* @__PURE__ */ React17.createElement(
     "div",
     {
       key: email,
       className: "flex items-center gap-2 pl-1 pr-2 py-1 bg-muted/30 border border-border/30 rounded-full"
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: "w-6 h-6 rounded-full flex items-center justify-center text-xs font-semibold text-white",
@@ -2355,8 +2808,8 @@ var EventModal = ({
       },
       email[0].toUpperCase()
     ),
-    /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-foreground" }, email),
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("span", { className: "text-xs font-medium text-foreground" }, email),
+    /* @__PURE__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -2364,9 +2817,9 @@ var EventModal = ({
         className: "p-0.5 hover:bg-destructive/10 rounded-full transition-colors",
         "aria-label": interpolate(t.removeGuest, { email })
       },
-      /* @__PURE__ */ React15.createElement(X2, { className: "w-3 h-3 text-muted-foreground" })
+      /* @__PURE__ */ React17.createElement(X2, { className: "w-3 h-3 text-muted-foreground" })
     )
-  )))), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement(MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15.createElement(
+  )))), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17.createElement(MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React17.createElement(
     "input",
     {
       type: "text",
@@ -2376,7 +2829,7 @@ var EventModal = ({
       value: formData.location || "",
       onChange: (e) => setFormData({ ...formData, location: e.target.value })
     }
-  )), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, t.notesLabel)), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React17.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium text-foreground" }, t.notesLabel)), /* @__PURE__ */ React17.createElement(
     "textarea",
     {
       className: "w-full bg-muted/20 border border-border/30 rounded-xl px-4 py-3 text-sm min-h-[100px] resize-none text-foreground placeholder-muted-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all",
@@ -2385,7 +2838,7 @@ var EventModal = ({
       value: formData.description || "",
       onChange: (e) => setFormData({ ...formData, description: e.target.value })
     }
-  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement(Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17.createElement(Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React17.createElement(
     "select",
     {
       className: "flex-1 bg-transparent text-sm text-foreground focus:outline-none cursor-pointer",
@@ -2405,28 +2858,28 @@ var EventModal = ({
         }
       }
     },
-    /* @__PURE__ */ React15.createElement("option", { value: "" }, t.doesNotRepeat),
-    /* @__PURE__ */ React15.createElement("option", { value: "DAILY" }, t.daily),
-    /* @__PURE__ */ React15.createElement("option", { value: "WEEKLY" }, t.weekly),
-    /* @__PURE__ */ React15.createElement("option", { value: "MONTHLY" }, t.monthly),
-    /* @__PURE__ */ React15.createElement("option", { value: "YEARLY" }, t.yearly)
-  )), calendars && calendars.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm text-foreground" }, t.calendar)), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("option", { value: "" }, t.doesNotRepeat),
+    /* @__PURE__ */ React17.createElement("option", { value: "DAILY" }, t.daily),
+    /* @__PURE__ */ React17.createElement("option", { value: "WEEKLY" }, t.weekly),
+    /* @__PURE__ */ React17.createElement("option", { value: "MONTHLY" }, t.monthly),
+    /* @__PURE__ */ React17.createElement("option", { value: "YEARLY" }, t.yearly)
+  )), calendars && calendars.length > 0 && /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React17.createElement("span", { className: "text-sm text-foreground" }, t.calendar)), /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsCalendarDropdownOpen(!isCalendarDropdownOpen),
       className: "flex items-center gap-2 px-3 py-1.5 bg-background border border-border/50 rounded-lg text-sm hover:bg-accent/50 transition-all"
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: calendars.find((c) => c.id === formData.calendarId)?.color || "#3b82f6" }
       }
     ),
-    /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, calendars.find((c) => c.id === formData.calendarId)?.label || t.select),
-    /* @__PURE__ */ React15.createElement(ChevronDown2, { className: "w-3.5 h-3.5 text-muted-foreground" })
-  ), isCalendarDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("div", { className: "absolute right-0 bottom-full mb-2 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1" }, calendars.map((cal) => /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("span", { className: "font-medium" }, calendars.find((c) => c.id === formData.calendarId)?.label || t.select),
+    /* @__PURE__ */ React17.createElement(ChevronDown2, { className: "w-3.5 h-3.5 text-muted-foreground" })
+  ), isCalendarDropdownOpen && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React17.createElement("div", { className: "absolute right-0 bottom-full mb-2 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1" }, calendars.map((cal) => /* @__PURE__ */ React17.createElement(
     "button",
     {
       key: cal.id,
@@ -2441,19 +2894,19 @@ var EventModal = ({
         setIsCalendarDropdownOpen(false);
       }
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
-    /* @__PURE__ */ React15.createElement("span", { className: "flex-1 text-sm" }, cal.label),
-    formData.calendarId === cal.id && /* @__PURE__ */ React15.createElement(Check, { className: "w-4 h-4 text-primary" })
-  )))))))), /* @__PURE__ */ React15.createElement("div", { className: "px-5 py-4 border-t border-border/50 flex items-center justify-between bg-muted/10 shrink-0" }, mode === "edit" && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
+    /* @__PURE__ */ React17.createElement("span", { className: "flex-1 text-sm" }, cal.label),
+    formData.calendarId === cal.id && /* @__PURE__ */ React17.createElement(Check, { className: "w-4 h-4 text-primary" })
+  )))))))), /* @__PURE__ */ React17.createElement("div", { className: "px-5 py-4 border-t border-border/50 flex items-center justify-between bg-muted/10 shrink-0" }, mode === "edit" && /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
       onClick: handleDelete,
       className: "flex items-center gap-2 px-4 py-2 text-destructive hover:bg-destructive/10 rounded-xl transition-all text-sm font-medium"
     },
-    /* @__PURE__ */ React15.createElement(Trash2, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React17.createElement(Trash2, { className: "w-4 h-4" }),
     t.delete
-  ), mode === "create" && /* @__PURE__ */ React15.createElement("div", null), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
+  ), mode === "create" && /* @__PURE__ */ React17.createElement("div", null), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
@@ -2461,7 +2914,7 @@ var EventModal = ({
       className: "px-4 py-2.5 text-muted-foreground hover:text-foreground font-medium text-sm rounded-xl transition-all hover:bg-accent"
     },
     t.cancel
-  ), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "submit",
@@ -2469,7 +2922,7 @@ var EventModal = ({
     },
     mode === "edit" ? t.saveChanges : t.createEvent
   ))));
-  return /* @__PURE__ */ React15.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React15.createElement(AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React17.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React17.createElement(AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       key: "view",
@@ -2479,7 +2932,7 @@ var EventModal = ({
       transition: { duration: 0.15 }
     },
     renderViewMode()
-  ) : /* @__PURE__ */ React15.createElement(
+  ) : /* @__PURE__ */ React17.createElement(
     motion2.div,
     {
       key: "edit",
@@ -2493,10 +2946,10 @@ var EventModal = ({
 };
 
 // src/components/Skeleton.tsx
-import React16 from "react";
-var Skeleton = ({ className, style }) => /* @__PURE__ */ React16.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
-var MonthViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1" }, i * 7 % 10 > 4 && /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), i * 3 % 10 > 6 && /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
-var WeekViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React16.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React16.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React16.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React16.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React16.createElement(
+import React18 from "react";
+var Skeleton = ({ className, style }) => /* @__PURE__ */ React18.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
+var MonthViewSkeleton = () => /* @__PURE__ */ React18.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React18.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1" }, i * 7 % 10 > 4 && /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), i * 3 % 10 > 6 && /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
+var WeekViewSkeleton = () => /* @__PURE__ */ React18.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React18.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React18.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React18.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React18.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React18.createElement(
   Skeleton,
   {
     className: "absolute rounded-md",
@@ -2508,23 +2961,23 @@ var WeekViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { clas
     }
   }
 ))))));
-var DayViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React16.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React16.createElement(
+var DayViewSkeleton = () => /* @__PURE__ */ React18.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React18.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React18.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "160px", height: "120px" }
   }
-), /* @__PURE__ */ React16.createElement(
+), /* @__PURE__ */ React18.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "400px", height: "80px" }
   }
 ))));
-var AgendaViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React16.createElement("div", { key: dayIdx }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React16.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React16.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
+var AgendaViewSkeleton = () => /* @__PURE__ */ React18.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React18.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React18.createElement("div", { key: dayIdx }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React18.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React18.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React18.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
 
 // src/components/ContextMenu.tsx
-import React17, { useState as useState4, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef5 } from "react";
+import React19, { useState as useState6, useCallback as useCallback3, useEffect as useEffect5, useRef as useRef6 } from "react";
 import { Edit3, Trash2 as Trash22, Copy } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion3 } from "framer-motion";
 var EventContextMenu = ({
@@ -2537,8 +2990,8 @@ var EventContextMenu = ({
   customActions = [],
   translations
 }) => {
-  const menuRef = useRef5(null);
-  useEffect4(() => {
+  const menuRef = useRef6(null);
+  useEffect5(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -2549,7 +3002,7 @@ var EventContextMenu = ({
       return () => document.removeEventListener("keydown", handleKeyDown);
     }
   }, [position, onClose]);
-  useEffect4(() => {
+  useEffect5(() => {
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         onClose();
@@ -2567,7 +3020,7 @@ var EventContextMenu = ({
     ...onEdit ? [{
       id: "edit",
       label: translations?.edit || "Edit",
-      icon: /* @__PURE__ */ React17.createElement(Edit3, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React19.createElement(Edit3, { className: "w-4 h-4" }),
       onClick: () => {
         onEdit(event);
         onClose();
@@ -2576,7 +3029,7 @@ var EventContextMenu = ({
     ...onDuplicate ? [{
       id: "duplicate",
       label: translations?.duplicate || "Duplicate",
-      icon: /* @__PURE__ */ React17.createElement(Copy, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React19.createElement(Copy, { className: "w-4 h-4" }),
       onClick: () => {
         onDuplicate(event);
         onClose();
@@ -2586,7 +3039,7 @@ var EventContextMenu = ({
     ...onDelete ? [{
       id: "delete",
       label: translations?.delete || "Delete",
-      icon: /* @__PURE__ */ React17.createElement(Trash22, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React19.createElement(Trash22, { className: "w-4 h-4" }),
       onClick: () => {
         onDelete(event.id);
         onClose();
@@ -2598,7 +3051,7 @@ var EventContextMenu = ({
     x: Math.min(position.x, window.innerWidth - 200),
     y: Math.min(position.y, window.innerHeight - (actions.length * 44 + 80))
   };
-  return /* @__PURE__ */ React17.createElement(AnimatePresence2, null, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React19.createElement(AnimatePresence2, null, /* @__PURE__ */ React19.createElement(
     motion3.div,
     {
       ref: menuRef,
@@ -2612,14 +3065,14 @@ var EventContextMenu = ({
         top: adjustedPosition.y
       }
     },
-    /* @__PURE__ */ React17.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(
       "div",
       {
         className: "w-2.5 h-2.5 rounded-full shrink-0",
         style: { backgroundColor: event.color || "var(--primary)" }
       }
-    ), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
-    /* @__PURE__ */ React17.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React17.createElement(React17.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React17.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React17.createElement(
+    ), /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
+    /* @__PURE__ */ React19.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React19.createElement(React19.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React19.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: action.onClick,
@@ -2631,13 +3084,13 @@ var EventContextMenu = ({
         )
       },
       action.icon,
-      /* @__PURE__ */ React17.createElement("span", null, action.label)
+      /* @__PURE__ */ React19.createElement("span", null, action.label)
     ))))
   ));
 };
 var useEventContextMenu = () => {
-  const [contextMenu, setContextMenu] = useState4({ event: null, position: null });
-  const openContextMenu = useCallback2((event, e) => {
+  const [contextMenu, setContextMenu] = useState6({ event: null, position: null });
+  const openContextMenu = useCallback3((event, e) => {
     e.preventDefault();
     e.stopPropagation();
     setContextMenu({
@@ -2645,7 +3098,7 @@ var useEventContextMenu = () => {
       position: { x: e.clientX, y: e.clientY }
     });
   }, []);
-  const closeContextMenu = useCallback2(() => {
+  const closeContextMenu = useCallback3(() => {
     setContextMenu({ event: null, position: null });
   }, []);
   return {
@@ -2736,13 +3189,13 @@ function getThemeStyles(theme) {
 }
 
 // src/hooks/useCalendarLogic.ts
-import { useMemo as useMemo3, useState as useState5 } from "react";
+import { useMemo as useMemo3, useState as useState7 } from "react";
 import {
-  addDays as addDays5,
+  addDays as addDays9,
   addMonths as addMonths3,
   addWeeks,
   endOfMonth as endOfMonth2,
-  format as format13,
+  format as format15,
   startOfMonth as startOfMonth3,
   startOfWeek as startOfWeek2,
   subDays,
@@ -2828,17 +3281,18 @@ function cachedMonth(event, monthStart, tz) {
 }
 function expandRecurrences(events, range, anchorTz) {
   const result = [];
-  const lastMonth = startOfMonth2(toDisplay(range.end, anchorTz));
   for (const event of events) {
     if (!event.recurrence) {
       result.push(event);
       continue;
     }
+    const tz = event.allDay ? void 0 : anchorTz;
+    const lastMonth = startOfMonth2(toDisplay(range.end, tz));
     const duration = event.end.getTime() - event.start.getTime();
-    const firstMonth = startOfMonth2(toDisplay(new Date(range.start.getTime() - duration), anchorTz));
+    const firstMonth = startOfMonth2(toDisplay(new Date(range.start.getTime() - duration), tz));
     try {
       for (let month = firstMonth; month <= lastMonth; month = addMonths2(month, 1)) {
-        for (const occurrence of cachedMonth(event, fromDisplay(month, anchorTz), anchorTz)) {
+        for (const occurrence of cachedMonth(event, fromDisplay(month, tz), tz)) {
           if (occurrence.end >= range.start && occurrence.start <= range.end) result.push(occurrence);
         }
       }
@@ -2854,8 +3308,8 @@ function stripOccurrenceFields(event) {
   return rest;
 }
 var shiftFloating = (instant, deltaMs, tz) => fromFloating(new Date(toFloating(instant, tz).getTime() + deltaMs), tz);
-var DAY_MS = 24 * 60 * 60 * 1e3;
-var floatingDay = (floating) => Math.floor(floating.getTime() / DAY_MS);
+var DAY_MS2 = 24 * 60 * 60 * 1e3;
+var floatingDay = (floating) => Math.floor(floating.getTime() / DAY_MS2);
 function shiftSeries(master, occurrence, newStart, newEnd, anchorTz) {
   const fromFloat = toFloating(occurrence.start, anchorTz);
   const toFloat = toFloating(newStart, anchorTz);
@@ -2877,23 +3331,23 @@ function excludeOccurrence(master, occurrenceStart) {
 }
 
 // src/hooks/useStableCallback.ts
-import { useCallback as useCallback3, useInsertionEffect as useInsertionEffect2, useRef as useRef6 } from "react";
+import { useCallback as useCallback4, useInsertionEffect as useInsertionEffect2, useRef as useRef7 } from "react";
 function useStableCallback(fn) {
-  const ref = useRef6(fn);
+  const ref = useRef7(fn);
   useInsertionEffect2(() => {
     ref.current = fn;
   });
-  return useCallback3((...args) => ref.current(...args), []);
+  return useCallback4((...args) => ref.current(...args), []);
 }
 
 // src/hooks/useCalendarLogic.ts
 function expansionRange(monthStart) {
   return {
     start: startOfWeek2(startOfMonth3(subMonths2(monthStart, 1))),
-    end: addDays5(endOfMonth2(addMonths3(monthStart, 1)), 37)
+    end: addDays9(endOfMonth2(addMonths3(monthStart, 1)), 37)
   };
 }
-var DAY_MS2 = 24 * 60 * 60 * 1e3;
+var DAY_MS3 = 24 * 60 * 60 * 1e3;
 var useCalendarLogic = ({
   events,
   view: controlledView,
@@ -2910,17 +3364,18 @@ var useCalendarLogic = ({
   readOnly,
   timezone
 }) => {
-  const [internalView, setInternalView] = useState5("week");
-  const [internalDate, setInternalDate] = useState5(() => /* @__PURE__ */ new Date());
-  const [isSidebarOpen, setIsSidebarOpen] = useState5(true);
-  const [isModalOpen, setIsModalOpen] = useState5(false);
-  const [selectedEvent, setSelectedEvent] = useState5(null);
-  const [modalInitialDate, setModalInitialDate] = useState5(void 0);
-  const [modalInitialResourceId, setModalInitialResourceId] = useState5(void 0);
+  const [internalView, setInternalView] = useState7("week");
+  const [internalDate, setInternalDate] = useState7(() => /* @__PURE__ */ new Date());
+  const [isSidebarOpen, setIsSidebarOpen] = useState7(true);
+  const [isModalOpen, setIsModalOpen] = useState7(false);
+  const [selectedEvent, setSelectedEvent] = useState7(null);
+  const [modalInitialDate, setModalInitialDate] = useState7(void 0);
+  const [modalInitialResourceId, setModalInitialResourceId] = useState7(void 0);
+  const [modalInitialAllDay, setModalInitialAllDay] = useState7(false);
   const view = controlledView ?? internalView;
   const currentDate = controlledDate ?? internalDate;
   const normalizedEvents = useMemo3(() => normalizeEvents(events), [events]);
-  const monthKey = format13(currentDate, "yyyy-MM");
+  const monthKey = format15(currentDate, "yyyy-MM");
   const range = useMemo3(() => expansionRange(/* @__PURE__ */ new Date(`${monthKey}-01T00:00:00`)), [monthKey]);
   const expandedEvents = useMemo3(
     () => expandRecurrences(normalizedEvents, range, timezone),
@@ -2968,10 +3423,10 @@ var useCalendarLogic = ({
         break;
       case "day":
       case "resource":
-        handleDateChange(addDays5(currentDate, 1));
+        handleDateChange(addDays9(currentDate, 1));
         break;
       case "agenda":
-        handleDateChange(addDays5(currentDate, 7));
+        handleDateChange(addDays9(currentDate, 7));
         break;
     }
   });
@@ -2987,6 +3442,15 @@ var useCalendarLogic = ({
     setSelectedEvent(null);
     setModalInitialDate(date);
     setModalInitialResourceId(resourceId);
+    setModalInitialAllDay(false);
+    setIsModalOpen(true);
+  });
+  const handleAllDaySlotClick = useStableCallback((day) => {
+    if (readOnly) return;
+    setSelectedEvent(null);
+    setModalInitialDate(day);
+    setModalInitialResourceId(void 0);
+    setModalInitialAllDay(true);
     setIsModalOpen(true);
   });
   const handleEventClickInternal = useStableCallback((event) => {
@@ -2995,6 +3459,7 @@ var useCalendarLogic = ({
       setSelectedEvent(event);
       setModalInitialDate(void 0);
       setModalInitialResourceId(void 0);
+      setModalInitialAllDay(false);
       setIsModalOpen(true);
     }
   });
@@ -3003,6 +3468,7 @@ var useCalendarLogic = ({
     setSelectedEvent(null);
     setModalInitialDate(/* @__PURE__ */ new Date());
     setModalInitialResourceId(void 0);
+    setModalInitialAllDay(false);
     setIsModalOpen(true);
   });
   const handleModalSave = useStableCallback((eventData) => {
@@ -3017,7 +3483,7 @@ var useCalendarLogic = ({
         end: master.end
       };
       onEventUpdate?.(
-        shiftSeries(edited, selectedEvent, eventData.start ?? selectedEvent.start, eventData.end ?? selectedEvent.end, timezone)
+        shiftSeries(edited, selectedEvent, eventData.start ?? selectedEvent.start, eventData.end ?? selectedEvent.end, edited.allDay ? void 0 : timezone)
       );
     } else if (selectedEvent) {
       onEventUpdate?.({ ...eventData, id: selectedEvent.id });
@@ -3052,15 +3518,15 @@ var useCalendarLogic = ({
       ...copy,
       id: `${event.originalEventId ?? event.id}-copy-${Date.now()}`,
       title: `${event.title} (Copy)`,
-      start: new Date(event.start.getTime() + DAY_MS2),
-      end: new Date(event.end.getTime() + DAY_MS2)
+      start: new Date(event.start.getTime() + DAY_MS3),
+      end: new Date(event.end.getTime() + DAY_MS3)
     });
   });
   const applyChange = (event, start, end) => {
     if (!event.originalEventId) return { original: event, updated: { ...event, start, end } };
     const master = masterOf(event);
     if (!master) return null;
-    return { original: master, updated: shiftSeries(master, event, start, end, timezone) };
+    return { original: master, updated: shiftSeries(master, event, start, end, event.allDay ? void 0 : timezone) };
   };
   const handleDragEnd = useStableCallback((dragEvent) => {
     if (readOnly) return;
@@ -3069,12 +3535,22 @@ var useCalendarLogic = ({
     const dragged = active.data.current?.event;
     const overDate = over.data.current?.date;
     if (!dragged || !overDate) return;
+    const grabDayOffset = active.data.current?.grabDayOffset;
+    if (grabDayOffset !== void 0) {
+      const move = computeDayMove(dragged, overDate, grabDayOffset, timezone);
+      const dayChange = move && applyChange(dragged, move.start, move.end);
+      if (!dayChange) return;
+      onEventDrop?.(dayChange.original, dayChange.updated.start, dayChange.updated.end);
+      onEventUpdate?.(dayChange.updated);
+      return;
+    }
     const drop = computeDrop({
       event: dragged,
       overDate,
       overResourceId: over.data.current?.resourceId,
       grabOffsetMs: active.data.current?.grabOffsetMs,
-      view,
+      // A timed event dropped in the all-day row only changes day (keeps its time), like in month view.
+      view: over.data.current?.allDayRow ? "month" : view,
       tz: timezone
     });
     if (!drop) return;
@@ -3084,6 +3560,14 @@ var useCalendarLogic = ({
     onEventDrop?.(change.original, updated.start, updated.end);
     onEventUpdate?.(updated);
   });
+  const handleDayEventResize = useStableCallback((event, newLastDay) => {
+    if (readOnly) return;
+    const end = computeDayResize(event, newLastDay, timezone);
+    const change = end && applyChange(event, event.start, end);
+    if (!change) return;
+    onEventResize?.(change.original, change.updated.start, change.updated.end);
+    onEventUpdate?.(change.updated);
+  });
   const handleEventResize = useStableCallback((event, newEnd) => {
     if (readOnly) return;
     const change = applyChange(event, event.start, newEnd);
@@ -3100,6 +3584,7 @@ var useCalendarLogic = ({
     setIsModalOpen,
     selectedEvent,
     modalInitialDate,
+    modalInitialAllDay,
     expandedEvents,
     handleViewChange,
     handleDateChange,
@@ -3108,6 +3593,7 @@ var useCalendarLogic = ({
     handleToday,
     handleDateClick,
     handleTimeSlotClick,
+    handleAllDaySlotClick,
     handleEventClickInternal,
     handleCreateEvent,
     handleModalSave,
@@ -3115,15 +3601,16 @@ var useCalendarLogic = ({
     handleEventDelete,
     handleEventDuplicate,
     handleEventResize,
+    handleDayEventResize,
     handleDragEnd
   };
 };
 
 // src/index.tsx
-import { differenceInMinutes as differenceInMinutes6, format as format14, startOfWeek as startOfWeek3 } from "date-fns";
+import { format as format16, startOfWeek as startOfWeek3 } from "date-fns";
 
 // src/hooks/useSwipeGesture.ts
-import { useRef as useRef7, useCallback as useCallback4, useEffect as useEffect5 } from "react";
+import { useRef as useRef8, useCallback as useCallback5, useEffect as useEffect6 } from "react";
 var useSwipeGesture = (options) => {
   const {
     onSwipeLeft,
@@ -3135,9 +3622,9 @@ var useSwipeGesture = (options) => {
     allowedTime = 500,
     enabled = true
   } = options;
-  const touchInfoRef = useRef7(null);
-  const elementRef = useRef7(null);
-  const handleTouchStart = useCallback4((e) => {
+  const touchInfoRef = useRef8(null);
+  const elementRef = useRef8(null);
+  const handleTouchStart = useCallback5((e) => {
     if (!enabled) return;
     const touch = e.touches[0];
     touchInfoRef.current = {
@@ -3146,7 +3633,7 @@ var useSwipeGesture = (options) => {
       startTime: Date.now()
     };
   }, [enabled]);
-  const handleTouchEnd = useCallback4((e) => {
+  const handleTouchEnd = useCallback5((e) => {
     if (!enabled || !touchInfoRef.current) return;
     const touch = e.changedTouches[0];
     const { startX, startY, startTime } = touchInfoRef.current;
@@ -3170,7 +3657,7 @@ var useSwipeGesture = (options) => {
     }
     touchInfoRef.current = null;
   }, [enabled, threshold, restraint, allowedTime, onSwipeLeft, onSwipeRight, onSwipeUp, onSwipeDown]);
-  useEffect5(() => {
+  useEffect6(() => {
     const element = elementRef.current;
     if (!element) return;
     element.addEventListener("touchstart", handleTouchStart, { passive: true });
@@ -3193,6 +3680,25 @@ var useViewSwipe = (onPrev, onNext, enabled = true) => {
   });
 };
 
+// src/components/dnd/dragOverlay.ts
+import { pointerWithin, rectIntersection } from "@dnd-kit/core";
+import { differenceInMinutes as differenceInMinutes6 } from "date-fns";
+var dayAwareCollision = (args) => {
+  if (args.active.data.current?.grabDayOffset !== void 0) {
+    const underPointer = pointerWithin(args);
+    if (underPointer.length > 0) return underPointer;
+  }
+  return rectIntersection(args);
+};
+function dragOverlaySize(view, event, isDayDrag) {
+  if (isDayDrag) return {};
+  const minutes = differenceInMinutes6(event.end, event.start);
+  if (view === "month") return { width: "100%" };
+  if (view === "resource") return { width: `${Math.max(minutes / 60 * 100, 4)}px`, height: 80 };
+  if (view === "week" || view === "day") return { width: "150px", height: minutes / 60 * (view === "day" ? 80 : 60) };
+  return { width: "150px" };
+}
+
 // src/index.tsx
 var Scheduler = ({
   events = [],
@@ -3228,7 +3734,8 @@ var Scheduler = ({
   locale
   // Date-fns locale
 }) => {
-  const [activeDragEvent, setActiveDragEvent] = useState6(null);
+  const [activeDragEvent, setActiveDragEvent] = useState8(null);
+  const [activeDayDrag, setActiveDayDrag] = useState8(false);
   const {
     contextMenuEvent,
     contextMenuPosition,
@@ -3244,6 +3751,7 @@ var Scheduler = ({
     setIsModalOpen,
     selectedEvent,
     modalInitialDate,
+    modalInitialAllDay,
     handleViewChange,
     handleDateChange,
     handlePrev,
@@ -3251,6 +3759,7 @@ var Scheduler = ({
     handleToday,
     handleDateClick,
     handleTimeSlotClick,
+    handleAllDaySlotClick,
     handleEventClickInternal,
     handleCreateEvent,
     handleModalSave,
@@ -3258,6 +3767,7 @@ var Scheduler = ({
     handleEventDelete,
     handleEventDuplicate,
     handleEventResize,
+    handleDayEventResize,
     handleDragEnd,
     expandedEvents
   } = useCalendarLogic({
@@ -3291,60 +3801,45 @@ var Scheduler = ({
   const swipeRef = useViewSwipe(handlePrev, handleNext, true);
   const t = useMemo4(() => resolveTranslations(language, translations), [language, translations]);
   const overlayTimeFormat = timeFormats(locale).time;
-  const handleDragStart = useCallback5((event) => {
+  const handleDragStart = useCallback6((event) => {
     const draggedEvent = event.active.data.current?.event;
     if (draggedEvent) {
       setActiveDragEvent(draggedEvent);
+      setActiveDayDrag(event.active.data.current?.grabDayOffset !== void 0);
     }
   }, []);
-  const onDragEndWrapper = useCallback5((event) => {
+  const onDragEndWrapper = useCallback6((event) => {
     setActiveDragEvent(null);
     handleDragEnd(event);
   }, [handleDragEnd]);
-  const getDragHeight = () => {
-    if (!activeDragEvent) return void 0;
-    if (view === "resource") {
-      return 80;
-    }
-    if (view !== "week" && view !== "day") return void 0;
-    const duration = differenceInMinutes6(activeDragEvent.end, activeDragEvent.start);
-    const hourHeight = view === "day" ? 80 : 60;
-    return duration / 60 * hourHeight;
-  };
-  const getDragWidth = () => {
-    if (view === "month") return "100%";
-    if (view === "resource" && activeDragEvent) {
-      const duration = differenceInMinutes6(activeDragEvent.end, activeDragEvent.start);
-      const width = duration / 60 * 100;
-      return `${Math.max(width, 4)}px`;
-    }
-    return "150px";
-  };
+  const dragSize = activeDragEvent ? dragOverlaySize(view, activeDragEvent, activeDayDrag) : {};
   const activeCalendarKey = calendars ? calendars.filter((c) => c.active !== false).map((c) => c.id).join("\0") : null;
   const filteredEvents = useMemo4(() => {
     if (activeCalendarKey === null) return expandedEvents;
     const activeCalendarIds = new Set(activeCalendarKey.split("\0"));
     return expandedEvents.filter((e) => !e.calendarId || activeCalendarIds.has(String(e.calendarId)));
   }, [expandedEvents, activeCalendarKey]);
-  const periodKey = view === "month" ? format14(currentDate, "yyyy-MM") : view === "week" ? format14(startOfWeek3(currentDate, { weekStartsOn: resolveWeekStartsOn(locale, 1) }), "yyyy-MM-dd") : format14(currentDate, "yyyy-MM-dd");
+  const periodKey = view === "month" ? format16(currentDate, "yyyy-MM") : view === "week" ? format16(startOfWeek3(currentDate, { weekStartsOn: resolveWeekStartsOn(locale, 1) }), "yyyy-MM-dd") : format16(currentDate, "yyyy-MM-dd");
   const slotClickHandler = readOnly ? void 0 : handleTimeSlotClick;
+  const allDaySlotClickHandler = readOnly ? void 0 : handleAllDaySlotClick;
   const contextMenuHandler = readOnly ? void 0 : openContextMenu;
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React20.createElement(
     DndContext,
     {
       id,
       sensors: dndSensors,
       onDragStart: handleDragStart,
       onDragEnd: onDragEndWrapper,
-      modifiers
+      modifiers,
+      collisionDetection: dayAwareCollision
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React20.createElement(
       "div",
       {
         className: cn("flex flex-col h-full bg-background text-foreground relative", className),
         style: getThemeStyles(theme)
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React20.createElement(
         CalendarHeader,
         {
           currentDate,
@@ -3363,7 +3858,7 @@ var Scheduler = ({
           locale
         }
       ),
-      /* @__PURE__ */ React18.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React20.createElement(
         motion4.div,
         {
           className: cn(
@@ -3379,7 +3874,7 @@ var Scheduler = ({
             ease: [0.4, 0, 0.2, 1]
           }
         },
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React20.createElement(
           Sidebar,
           {
             currentDate,
@@ -3396,7 +3891,7 @@ var Scheduler = ({
             locale
           }
         )
-      ), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative" }, isLoading ? /* @__PURE__ */ React18.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4" }, /* @__PURE__ */ React18.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React18.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React18.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React18.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React18.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React18.createElement(WeekViewSkeleton, null))) : /* @__PURE__ */ React18.createElement("div", { ref: swipeRef, className: "flex-1 overflow-auto p-0 md:p-4 touch-pan-y" }, /* @__PURE__ */ React18.createElement("div", { className: "h-full min-w-full" }, /* @__PURE__ */ React18.createElement(AnimatePresence3, { mode: "wait", initial: false }, /* @__PURE__ */ React18.createElement(
+      ), /* @__PURE__ */ React20.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative" }, isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4" }, /* @__PURE__ */ React20.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React20.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React20.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React20.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React20.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React20.createElement(WeekViewSkeleton, null))) : /* @__PURE__ */ React20.createElement("div", { ref: swipeRef, className: "flex-1 overflow-auto p-0 md:p-4 touch-pan-y" }, /* @__PURE__ */ React20.createElement("div", { className: "h-full min-w-full" }, /* @__PURE__ */ React20.createElement(AnimatePresence3, { mode: "wait", initial: false }, /* @__PURE__ */ React20.createElement(
         motion4.div,
         {
           key: `${view}-${periodKey}-${timezone || "local"}`,
@@ -3421,7 +3916,7 @@ var Scheduler = ({
           },
           className: "h-full"
         },
-        view === "month" && /* @__PURE__ */ React18.createElement(
+        view === "month" && /* @__PURE__ */ React20.createElement(
           MonthView,
           {
             currentDate,
@@ -3431,10 +3926,12 @@ var Scheduler = ({
             timezone,
             locale,
             translations: t,
-            onEventContextMenu: contextMenuHandler
+            onEventContextMenu: contextMenuHandler,
+            onDayEventResize: handleDayEventResize,
+            readonly: readOnly
           }
         ),
-        view === "week" && /* @__PURE__ */ React18.createElement(
+        view === "week" && /* @__PURE__ */ React20.createElement(
           WeekView,
           {
             currentDate,
@@ -3445,10 +3942,13 @@ var Scheduler = ({
             timezone,
             locale,
             readonly: readOnly,
-            onEventContextMenu: contextMenuHandler
+            onEventContextMenu: contextMenuHandler,
+            onDayEventResize: handleDayEventResize,
+            onAllDaySlotClick: allDaySlotClickHandler,
+            translations: t
           }
         ),
-        view === "day" && /* @__PURE__ */ React18.createElement(
+        view === "day" && /* @__PURE__ */ React20.createElement(
           DayView,
           {
             currentDate,
@@ -3460,10 +3960,12 @@ var Scheduler = ({
             locale,
             readonly: readOnly,
             translations: t,
-            onEventContextMenu: contextMenuHandler
+            onEventContextMenu: contextMenuHandler,
+            onDayEventResize: handleDayEventResize,
+            onAllDaySlotClick: allDaySlotClickHandler
           }
         ),
-        view === "agenda" && /* @__PURE__ */ React18.createElement(
+        view === "agenda" && /* @__PURE__ */ React20.createElement(
           AgendaView,
           {
             currentDate,
@@ -3476,7 +3978,7 @@ var Scheduler = ({
             onEventContextMenu: contextMenuHandler
           }
         ),
-        view === "resource" && resources && /* @__PURE__ */ React18.createElement(
+        view === "resource" && resources && /* @__PURE__ */ React20.createElement(
           ResourceView,
           {
             currentDate,
@@ -3490,23 +3992,24 @@ var Scheduler = ({
             onEventContextMenu: contextMenuHandler
           }
         )
-      )))), !readOnly && /* @__PURE__ */ React18.createElement("div", { className: "md:hidden absolute bottom-6 right-6 z-50" }, /* @__PURE__ */ React18.createElement(
+      )))), !readOnly && /* @__PURE__ */ React20.createElement("div", { className: "md:hidden absolute bottom-6 right-6 z-50" }, /* @__PURE__ */ React20.createElement(
         "button",
         {
           onClick: handleCreateEvent,
           "aria-label": t.createEvent,
           className: "w-14 h-14 bg-blue-600 rounded-full shadow-lg flex items-center justify-center text-white active:scale-90 transition-transform"
         },
-        /* @__PURE__ */ React18.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React18.createElement("path", { d: "M12 5v14" }))
+        /* @__PURE__ */ React20.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React20.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React20.createElement("path", { d: "M12 5v14" }))
       )))),
       renderEventForm ? renderEventForm({
         isOpen: isModalOpen,
         onClose: () => setIsModalOpen(false),
         event: selectedEvent,
         initialDate: modalInitialDate,
+        initialAllDay: modalInitialAllDay,
         onSave: handleModalSave,
         onDelete: handleModalDelete
-      }) : /* @__PURE__ */ React18.createElement(
+      }) : /* @__PURE__ */ React20.createElement(
         EventModal,
         {
           isOpen: isModalOpen,
@@ -3518,10 +4021,11 @@ var Scheduler = ({
           calendars,
           eventTypes,
           translations: t,
-          locale
+          locale,
+          initialAllDay: modalInitialAllDay
         }
       ),
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React20.createElement(
         EventContextMenu,
         {
           event: contextMenuEvent,
@@ -3546,7 +4050,7 @@ var Scheduler = ({
           }
         }
       ),
-      /* @__PURE__ */ React18.createElement(DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React20.createElement(DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: cn(
@@ -3558,19 +4062,19 @@ var Scheduler = ({
             backgroundColor: activeDragEvent.color ? `${activeDragEvent.color}e0` : void 0,
             borderColor: activeDragEvent.color ? `${activeDragEvent.color}80` : void 0,
             color: activeDragEvent.color ? "#fff" : void 0,
-            width: getDragWidth(),
-            height: getDragHeight() ? `${getDragHeight()}px` : void 0,
+            width: dragSize.width,
+            height: dragSize.height ? `${dragSize.height}px` : void 0,
             boxShadow: `0 20px 40px -15px ${activeDragEvent.color || "var(--primary)"}40, 0 10px 20px -10px rgba(0,0,0,0.2)`,
             transform: "rotate(-2deg) scale(1.02)"
           }
         },
-        /* @__PURE__ */ React18.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React20.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React20.createElement(
           "div",
           {
             className: "absolute left-0 top-0 bottom-0 w-1 rounded-l-lg",
             style: { backgroundColor: activeDragEvent.color || "var(--primary)" }
           }
-        ), /* @__PURE__ */ React18.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React18.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React18.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React18.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React18.createElement("path", { d: "M12 6v6l4 2" })), format14(toDisplay(activeDragEvent.start, timezone), overlayTimeFormat, { locale }), " - ", format14(toDisplay(activeDragEvent.end, timezone), overlayTimeFormat, { locale }))), /* @__PURE__ */ React18.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React18.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
+        ), /* @__PURE__ */ React20.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React20.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && dragSize.height !== void 0 && dragSize.height > 40 && /* @__PURE__ */ React20.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React20.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React20.createElement("path", { d: "M12 6v6l4 2" })), format16(toDisplay(activeDragEvent.start, timezone), overlayTimeFormat, { locale }), " - ", format16(toDisplay(activeDragEvent.end, timezone), overlayTimeFormat, { locale }))), /* @__PURE__ */ React20.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React20.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React20.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React20.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React20.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React20.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React20.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
       ) : null)
     )
   );