calendarkit-pro 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -15,6 +15,8 @@ import { RRule } from 'rrule';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+var isEventDragDisabled = (event) => event?.draggable === false;
+var isEventResizeDisabled = (event) => event?.resizable === false || event?.resizable === void 0 && isEventDragDisabled(event);
 
 // src/components/ui/button.tsx
 var buttonVariants = cva(
@@ -157,18 +159,30 @@ var getMonthGrid = (date, weekStartOn = 0) => {
     end: endDate
   });
 };
+var uses24HourClock = (locale) => {
+  if (!locale) return false;
+  return !/[ap]\.?m/i.test(format(new Date(2e3, 0, 1, 13, 0), "p", { locale }));
+};
 var MiniCalendar = ({
   currentDate,
   onDateChange,
   onViewChange,
-  className
+  className,
+  locale
 }) => {
   const [viewDate, setViewDate] = React15__default.useState(currentDate);
   React15__default.useEffect(() => {
     setViewDate(currentDate);
   }, [currentDate]);
-  const days = React15__default.useMemo(() => getMonthGrid(viewDate), [viewDate]);
-  const weekDays = ["S", "M", "T", "W", "T", "F", "S"];
+  const weekStartsOn = locale?.options?.weekStartsOn ?? 0;
+  const days = React15__default.useMemo(
+    () => getMonthGrid(viewDate, weekStartsOn),
+    [viewDate, weekStartsOn]
+  );
+  const weekDays = locale?.localize ? [0, 1, 2, 3, 4, 5, 6].map((d) => {
+    const dayIndex = (d + weekStartsOn) % 7;
+    return locale.localize.day(dayIndex, { width: "narrow" });
+  }) : ["S", "M", "T", "W", "T", "F", "S"];
   const handlePrev = () => {
     const newDate = subMonths(viewDate, 1);
     setViewDate(newDate);
@@ -185,7 +199,7 @@ var MiniCalendar = ({
     onDateChange(day);
     if (onViewChange) onViewChange("day");
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format(viewDate, "MMMM yyyy")), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React15__default.createElement(
     Button,
     {
       variant: "ghost",
@@ -237,7 +251,8 @@ var Sidebar = ({
   readOnly,
   calendars,
   onCalendarToggle,
-  translations
+  translations,
+  locale
 }) => {
   const [calendarsOpen, setCalendarsOpen] = useState(true);
   const [timezoneOpen, setTimezoneOpen] = useState(false);
@@ -264,7 +279,7 @@ var Sidebar = ({
     }
   };
   const timezones = [
-    { value: "", label: "Local Time", acronym: "LOC" },
+    { value: "", label: translations?.localTime || "Local Time", acronym: "LOC" },
     { value: "UTC", label: "UTC", acronym: "UTC" },
     { value: "America/New_York", label: "New York", acronym: "EST" },
     { value: "America/Chicago", label: "Chicago", acronym: "CST" },
@@ -314,7 +329,7 @@ var Sidebar = ({
     },
     /* @__PURE__ */ React15__default.createElement(Plus, { className: "w-5 h-5" }),
     /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm" }, translations?.create || "Create")
-  )), /* @__PURE__ */ React15__default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React15__default.createElement(
+  )), /* @__PURE__ */ React15__default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React15__default.createElement(
     "div",
     {
       className: "flex items-center justify-between cursor-pointer hover:bg-accent/50 p-2 -m-1 rounded-xl mb-2 transition-all duration-200",
@@ -384,9 +399,11 @@ var Sidebar = ({
   ))))))));
 };
 var DraggableEvent = ({ event, children, className, style: propStyle, ...props }) => {
+  const dragDisabled = isEventDragDisabled(event);
   const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
     id: event.id,
-    data: { event }
+    data: { event },
+    disabled: dragDisabled
   });
   const style = {
     ...propStyle,
@@ -408,7 +425,7 @@ var DraggableEvent = ({ event, children, className, style: propStyle, ...props }
       ...listeners,
       ...attributes,
       ...props,
-      className: cn("touch-none", className)
+      className: cn(!dragDisabled && "touch-none", className)
     },
     children
   );
@@ -467,12 +484,16 @@ var MonthView = ({
   timezone,
   locale
 }) => {
-  const days = useMemo(() => getMonthGrid(currentDate), [currentDate]);
+  const weekStartsOn = locale?.options?.weekStartsOn ?? 1;
+  const days = useMemo(
+    () => getMonthGrid(currentDate, weekStartsOn),
+    [currentDate, weekStartsOn]
+  );
   const weekDays = useMemo(() => {
-    const start = startOfWeek(currentDate, { weekStartsOn: 1 });
-    const end = endOfWeek(currentDate, { weekStartsOn: 1 });
+    const start = startOfWeek(currentDate, { weekStartsOn });
+    const end = endOfWeek(currentDate, { weekStartsOn });
     return eachDayOfInterval({ start, end });
-  }, [currentDate]);
+  }, [currentDate, weekStartsOn]);
   const getZonedDate = useCallback((date) => {
     return timezone ? toZonedTime(date, timezone) : date;
   }, [timezone]);
@@ -531,11 +552,13 @@ var ResizableEvent = ({
   style,
   readonly
 }) => {
+  const resizeLocked = readonly || isEventResizeDisabled(event);
   const [isResizing, setIsResizing] = useState(false);
   const [resizeHeight, setResizeHeight] = useState(null);
   const containerRef = useRef(null);
   const startYRef = useRef(0);
   const startHeightRef = useRef(0);
+  const resizeHeightRef = useRef(null);
   const handleResizeStart = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -553,13 +576,15 @@ var ResizableEvent = ({
         // Minimum height based on minDuration
         startHeightRef.current + snappedDelta
       );
+      resizeHeightRef.current = newHeight;
       setResizeHeight(newHeight);
     };
     const handleEnd = () => {
       setIsResizing(false);
-      if (resizeHeight !== null && containerRef.current && onResize) {
+      const finalHeight = resizeHeightRef.current;
+      if (finalHeight !== null && containerRef.current && onResize) {
         const originalHeight = startHeightRef.current;
-        const heightDiff = (resizeHeight || originalHeight) - originalHeight;
+        const heightDiff = finalHeight - originalHeight;
         const minutesDiff = heightDiff / hourHeight * 60;
         const newEnd = new Date(event.end);
         newEnd.setMinutes(newEnd.getMinutes() + minutesDiff);
@@ -567,6 +592,7 @@ var ResizableEvent = ({
           onResize(event, newEnd);
         }
       }
+      resizeHeightRef.current = null;
       setResizeHeight(null);
       document.removeEventListener("mousemove", handleMove);
       document.removeEventListener("mouseup", handleEnd);
@@ -577,7 +603,10 @@ var ResizableEvent = ({
     document.addEventListener("mouseup", handleEnd);
     document.addEventListener("touchmove", handleMove, { passive: false });
     document.addEventListener("touchend", handleEnd);
-  }, [event, hourHeight, minDuration, onResize, resizeHeight]);
+  }, [event, hourHeight, minDuration, onResize]);
+  const handlePointerDown = useCallback((e) => {
+    e.stopPropagation();
+  }, []);
   return /* @__PURE__ */ React15__default.createElement(
     "div",
     {
@@ -593,13 +622,14 @@ var ResizableEvent = ({
       "div",
       {
         className: cn(
-          readonly ? "cursor-default" : "cursor-ns-resize group-hover:opacity-100",
+          resizeLocked ? "cursor-default" : "cursor-ns-resize group-hover:opacity-100",
           "absolute bottom-0 left-0 right-0 h-3 z-20 flex items-center justify-center",
           "opacity-0 transition-opacity",
           isResizing && "opacity-100"
         ),
-        onMouseDown: readonly ? void 0 : handleResizeStart,
-        onTouchStart: readonly ? void 0 : handleResizeStart
+        onPointerDown: resizeLocked ? void 0 : handlePointerDown,
+        onMouseDown: resizeLocked ? void 0 : handleResizeStart,
+        onTouchStart: resizeLocked ? void 0 : handleResizeStart
       },
       /* @__PURE__ */ React15__default.createElement("div", { className: cn(
         "w-8 h-1 rounded-full transition-all",
@@ -621,8 +651,9 @@ var WeekView = ({
   locale,
   readonly
 }) => {
-  const start = startOfWeek(currentDate, { weekStartsOn: 1 });
-  const end = endOfWeek(currentDate, { weekStartsOn: 1 });
+  const weekStartsOn = locale?.options?.weekStartsOn ?? 1;
+  const start = startOfWeek(currentDate, { weekStartsOn });
+  const end = endOfWeek(currentDate, { weekStartsOn });
   const weekDays = eachDayOfInterval({ start, end });
   const hours = Array.from({ length: 24 }, (_, i) => i);
   const hourHeight = 60;
@@ -669,15 +700,15 @@ var WeekView = ({
     }
     return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React15__default.createElement("span", null, displayTime), /* @__PURE__ */ React15__default.createElement("span", { className: "text-[10px] opacity-75" }, "(", acronym, ")"));
   };
-  const timeFormat = locale?.code === "fr" ? "H:mm" : "h a";
-  const eventTimeFormat = locale?.code === "fr" ? "H:mm" : "h:mm a";
-  const nowFormat = locale?.code === "fr" ? "H:mm" : "h:mm";
+  const is24h = uses24HourClock(locale);
+  const timeFormat = is24h ? "H:mm" : "h a";
+  const eventTimeFormat = is24h ? "H:mm" : "h:mm a";
+  const nowFormat = is24h ? "H:mm" : "h:mm";
   return /* @__PURE__ */ React15__default.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__ */ React15__default.createElement(
     "div",
     {
       ref: scrollContainerRef,
-      className: "flex-1 overflow-y-auto scrollbar-hide relative bg-background scroll-smooth",
-      style: { scrollbarGutter: "stable" }
+      className: "flex-1 overflow-y-auto scrollbar-hide relative bg-background scroll-smooth"
     },
     /* @__PURE__ */ React15__default.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__ */ React15__default.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" }, getTimezoneDisplay(timezone)), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React15__default.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, format(day, "EEE", { locale })), /* @__PURE__ */ React15__default.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",
@@ -792,7 +823,7 @@ var WeekView = ({
                   className: cn(
                     "rounded-md border shadow-sm transition-all hover:shadow-md group overflow-hidden relative",
                     "glass",
-                    readonly ? "cursor-default" : "cursor-grab active:cursor-grabbing",
+                    readonly || isEventDragDisabled(event) ? "cursor-default" : "cursor-grab active:cursor-grabbing",
                     !event.color && "border-primary/20 bg-primary/10",
                     isShortEvent ? "px-1 flex items-center justify-center" : "p-2",
                     // Add active border for overlapped events to distinguish them
@@ -879,9 +910,10 @@ var DayView = ({
     const zonedStart = getZonedDate(e.start);
     return isSameDay(zonedStart, currentDate);
   });
-  const timeFormat = locale?.code === "fr" ? "H:mm" : "h a";
-  const eventTimeFormat = locale?.code === "fr" ? "H:mm" : "h:mm a";
-  const nowFormat = locale?.code === "fr" ? "H:mm" : "h:mm a";
+  const is24h = uses24HourClock(locale);
+  const timeFormat = is24h ? "H:mm" : "h a";
+  const eventTimeFormat = is24h ? "H:mm" : "h:mm a";
+  const nowFormat = is24h ? "H:mm" : "h:mm a";
   return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React15__default.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, format(currentDate, "EEEE, MMMM d, yyyy", { locale })), isToday(currentDate) && /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold bg-primary text-primary-foreground px-3 py-1 rounded-full shadow-md shadow-primary/20" }, "Today"))), /* @__PURE__ */ React15__default.createElement("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto relative" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex relative", style: { height: hours.length * hourHeight } }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, hours.map((hour) => /* @__PURE__ */ React15__default.createElement(
     "div",
     {
@@ -986,7 +1018,7 @@ var DayView = ({
             className: cn(
               "h-full rounded-lg border-[0.5px] shadow-sm overflow-hidden transition-all hover:shadow-lg hover:z-20 group",
               "glass backdrop-blur-sm",
-              readonly ? "cursor-default" : "cursor-grab active:cursor-grabbing",
+              readonly || isEventDragDisabled(event) ? "cursor-default" : "cursor-grab active:cursor-grabbing",
               !event.color && "bg-primary/10 border-primary/20",
               isShortEvent ? "px-2 flex items-center" : "px-3 py-2",
               count > 1 && "border-l-4"
@@ -1023,7 +1055,7 @@ var DayView = ({
     /* @__PURE__ */ React15__default.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 AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React15__default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-medium text-foreground" }, "All caught up!"), /* @__PURE__ */ React15__default.createElement("div", { className: "text-sm text-muted-foreground" }, "No events scheduled"))))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React15__default.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React15__default.createElement(
+var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React15__default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-medium text-foreground" }, translations?.allCaughtUp || "All caught up!"), /* @__PURE__ */ React15__default.createElement("div", { className: "text-sm text-muted-foreground" }, translations?.noEventsScheduled || "No events scheduled"))))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React15__default.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React15__default.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__ */ React15__default.createElement(
   "button",
   {
     onClick: onCreateEvent,
@@ -1040,17 +1072,22 @@ var formatDuration = (start, end) => {
   if (remainingMinutes === 0) return `${hours}h`;
   return `${hours}h ${remainingMinutes}m`;
 };
-var getDateLabel = (date) => {
-  if (isToday(date)) return "Today";
-  if (isTomorrow(date)) return "Tomorrow";
-  return format(date, "EEEE");
+var getDateLabel = (date, locale, translations) => {
+  if (isToday(date)) return translations?.today || "Today";
+  if (isTomorrow(date)) return translations?.tomorrow || "Tomorrow";
+  return format(date, "EEEE", { locale });
 };
 var AgendaView = ({
   currentDate,
   events,
   onEventClick,
-  onCreateEvent
+  onCreateEvent,
+  locale,
+  translations
 }) => {
+  const is24h = uses24HourClock(locale);
+  const timePattern = is24h ? "H:mm" : "h:mm a";
+  const compactTimePattern = is24h ? "H:mm" : "h:mm";
   const groupedEvents = useMemo(() => {
     const startDate = startOfDay(currentDate);
     const groups = [];
@@ -1077,7 +1114,7 @@ var AgendaView = ({
     hidden: { opacity: 0, x: -20 },
     show: { opacity: 1, x: 0 }
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React15__default.createElement(AgendaEmptyState, { onCreateEvent }) : /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React15__default.createElement(AgendaEmptyState, { onCreateEvent, translations }) : /* @__PURE__ */ React15__default.createElement(
     motion.div,
     {
       className: "max-w-3xl mx-auto w-full pb-10 px-4 md:px-6",
@@ -1095,10 +1132,10 @@ var AgendaView = ({
       /* @__PURE__ */ React15__default.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: cn(
         "flex flex-col items-center justify-center w-16 h-16 rounded-2xl transition-all",
         isToday(group.date) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30" : "bg-muted/50 text-foreground"
-      ) }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-2xl font-bold leading-none" }, format(group.date, "d")), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format(group.date, "MMM"))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React15__default.createElement("span", { className: cn(
+      ) }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-2xl font-bold leading-none" }, format(group.date, "d")), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format(group.date, "MMM", { locale }))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React15__default.createElement("span", { className: cn(
         "text-lg font-semibold",
         isToday(group.date) && "text-primary"
-      ) }, getDateLabel(group.date)), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " event", group.events.length !== 1 ? "s" : "")))),
+      ) }, getDateLabel(group.date, locale, translations)), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventPlural || "events" : translations?.eventSingular || "event")))),
       /* @__PURE__ */ React15__default.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event, eventIndex) => /* @__PURE__ */ React15__default.createElement(
         motion.div,
         {
@@ -1120,14 +1157,14 @@ var AgendaView = ({
             style: { backgroundColor: event.color || "var(--primary)" }
           }
         ),
-        /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold text-muted-foreground bg-muted/80 px-2.5 py-1 rounded-full" }, "All Day")) : /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-base font-semibold text-foreground" }, format(event.start, "h:mm")), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format(event.start, "a")), /* @__PURE__ */ React15__default.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
+        /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.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__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-base font-semibold text-foreground" }, format(event.start, compactTimePattern, { locale })), !is24h && /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format(event.start, "a")), /* @__PURE__ */ React15__default.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
         /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React15__default.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React15__default.createElement(
           "div",
           {
             className: "w-3 h-3 rounded-full shrink-0 mt-1.5",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
-        )), event.description && /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, format(event.start, "h:mm a"), " - ", format(event.end, "h:mm a"))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.guests.length, " guest", event.guests.length !== 1 ? "s" : "")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.reminders.length)))),
+        )), event.description && /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, format(event.start, timePattern, { locale }), " - ", format(event.end, timePattern, { locale }))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount || "guests" : translations?.guestCount || "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.reminders.length)))),
         /* @__PURE__ */ React15__default.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React15__default.createElement("path", { d: "M9 18l6-6-6-6" })))
       )))
     ))
@@ -1144,7 +1181,7 @@ var ResourceView = ({
   const containerRef = useRef(null);
   const hours = Array.from({ length: 24 }, (_, i) => i);
   const hourWidth = 100;
-  const timeFormat = locale?.code === "fr" ? "H:mm" : "h a";
+  const timeFormat = uses24HourClock(locale) ? "H:mm" : "h a";
   const getEventStyle = (event) => {
     const start = new Date(event.start);
     const end = new Date(event.end);
@@ -2023,6 +2060,146 @@ var useEventContextMenu = () => {
   };
 };
 
+// src/locales/index.ts
+var en = {
+  today: "Today",
+  month: "Month",
+  week: "Week",
+  day: "Day",
+  agenda: "Agenda",
+  resource: "Resources",
+  createEvent: "Create Event",
+  editEvent: "Edit Event",
+  delete: "Delete",
+  save: "Save",
+  cancel: "Cancel",
+  title: "Add title",
+  start: "Start",
+  end: "End",
+  allDay: "All Day",
+  description: "Description",
+  repeat: "Repeat",
+  noRepeat: "Does not repeat",
+  selectCalendar: "Select Calendar",
+  selectType: "Select Type",
+  daily: "Daily",
+  weekly: "Weekly",
+  monthly: "Monthly",
+  yearly: "Yearly",
+  search: "Search events...",
+  allTypes: "All Types",
+  timezone: "Time zone",
+  localTime: "Local Time",
+  create: "Create",
+  calendars: "Calendars",
+  event: "Event",
+  task: "Task",
+  appointmentSchedule: "Appointment schedule",
+  new: "New",
+  dateAndTime: "Date & Time",
+  whosJoining: "Who's joining?",
+  suggestedTimes: "Suggested times for guests",
+  viewSuggestions: "View suggestions",
+  whereWillItBe: "Where will it be?",
+  location: "Enter address",
+  descriptionAndAttachments: "Description",
+  dragAndDrop: "Drag & drop files or",
+  guests: "Guests",
+  addGuests: "Add guests",
+  addAttachment: "Upload files",
+  moreOptions: "More options",
+  doesNotRepeat: "Does not repeat",
+  locationHelpText: 'Enter a physical address (e.g. "123 Main St") to generate the map.',
+  notes: "Notes...",
+  guestCount: "guest",
+  guestsCount: "guests",
+  repeatFor: "Repeat for",
+  times: "times",
+  until: "Until",
+  endRepeat: "End repeat",
+  never: "Never",
+  afterOccurrences: "After occurrences",
+  onDate: "On date",
+  tomorrow: "Tomorrow",
+  edit: "Edit",
+  duplicate: "Duplicate",
+  eventSingular: "event",
+  eventPlural: "events",
+  allCaughtUp: "All caught up!",
+  noEventsScheduled: "No events scheduled",
+  noUpcoming: "Your schedule is clear",
+  noUpcomingHint: "No upcoming events to show. Create a new event to start planning."
+};
+var fr = {
+  today: "Aujourd'hui",
+  month: "Mois",
+  week: "Semaine",
+  day: "Jour",
+  agenda: "Agenda",
+  resource: "Ressources",
+  createEvent: "Cr\xE9er un \xE9v\xE9nement",
+  editEvent: "Modifier l'\xE9v\xE9nement",
+  delete: "Supprimer",
+  save: "Enregistrer",
+  cancel: "Annuler",
+  title: "Ajouter un titre",
+  start: "D\xE9but",
+  end: "Fin",
+  allDay: "Toute la journ\xE9e",
+  description: "Description",
+  repeat: "R\xE9p\xE9ter",
+  noRepeat: "Ne se r\xE9p\xE8te pas",
+  selectCalendar: "S\xE9lectionner un calendrier",
+  selectType: "S\xE9lectionner un type",
+  daily: "Quotidien",
+  weekly: "Hebdomadaire",
+  monthly: "Mensuel",
+  yearly: "Annuel",
+  search: "Rechercher...",
+  allTypes: "Tous les types",
+  timezone: "Fuseau horaire",
+  localTime: "Heure locale",
+  create: "Cr\xE9er",
+  calendars: "Calendriers",
+  event: "\xC9v\xE9nement",
+  task: "T\xE2che",
+  appointmentSchedule: "Planning de rendez-vous",
+  new: "Nouveau",
+  dateAndTime: "Date et heure",
+  whosJoining: "Qui participe ?",
+  suggestedTimes: "Horaires sugg\xE9r\xE9s",
+  viewSuggestions: "Voir les suggestions",
+  whereWillItBe: "O\xF9 aura lieu ?",
+  location: "Entrer une adresse",
+  descriptionAndAttachments: "Description",
+  dragAndDrop: "Glisser-d\xE9poser des fichiers ou",
+  guests: "Invit\xE9s",
+  addGuests: "Ajouter des invit\xE9s",
+  addAttachment: "T\xE9l\xE9charger des fichiers",
+  moreOptions: "Plus d'options",
+  doesNotRepeat: "Ne se r\xE9p\xE8te pas",
+  locationHelpText: 'Entrez une adresse physique (ex: "123 Rue Principale") pour g\xE9n\xE9rer la carte.',
+  notes: "Notes...",
+  guestCount: "invit\xE9",
+  guestsCount: "invit\xE9s",
+  repeatFor: "R\xE9p\xE9ter pendant",
+  times: "fois",
+  until: "Jusqu'au",
+  endRepeat: "Fin de r\xE9p\xE9tition",
+  never: "Jamais",
+  afterOccurrences: "Apr\xE8s occurrences",
+  onDate: "\xC0 la date",
+  tomorrow: "Demain",
+  edit: "Modifier",
+  duplicate: "Dupliquer",
+  eventSingular: "\xE9v\xE9nement",
+  eventPlural: "\xE9v\xE9nements",
+  allCaughtUp: "Tout est \xE0 jour !",
+  noEventsScheduled: "Aucun \xE9v\xE9nement pr\xE9vu",
+  noUpcoming: "Votre planning est libre",
+  noUpcomingHint: "Aucun \xE9v\xE9nement \xE0 venir. Cr\xE9ez un nouvel \xE9v\xE9nement pour commencer \xE0 planifier."
+};
+
 // src/lib/theme.ts
 function colorToHsl(color) {
   let r = 0, g = 0, b = 0;
@@ -2509,33 +2686,12 @@ var Scheduler = ({
   };
   const id = useId();
   const swipeRef = useViewSwipe(handlePrev, handleNext, true);
+  const languagePack = language === "fr" ? fr : en;
   const t = {
-    today: "Today",
-    month: "Month",
-    week: "Week",
-    day: "Day",
-    agenda: "Agenda",
-    resource: "Resource",
-    createEvent: "Create Event",
-    editEvent: "Edit Event",
-    delete: "Delete",
-    save: "Save",
-    cancel: "Cancel",
-    title: "Title",
-    start: "Start",
-    end: "End",
-    allDay: "All Day",
-    description: "Description",
-    repeat: "Repeat",
-    noRepeat: "Does not repeat",
-    selectCalendar: "Select Calendar",
-    selectType: "Select Type",
-    daily: "Daily",
-    weekly: "Weekly",
-    monthly: "Monthly",
-    yearly: "Yearly",
+    ...languagePack,
     ...translations
   };
+  const overlayTimeFormat = uses24HourClock(locale) ? "H:mm" : "h:mm a";
   const handleDragStart = (event) => {
     const { active } = event;
     const draggedEvent = expandedEvents.find((e) => e.id === active.id);
@@ -2637,7 +2793,8 @@ var Scheduler = ({
             readOnly,
             calendars,
             onCalendarToggle,
-            translations: t
+            translations: t,
+            locale
           }
         )
       ), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative" }, isLoading ? /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React15__default.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React15__default.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React15__default.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React15__default.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React15__default.createElement(WeekViewSkeleton, null))) : /* @__PURE__ */ React15__default.createElement("div", { ref: swipeRef, className: "flex-1 overflow-auto p-0 md:p-4 touch-pan-y" }, /* @__PURE__ */ React15__default.createElement("div", { className: "h-full min-w-full" }, /* @__PURE__ */ React15__default.createElement(AnimatePresence, { mode: "wait", initial: false }, /* @__PURE__ */ React15__default.createElement(
@@ -2708,7 +2865,9 @@ var Scheduler = ({
             currentDate,
             events: filteredEvents,
             onEventClick: handleEventClickInternal,
-            onCreateEvent: handleCreateEvent
+            onCreateEvent: handleCreateEvent,
+            locale,
+            translations: t
           }
         ),
         view === "resource" && resources && /* @__PURE__ */ React15__default.createElement(
@@ -2781,9 +2940,9 @@ var Scheduler = ({
             closeContextMenu();
           },
           translations: {
-            edit: t.editEvent || "Edit",
+            edit: t.edit || t.editEvent || "Edit",
             delete: t.delete || "Delete",
-            duplicate: "Duplicate"
+            duplicate: t.duplicate || "Duplicate"
           }
         }
       ),
@@ -2811,7 +2970,7 @@ var Scheduler = ({
             className: "absolute left-0 top-0 bottom-0 w-1 rounded-l-lg",
             style: { backgroundColor: activeDragEvent.color || "var(--primary)" }
           }
-        ), /* @__PURE__ */ React15__default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React15__default.createElement("path", { d: "M12 6v6l4 2" })), format(activeDragEvent.start, "h:mm a"), " - ", format(activeDragEvent.end, "h:mm a"))), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
+        ), /* @__PURE__ */ React15__default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React15__default.createElement("path", { d: "M12 6v6l4 2" })), format(activeDragEvent.start, overlayTimeFormat, { locale }), " - ", format(activeDragEvent.end, overlayTimeFormat, { locale }))), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
       ) : null)
     )
   );