@object-ui/plugin-calendar 4.0.7 → 4.0.9

package/dist/index.js

@@ -3,25 +3,48 @@ import t, { useCallback as n, useEffect as r, useMemo as i, useRef as a, useStat
 import { ComponentRegistry as s, buildExpandFields as c, extractRecords as l } from "@object-ui/core";
 import { useNavigationOverlay as u, useSchemaContext as d } from "@object-ui/react";
 import { CalendarIcon as f, ChevronLeftIcon as p, ChevronRightIcon as m, PlusIcon as h } from "lucide-react";
-import { Button as g, Calendar as _, NavigationOverlay as v, Popover as y, PopoverContent as b, PopoverTrigger as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, cn as D, useIsMobile as O } from "@object-ui/components";
-import { useObjectTranslation as k } from "@object-ui/i18n";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { usePullToRefresh as M } from "@object-ui/mobile";
+import { Button as g, Calendar as _, Dialog as v, DialogContent as y, DialogDescription as b, DialogFooter as x, DialogHeader as S, DialogTitle as C, Input as w, Label as T, Popover as E, PopoverContent as D, PopoverTrigger as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as ee, SelectValue as M, cn as N, useIsMobile as P } from "@object-ui/components";
+import { useObjectTranslation as F } from "@object-ui/i18n";
+import { Fragment as te, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { usePullToRefresh as ne } from "@object-ui/mobile";
+import { RecordDetailDrawer as re, deriveRecordPageHref as ie } from "@object-ui/plugin-detail";
 //#region src/CalendarView.tsx
-var N = "bg-blue-500 text-white", P = /* @__PURE__ */ new Date(), F = {
+var R = "bg-blue-100 text-blue-900 border border-blue-200", ae = /* @__PURE__ */ new Date(), z = [
+	"bg-blue-100 text-blue-900 border border-blue-200",
+	"bg-emerald-100 text-emerald-900 border border-emerald-200",
+	"bg-amber-100 text-amber-900 border border-amber-200",
+	"bg-rose-100 text-rose-900 border border-rose-200",
+	"bg-violet-100 text-violet-900 border border-violet-200",
+	"bg-cyan-100 text-cyan-900 border border-cyan-200",
+	"bg-orange-100 text-orange-900 border border-orange-200",
+	"bg-fuchsia-100 text-fuchsia-900 border border-fuchsia-200"
+], oe = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i, se = /(^|\s)(bg|text|from|to|via)-/;
+function B(e) {
+	if (!e) return { className: R };
+	if (oe.test(e)) return {
+		className: "text-white",
+		inlineColor: e
+	};
+	if (se.test(e)) return { className: e };
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = (t << 5) - t + e.charCodeAt(n) | 0;
+	return { className: z[Math.abs(t) % z.length] };
+}
+var V = {
 	"calendar.today": "Today",
 	"calendar.month": "Month",
 	"calendar.week": "Week",
 	"calendar.day": "Day",
 	"calendar.newEvent": "New event",
-	"calendar.moreEvents": "+{{count}} more"
+	"calendar.moreEvents": "+{{count}} more",
+	"calendar.allDay": "all-day"
 };
-function I() {
+function H() {
 	try {
-		let e = k();
+		let e = F();
 		return e.t("calendar.today") === "calendar.today" ? {
 			t: (e, t) => {
-				let n = F[e] || e;
+				let n = V[e] || e;
 				if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 				return n;
 			},
@@ -33,7 +56,7 @@ function I() {
 	} catch {
 		return {
 			t: (e, t) => {
-				let n = F[e] || e;
+				let n = V[e] || e;
 				if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 				return n;
 			},
@@ -41,184 +64,191 @@ function I() {
 		};
 	}
 }
-function L({ events: t = [], view: n = "month", currentDate: r = P, locale: i = "default", onEventClick: a, onDateClick: o, onViewChange: s, onNavigate: c, onAddClick: l, onEventDrop: u, className: d }) {
-	let [v, O] = e.useState(n), [k, M] = e.useState(r), { t: N, language: F } = I(), L = i === "default" ? F : i;
+function ce({ events: t = [], view: n = "month", currentDate: r = ae, locale: i = "default", onEventClick: a, onDateClick: o, onViewChange: s, onNavigate: c, onAddClick: l, onEventDrop: u, onTimeRangeSelect: d, slotMinutes: v = 30, className: y }) {
+	let [b, x] = e.useState(n), [S, C] = e.useState(r), { t: w, language: T } = H(), P = i === "default" ? T : i;
 	e.useEffect(() => {
-		M(r);
+		C(r);
 	}, [r]), e.useEffect(() => {
-		O(n);
+		x(n);
 	}, [n]);
-	let z = e.useRef(s);
-	z.current = s, e.useEffect(() => {
+	let F = e.useRef(s);
+	F.current = s, e.useEffect(() => {
 		let e = window.matchMedia("(max-width: 639px)"), t = (e) => {
-			e.matches && (O("day"), z.current?.("day"));
+			e.matches && (x("day"), F.current?.("day"));
 		};
 		return t(e), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let B = () => {
-		let e = new Date(k);
-		v === "month" ? e.setMonth(e.getMonth() - 1) : v === "week" ? e.setDate(e.getDate() - 7) : e.setDate(e.getDate() - 1), M(e), c?.(e);
-	}, V = () => {
-		let e = new Date(k);
-		v === "month" ? e.setMonth(e.getMonth() + 1) : v === "week" ? e.setDate(e.getDate() + 7) : e.setDate(e.getDate() + 1), M(e), c?.(e);
-	}, G = () => {
+	let te = () => {
+		let e = new Date(S);
+		b === "month" ? e.setMonth(e.getMonth() - 1) : b === "week" ? e.setDate(e.getDate() - 7) : e.setDate(e.getDate() - 1), C(e), c?.(e);
+	}, ne = () => {
+		let e = new Date(S);
+		b === "month" ? e.setMonth(e.getMonth() + 1) : b === "week" ? e.setDate(e.getDate() + 7) : e.setDate(e.getDate() + 1), C(e), c?.(e);
+	}, re = () => {
 		let e = /* @__PURE__ */ new Date();
-		M(e), c?.(e);
-	}, K = (e) => {
-		O(e), s?.(e);
-	}, q = () => {
-		if (v === "month") return k.toLocaleDateString(L, {
+		C(e), c?.(e);
+	}, ie = (e) => {
+		x(e), s?.(e);
+	}, R = () => {
+		if (b === "month") return S.toLocaleDateString(P, {
 			month: "long",
 			year: "numeric"
 		});
-		if (v === "week") {
-			let e = R(k), t = new Date(e);
-			return t.setDate(t.getDate() + 6), `${e.toLocaleDateString(L, {
+		if (b === "week") {
+			let e = le(S), t = new Date(e);
+			return t.setDate(t.getDate() + 6), `${e.toLocaleDateString(P, {
 				month: "short",
 				day: "numeric"
-			})} - ${t.toLocaleDateString(L, {
+			})} - ${t.toLocaleDateString(P, {
 				month: "short",
 				day: "numeric",
 				year: "numeric"
 			})}`;
-		} else return k.toLocaleDateString(L, {
+		} else return S.toLocaleDateString(P, {
 			weekday: "long",
 			month: "long",
 			day: "numeric",
 			year: "numeric"
 		});
-	}, J = e.useRef(0);
-	return /* @__PURE__ */ j("div", {
+	}, z = e.useRef(0);
+	return /* @__PURE__ */ L("div", {
 		role: "region",
 		"aria-label": "Calendar",
-		className: D("flex flex-col h-full bg-background min-w-0 overflow-hidden", d),
-		children: [/* @__PURE__ */ j("div", {
+		className: N("flex flex-col h-full bg-background min-w-0 overflow-hidden", y),
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center justify-between gap-2 p-2 sm:p-4 border-b min-w-0",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "flex items-center bg-muted/50 rounded-lg p-1 gap-1",
 					children: [
-						/* @__PURE__ */ A(g, {
+						/* @__PURE__ */ I(g, {
 							variant: "ghost",
 							size: "sm",
-							onClick: G,
+							onClick: re,
 							className: "h-8",
 							"aria-label": "Go to today",
-							children: N("calendar.today")
+							children: w("calendar.today")
 						}),
-						/* @__PURE__ */ A("div", { className: "h-4 w-px bg-border mx-1" }),
-						/* @__PURE__ */ A(g, {
+						/* @__PURE__ */ I("div", { className: "h-4 w-px bg-border mx-1" }),
+						/* @__PURE__ */ I(g, {
 							variant: "ghost",
 							size: "icon",
 							"aria-label": "Previous period",
-							onClick: B,
+							onClick: te,
 							className: "h-8 w-8",
-							children: /* @__PURE__ */ A(p, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ I(p, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ A(g, {
+						/* @__PURE__ */ I(g, {
 							variant: "ghost",
 							size: "icon",
 							"aria-label": "Next period",
-							onClick: V,
+							onClick: ne,
 							className: "h-8 w-8",
-							children: /* @__PURE__ */ A(m, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ I(m, { className: "h-4 w-4" })
 						})
 					]
-				}), /* @__PURE__ */ j(y, { children: [/* @__PURE__ */ A(x, {
+				}), /* @__PURE__ */ L(E, { children: [/* @__PURE__ */ I(O, {
 					asChild: !0,
-					children: /* @__PURE__ */ j(g, {
+					children: /* @__PURE__ */ L(g, {
 						variant: "ghost",
-						"aria-label": `Current date: ${q()}`,
-						className: D("text-base sm:text-xl font-semibold h-auto px-2 sm:px-3 py-1 hover:bg-muted/50 transition-colors", "flex items-center gap-2"),
-						children: [/* @__PURE__ */ A(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ A("span", { children: q() })]
+						"aria-label": `Current date: ${R()}`,
+						className: N("text-base sm:text-xl font-semibold h-auto px-2 sm:px-3 py-1 hover:bg-muted/50 transition-colors", "flex items-center gap-2"),
+						children: [/* @__PURE__ */ I(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("span", { children: R() })]
 					})
-				}), /* @__PURE__ */ A(b, {
+				}), /* @__PURE__ */ I(D, {
 					className: "w-auto p-0",
 					align: "start",
-					children: /* @__PURE__ */ A(_, {
+					children: /* @__PURE__ */ I(_, {
 						mode: "single",
-						selected: k,
+						selected: S,
 						onSelect: (e) => {
-							e && (M(e), c?.(e));
+							e && (C(e), c?.(e));
 						},
 						initialFocus: !0,
 						fromYear: 2e3,
 						toYear: 2050
 					})
 				})] })]
-			}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ j(S, {
-					value: v,
-					onValueChange: K,
-					children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ L(k, {
+					value: b,
+					onValueChange: ie,
+					children: [/* @__PURE__ */ I(ee, {
 						className: "w-32 bg-background",
-						children: /* @__PURE__ */ A(E, {})
-					}), /* @__PURE__ */ j(C, { children: [
-						/* @__PURE__ */ A(w, {
+						children: /* @__PURE__ */ I(M, {})
+					}), /* @__PURE__ */ L(A, { children: [
+						/* @__PURE__ */ I(j, {
 							value: "day",
-							children: N("calendar.day")
+							children: w("calendar.day")
 						}),
-						/* @__PURE__ */ A(w, {
+						/* @__PURE__ */ I(j, {
 							value: "week",
-							children: N("calendar.week")
+							children: w("calendar.week")
 						}),
-						/* @__PURE__ */ A(w, {
+						/* @__PURE__ */ I(j, {
 							value: "month",
-							children: N("calendar.month")
+							children: w("calendar.month")
 						})
 					] })]
-				}), l && /* @__PURE__ */ j(g, {
+				}), l && /* @__PURE__ */ L(g, {
 					onClick: l,
 					size: "sm",
 					className: "gap-1",
-					children: [/* @__PURE__ */ A(h, { className: "h-4 w-4" }), N("calendar.newEvent")]
+					children: [/* @__PURE__ */ I(h, { className: "h-4 w-4" }), w("calendar.newEvent")]
 				})]
 			})]
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "flex-1 overflow-auto",
 			onTouchStart: (e) => {
-				J.current = e.touches[0].clientX;
+				z.current = e.touches[0].clientX;
 			},
 			onTouchEnd: (e) => {
-				let t = J.current - e.changedTouches[0].clientX;
+				let t = z.current - e.changedTouches[0].clientX;
 				if (Math.abs(t) > 50) {
-					let e = new Date(k);
-					v === "day" ? e.setDate(e.getDate() + (t > 0 ? 1 : -1)) : v === "week" ? e.setDate(e.getDate() + (t > 0 ? 7 : -7)) : e.setMonth(e.getMonth() + (t > 0 ? 1 : -1)), M(e), c?.(e);
+					let e = new Date(S);
+					b === "day" ? e.setDate(e.getDate() + (t > 0 ? 1 : -1)) : b === "week" ? e.setDate(e.getDate() + (t > 0 ? 7 : -7)) : e.setMonth(e.getMonth() + (t > 0 ? 1 : -1)), C(e), c?.(e);
 				}
 			},
 			children: [
-				v === "month" && /* @__PURE__ */ A(H, {
-					date: k,
+				b === "month" && /* @__PURE__ */ I(fe, {
+					date: S,
 					events: t,
-					locale: L,
+					locale: P,
 					onEventClick: a,
 					onDateClick: o,
 					onEventDrop: u
 				}),
-				v === "week" && /* @__PURE__ */ A(U, {
-					date: k,
+				b === "week" && /* @__PURE__ */ I(q, {
+					mode: "week",
+					date: S,
 					events: t,
-					locale: L,
+					locale: P,
+					slotMinutes: v,
 					onEventClick: a,
-					onDateClick: o
+					onEventDrop: u,
+					onTimeRangeSelect: d
 				}),
-				v === "day" && /* @__PURE__ */ A(W, {
-					date: k,
+				b === "day" && /* @__PURE__ */ I(q, {
+					mode: "day",
+					date: S,
 					events: t,
+					locale: P,
+					slotMinutes: v,
 					onEventClick: a,
-					onDateClick: o
+					onEventDrop: u,
+					onTimeRangeSelect: d
 				})
 			]
 		})]
 	});
 }
-function R(e) {
+function le(e) {
 	let t = new Date(e), n = t.getDay(), r = t.getDate() - n;
 	return t.setDate(r), t;
 }
-function z(e) {
+function ue(e) {
 	let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1), i = new Date(t, n + 1, 0), a = r.getDay(), o = [];
 	for (let e = a - 1; e >= 0; e--) {
 		let t = new Date(r.getTime());
@@ -232,23 +262,11 @@ function z(e) {
 	}
 	return o;
 }
-function B(e, t) {
+function de(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function V(e, t) {
-	return t.filter((t) => {
-		let n = new Date(t.start), r = t.end ? new Date(t.end) : new Date(n), i = new Date(e);
-		i.setHours(0, 0, 0, 0);
-		let a = new Date(e);
-		a.setHours(23, 59, 59, 999);
-		let o = new Date(n);
-		o.setHours(0, 0, 0, 0);
-		let s = new Date(r);
-		return s.setHours(23, 59, 59, 999), i <= s && a >= o;
-	});
-}
-function H({ date: t, events: n, locale: r = "default", onEventClick: i, onDateClick: a, onEventDrop: o }) {
-	let s = e.useMemo(() => z(t), [t.getFullYear(), t.getMonth()]), c = e.useMemo(() => /* @__PURE__ */ new Date(), []), { t: l } = I(), u = e.useMemo(() => {
+function fe({ date: t, events: n, locale: r = "default", onEventClick: i, onDateClick: a, onEventDrop: o }) {
+	let s = e.useMemo(() => ue(t), [t.getFullYear(), t.getMonth()]), c = e.useMemo(() => /* @__PURE__ */ new Date(), []), { t: l } = H(), u = e.useMemo(() => {
 		let e = new Date(2024, 0, 7);
 		return Array.from({ length: 7 }, (t, n) => {
 			let i = new Date(e);
@@ -261,13 +279,24 @@ function H({ date: t, events: n, locale: r = "default", onEventClick: i, onDateC
 			n.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0);
 			let i = new Date(n);
 			for (; i <= r;) {
-				let n = `${i.getFullYear()}-${i.getMonth()}-${i.getDate()}`, r = e.get(n);
-				r ? r.push(t) : e.set(n, [t]), i.setDate(i.getDate() + 1);
+				let a = `${i.getFullYear()}-${i.getMonth()}-${i.getDate()}`, o = i.getTime() === n.getTime(), s = i.getTime() === r.getTime(), c = o || s || i.getDay() === 0, l = e.get(a), u = {
+					event: t,
+					isTitleDay: c,
+					isSpanStart: o,
+					isSpanEnd: s
+				};
+				l ? l.push(u) : e.set(a, [u]), i.setDate(i.getDate() + 1);
 			}
 		}
 		return e;
-	}, [n]), g = (e, t) => {
-		f(t.id), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t.id));
+	}, [n]), g = (e, t, n = "move", r) => {
+		f(t.id), e.dataTransfer.effectAllowed = "move";
+		let i = {
+			id: t.id,
+			mode: n,
+			...r ? { sourceDay: `${r.getFullYear()}-${r.getMonth()}-${r.getDate()}` } : {}
+		};
+		e.dataTransfer.setData("text/plain", JSON.stringify(i)), n === "resize-end" && e.stopPropagation();
 	}, _ = () => {
 		f(null), m(null);
 	}, v = (e, t) => {
@@ -276,34 +305,55 @@ function H({ date: t, events: n, locale: r = "default", onEventClick: i, onDateC
 		e.currentTarget.contains(e.relatedTarget) || m(null);
 	}, b = (e, t) => {
 		if (e.preventDefault(), m(null), f(null), !o) return;
-		let r = e.dataTransfer.getData("text/plain"), i = n.find((e) => String(e.id) === r);
-		if (!i) return;
-		let a = new Date(i.start), s = new Date(a);
-		s.setHours(0, 0, 0, 0);
-		let c = new Date(t);
-		c.setHours(0, 0, 0, 0);
-		let l = c.getTime() - s.getTime();
-		if (l === 0) return;
-		let u = new Date(a.getTime() + l), d;
-		i.end && (d = new Date(new Date(i.end).getTime() + l)), o(i, u, d);
+		let r = e.dataTransfer.getData("text/plain"), i;
+		try {
+			i = JSON.parse(r);
+		} catch {
+			i = {
+				id: r,
+				mode: "move"
+			};
+		}
+		let a = n.find((e) => String(e.id) === String(i.id));
+		if (!a) return;
+		let s = new Date(t);
+		if (s.setHours(0, 0, 0, 0), i.mode === "resize-end") {
+			let e = a.end ? new Date(a.end) : new Date(a.start), t = new Date(e);
+			if (t.setHours(0, 0, 0, 0), s.getTime() === t.getTime()) return;
+			let n = new Date(a.start);
+			if (n.setHours(0, 0, 0, 0), s.getTime() < n.getTime()) return;
+			let r = new Date(s);
+			r.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), 0), o(a, new Date(a.start), r);
+			return;
+		}
+		let c = new Date(a.start), l;
+		if (i.sourceDay) {
+			let [e, t, n] = i.sourceDay.split("-").map((e) => parseInt(e, 10));
+			l = new Date(e, t, n);
+		} else l = new Date(c);
+		l.setHours(0, 0, 0, 0);
+		let u = s.getTime() - l.getTime();
+		if (u === 0) return;
+		let d = new Date(c.getTime() + u), p;
+		a.end && (p = new Date(new Date(a.end).getTime() + u)), o(a, d, p);
 	};
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ I("div", {
 			role: "row",
 			className: "grid grid-cols-7 border-b",
-			children: u.map((e) => /* @__PURE__ */ A("div", {
+			children: u.map((e) => /* @__PURE__ */ I("div", {
 				role: "columnheader",
 				className: "p-2 text-center text-sm font-medium text-muted-foreground border-r last:border-r-0",
 				children: e
 			}, e))
-		}), /* @__PURE__ */ A("div", {
+		}), /* @__PURE__ */ I("div", {
 			role: "grid",
 			"aria-label": "Calendar grid",
 			className: "grid grid-cols-7 flex-1 auto-rows-fr",
 			children: s.map((e, n) => {
-				let r = `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, s = h.get(r) || [], u = e.getMonth() === t.getMonth(), f = B(e, c);
-				return /* @__PURE__ */ j("div", {
+				let r = `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, s = h.get(r) || [], u = e.getMonth() === t.getMonth(), f = de(e, c);
+				return /* @__PURE__ */ L("div", {
 					role: "gridcell",
 					"aria-label": `${e.toLocaleDateString("default", {
 						weekday: "long",
@@ -311,33 +361,45 @@ function H({ date: t, events: n, locale: r = "default", onEventClick: i, onDateC
 						day: "numeric",
 						year: "numeric"
 					})}${s.length > 0 ? `, ${s.length} event${s.length > 1 ? "s" : ""}` : ""}`,
-					className: D("border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50", !u && "bg-muted/50 text-muted-foreground opacity-50", p === n && "ring-2 ring-primary"),
+					className: N("border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50", !u && "bg-muted/50 text-muted-foreground opacity-50", p === n && "ring-2 ring-primary"),
 					onClick: () => a?.(e),
 					onDragOver: (e) => v(e, n),
 					onDragLeave: y,
 					onDrop: (t) => b(t, e),
-					children: [/* @__PURE__ */ A("div", {
-						className: D("text-sm font-medium mb-2", f && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6"),
+					children: [/* @__PURE__ */ I("div", {
+						className: N("text-sm font-medium mb-2", f && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6"),
 						...f ? { "aria-current": "date" } : {},
 						children: e.getDate()
-					}), /* @__PURE__ */ j("div", {
-						className: "space-y-1",
-						children: [s.slice(0, 3).map((e) => /* @__PURE__ */ A("div", {
-							role: "button",
-							title: e.title,
-							"aria-label": e.title,
-							draggable: !!o,
-							onDragStart: (t) => g(t, e),
-							onDragEnd: _,
-							className: D("text-xs px-2 py-1 rounded truncate cursor-pointer hover:opacity-80", e.color?.startsWith("#") ? "text-white" : e.color || N, d === e.id && "opacity-50"),
-							style: e.color && e.color.startsWith("#") ? { backgroundColor: e.color } : void 0,
-							onClick: (t) => {
-								t.stopPropagation(), i?.(e);
-							},
-							children: e.title
-						}, e.id)), s.length > 3 && /* @__PURE__ */ A("div", {
+					}), /* @__PURE__ */ L("div", {
+						className: "space-y-0.5",
+						children: [s.slice(0, 4).map(({ event: t, isTitleDay: n, isSpanStart: r, isSpanEnd: a }, s) => {
+							let c = !n, { className: l, inlineColor: u } = B(t.color), f = !!o && a;
+							return /* @__PURE__ */ L("div", {
+								role: "button",
+								title: t.title,
+								"aria-label": t.title,
+								draggable: !!o,
+								onDragStart: (n) => g(n, t, "move", e),
+								onDragEnd: _,
+								className: N("relative text-xs hover:opacity-80 truncate", o ? "cursor-move" : "cursor-pointer", c ? "h-1.5" : "px-2 py-0.5", r ? "rounded-l" : "rounded-l-none", a ? "rounded-r" : "rounded-r-none", !a && "-mr-2", l, d === t.id && "opacity-50"),
+								style: u ? { backgroundColor: u } : void 0,
+								onClick: (e) => {
+									e.stopPropagation(), i?.(t);
+								},
+								children: [c ? "" : t.title, f && /* @__PURE__ */ I("span", {
+									role: "separator",
+									"aria-label": "Resize event end",
+									title: "Drag to change end date",
+									draggable: !0,
+									onDragStart: (n) => g(n, t, "resize-end", e),
+									onDragEnd: _,
+									onClick: (e) => e.stopPropagation(),
+									className: "absolute inset-y-0 right-0 w-2 cursor-ew-resize bg-black/25 hover:bg-black/50 rounded-r"
+								})]
+							}, `${t.id}-${s}`);
+						}), s.length > 4 && /* @__PURE__ */ I("div", {
 							className: "text-xs text-muted-foreground px-2",
-							children: l("calendar.moreEvents", { count: s.length - 3 })
+							children: l("calendar.moreEvents", { count: s.length - 4 })
 						})]
 					})]
 				}, n);
@@ -345,134 +407,437 @@ function H({ date: t, events: n, locale: r = "default", onEventClick: i, onDateC
 		})]
 	});
 }
-function U({ date: t, events: n, locale: r = "default", onEventClick: i, onDateClick: a }) {
-	let o = e.useRef(null), s = (e) => {
-		a && (o.current = setTimeout(() => {
-			a(e);
-		}, 500));
-	}, c = () => {
-		o.current &&= (clearTimeout(o.current), null);
-	}, l = R(t), u = Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(l);
-		return n.setDate(n.getDate() + t), n;
-	}), d = /* @__PURE__ */ new Date();
-	return /* @__PURE__ */ j("div", {
+var U = 48;
+function W(e) {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t;
+}
+function G(e) {
+	return e.getHours() * 60 + e.getMinutes();
+}
+function K(e) {
+	return `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`;
+}
+function q({ mode: t, date: n, events: r, locale: i = "default", slotMinutes: a = 30, onEventClick: o, onEventDrop: s, onTimeRangeSelect: c }) {
+	let { t: l } = H(), u = U * a / 60, d = U * 24, f = e.useMemo(() => {
+		if (t === "day") return [W(n)];
+		let e = le(n);
+		return Array.from({ length: 7 }, (t, n) => {
+			let r = new Date(e);
+			return r.setDate(e.getDate() + n), W(r);
+		});
+	}, [
+		t,
+		n.getFullYear(),
+		n.getMonth(),
+		n.getDate()
+	]), p = e.useMemo(() => /* @__PURE__ */ new Date(), []), m = e.useCallback((e) => {
+		if (e.allDay) return !0;
+		let t = new Date(e.start), n = e.end ? new Date(e.end) : new Date(t), r = t.getHours() === 0 && t.getMinutes() === 0 && t.getSeconds() === 0, i = n.getHours() === 0 && n.getMinutes() === 0 && n.getSeconds() === 0, a = n.getTime() - t.getTime();
+		return !!(r && i || a >= 1440 * 60 * 1e3);
+	}, []), { allDayEvents: h, timedEvents: g } = e.useMemo(() => {
+		let e = [], t = [];
+		for (let n of r) m(n) ? e.push(n) : t.push(n);
+		return {
+			allDayEvents: e,
+			timedEvents: t
+		};
+	}, [r, m]), _ = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of f) e.set(K(t), []);
+		for (let t of h) {
+			let n = W(new Date(t.start)), r = t.end ? new Date(t.end) : new Date(t.start), i = W(r);
+			r.getHours() === 0 && r.getMinutes() === 0 && r.getSeconds() === 0 && r.getTime() > n.getTime() && (i = new Date(i), i.setDate(i.getDate() - 1));
+			for (let r of f) {
+				let a = W(r);
+				a < n || a > i || e.get(K(r)).push({
+					event: t,
+					isStart: a.getTime() === n.getTime(),
+					isEnd: a.getTime() === i.getTime()
+				});
+			}
+		}
+		return e;
+	}, [f, h]), v = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of f) e.set(K(t), []);
+		for (let t of g) {
+			let n = new Date(t.start), r = t.end ? new Date(t.end) : new Date(n.getTime() + 3600 * 1e3);
+			for (let i of f) {
+				let a = W(i), o = new Date(a);
+				if (o.setDate(o.getDate() + 1), r <= a || n >= o) continue;
+				let s = n < a ? a : n, c = r > o ? o : r, l = G(s), u = c.getTime() === o.getTime() ? 1440 : G(c);
+				e.get(K(i)).push({
+					event: t,
+					startMin: l,
+					endMin: Math.max(u, l + 15),
+					isStart: s.getTime() === n.getTime(),
+					isEnd: c.getTime() === r.getTime()
+				});
+			}
+		}
+		return e;
+	}, [f, g]), y = e.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let [t, n] of v) {
+			let r = [...n].sort((e, t) => e.startMin - t.startMin || e.endMin - t.endMin), i = [], a = [], o = [];
+			for (let e of r) {
+				let t = 0;
+				for (; i[t] && i[t].endMin > e.startMin;) t++;
+				i[t] = { endMin: e.endMin }, a.push({
+					entry: e,
+					col: t
+				});
+			}
+			for (let e = 0; e < a.length; e++) {
+				let t = a[e], n = t.col;
+				for (let r = 0; r < a.length; r++) {
+					if (r === e) continue;
+					let i = a[r];
+					i.entry.startMin < t.entry.endMin && i.entry.endMin > t.entry.startMin && i.col > n && (n = i.col);
+				}
+				o.push({
+					...t.entry,
+					col: t.col,
+					cols: n + 1
+				});
+			}
+			e.set(t, o);
+		}
+		return e;
+	}, [v]), b = e.useRef(null), x = e.useRef([]), [S, C] = e.useState(null), w = e.useRef(null);
+	w.current = S;
+	let T = e.useRef(!1), E = e.useCallback((e, t) => {
+		let n = x.current[t];
+		if (!n) return 0;
+		let r = (e - n.getBoundingClientRect().top + n.scrollTop) / U * 60, i = Math.round(r / a) * a;
+		return Math.max(0, Math.min(1440, i));
+	}, [a]), D = e.useCallback((e) => {
+		for (let t = 0; t < x.current.length; t++) {
+			let n = x.current[t];
+			if (!n) continue;
+			let r = n.getBoundingClientRect();
+			if (e >= r.left && e <= r.right) return t;
+		}
+		return -1;
+	}, []);
+	e.useEffect(() => {
+		if (!S) return;
+		let e = (e) => {
+			let t = S.kind === "select" || S.kind === "move" ? D(e.clientX) : S.dayIndex, n = t < 0 ? S.dayIndex ?? 0 : t, r = E(e.clientY, n);
+			C((e) => e && (e.kind === "select" ? {
+				...e,
+				dayIndex: n >= 0 ? n : e.dayIndex,
+				headMinutes: r
+			} : e.kind === "move" ? {
+				...e,
+				dayIndex: n,
+				minutes: r
+			} : {
+				...e,
+				minutes: r
+			}));
+		}, t = (e) => {
+			let t = w.current;
+			if (!t) {
+				C(null);
+				return;
+			}
+			try {
+				if (t.kind === "select" && c) {
+					let e = Math.min(t.anchorMinutes, t.headMinutes), n = Math.max(t.anchorMinutes, t.headMinutes), r = e, i = n === e ? Math.min(1440, e + a) : n, o = f[t.dayIndex] ?? f[0], s = new Date(o);
+					s.setHours(0, Math.round(r), 0, 0);
+					let l = new Date(o);
+					l.setHours(0, Math.round(i), 0, 0), T.current = !0, c(s, l);
+				} else if (t.kind === "move" && s) {
+					let e = r.find((e) => String(e.id) === String(t.eventId));
+					if (e) {
+						let n = t.dayIndex < 0 ? 0 : t.dayIndex, r = t.minutes - t.grabMinuteOffset, i = Math.max(0, Math.min(1440 - t.durationMin, Math.round(r / a) * a)), o = f[n] ?? f[0], c = new Date(o);
+						c.setHours(0, i, 0, 0);
+						let l = new Date(c.getTime() + t.durationMin * 60 * 1e3);
+						T.current = !0, s(e, c, l);
+					}
+				} else if (t.kind === "resize-top" && s) {
+					let e = r.find((e) => String(e.id) === String(t.eventId));
+					if (e) {
+						let n = f[t.dayIndex] ?? f[0], r = Math.min(t.anchorEndMin - a, Math.max(0, t.minutes)), i = new Date(n);
+						i.setHours(0, r, 0, 0);
+						let o = new Date(n);
+						o.setHours(0, t.anchorEndMin, 0, 0), T.current = !0, s(e, i, o);
+					}
+				} else if (t.kind === "resize-bottom" && s) {
+					let e = r.find((e) => String(e.id) === String(t.eventId));
+					if (e) {
+						let n = f[t.dayIndex] ?? f[0], r = Math.max(t.anchorStartMin + a, Math.min(1440, t.minutes)), i = new Date(n);
+						i.setHours(0, t.anchorStartMin, 0, 0);
+						let o = new Date(n);
+						o.setHours(0, r, 0, 0), T.current = !0, s(e, i, o);
+					}
+				}
+			} finally {
+				C(null), setTimeout(() => {
+					T.current = !1;
+				}, 50);
+			}
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	}, [
+		S,
+		f,
+		r,
+		a,
+		s,
+		c,
+		D,
+		E
+	]);
+	let O = e.useMemo(() => f.map((e) => ({
+		weekday: e.toLocaleDateString(i, { weekday: "short" }),
+		day: e.getDate(),
+		month: e.toLocaleDateString(i, { month: "short" }),
+		isToday: de(e, p)
+	})), [
+		f,
+		i,
+		p
+	]), k = e.useMemo(() => Array.from({ length: 24 }, (e, t) => new Date(2024, 0, 1, t, 0).toLocaleTimeString(i, { hour: "numeric" })), [i]), A = (e, t, n, r) => {
+		if (!s || e.button !== 0) return;
+		e.stopPropagation(), e.preventDefault();
+		let i = E(e.clientY, n);
+		C(r === "body" ? {
+			kind: "move",
+			eventId: t.event.id,
+			grabMinuteOffset: Math.max(0, i - t.startMin),
+			durationMin: t.endMin - t.startMin,
+			dayIndex: n,
+			minutes: i
+		} : r === "top" ? {
+			kind: "resize-top",
+			eventId: t.event.id,
+			anchorEndMin: t.endMin,
+			dayIndex: n,
+			minutes: i
+		} : {
+			kind: "resize-bottom",
+			eventId: t.event.id,
+			anchorStartMin: t.startMin,
+			dayIndex: n,
+			minutes: i
+		});
+	}, j = (e, t) => {
+		if (!c || e.button !== 0) return;
+		e.preventDefault();
+		let n = E(e.clientY, t);
+		C({
+			kind: "select",
+			dayIndex: t,
+			anchorMinutes: n,
+			headMinutes: n
+		});
+	}, ee = (e) => {
+		if (!S) return null;
+		if (S.kind === "select" && S.dayIndex === e) {
+			let t = Math.min(S.anchorMinutes, S.headMinutes), n = Math.max(S.anchorMinutes, S.headMinutes);
+			return /* @__PURE__ */ I("div", {
+				className: "absolute left-1 right-1 rounded bg-primary/30 border border-primary pointer-events-none z-10",
+				style: {
+					top: t / 60 * U,
+					height: Math.max(u, (n - t) / 60 * U)
+				},
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ I("div", {
+					className: "px-2 py-0.5 text-xs font-medium text-primary",
+					children: J(f[e], t, n, i)
+				})
+			});
+		}
+		if (S.kind === "move" && S.dayIndex === e) {
+			let t = S.minutes - S.grabMinuteOffset, n = Math.max(0, Math.min(1440 - S.durationMin, Math.round(t / a) * a));
+			return /* @__PURE__ */ I("div", {
+				className: "absolute left-1 right-1 rounded border-2 border-dashed border-primary bg-primary/10 pointer-events-none z-10",
+				style: {
+					top: n / 60 * U,
+					height: S.durationMin / 60 * U
+				},
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ I("div", {
+					className: "px-2 py-0.5 text-xs font-medium text-primary",
+					children: J(f[e], n, n + S.durationMin, i)
+				})
+			});
+		}
+		if ((S.kind === "resize-top" || S.kind === "resize-bottom") && S.dayIndex === e) {
+			let t, n;
+			return S.kind === "resize-top" ? (t = Math.min(S.anchorEndMin - a, Math.max(0, S.minutes)), n = S.anchorEndMin) : (t = S.anchorStartMin, n = Math.max(S.anchorStartMin + a, Math.min(1440, S.minutes))), /* @__PURE__ */ I("div", {
+				className: "absolute left-1 right-1 rounded border-2 border-dashed border-primary bg-primary/10 pointer-events-none z-10",
+				style: {
+					top: t / 60 * U,
+					height: (n - t) / 60 * U
+				},
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ I("div", {
+					className: "px-2 py-0.5 text-xs font-medium text-primary",
+					children: J(f[e], t, n, i)
+				})
+			});
+		}
+		return null;
+	};
+	return /* @__PURE__ */ L("div", {
 		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ A("div", {
-			className: "grid grid-cols-7 border-b",
-			children: u.map((e) => {
-				let t = B(e, d);
-				return /* @__PURE__ */ j("div", {
-					className: "p-3 text-center border-r last:border-r-0",
-					children: [/* @__PURE__ */ A("div", {
-						className: "text-sm font-medium text-muted-foreground",
-						children: e.toLocaleDateString(r, { weekday: "short" })
-					}), /* @__PURE__ */ A("div", {
-						className: D("text-lg font-semibold mt-1", t && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8"),
-						children: e.getDate()
+		ref: b,
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "flex border-b sticky top-0 bg-background z-20",
+				children: [/* @__PURE__ */ I("div", {
+					className: "w-14 shrink-0 border-r",
+					"aria-hidden": !0
+				}), O.map((e, t) => /* @__PURE__ */ L("div", {
+					role: "columnheader",
+					className: N("flex-1 p-2 text-center text-sm border-r last:border-r-0", e.isToday && "bg-primary/5"),
+					children: [/* @__PURE__ */ I("div", {
+						className: "text-xs text-muted-foreground",
+						children: e.weekday
+					}), /* @__PURE__ */ I("div", {
+						className: N("font-medium", e.isToday && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6 mx-auto"),
+						children: e.day
 					})]
-				}, e.toISOString());
-			})
-		}), /* @__PURE__ */ A("div", {
-			role: "grid",
-			className: "grid grid-cols-7 flex-1",
-			children: u.map((e) => {
-				let t = V(e, n);
-				return /* @__PURE__ */ A("div", {
-					role: "gridcell",
-					"aria-label": `${e.toLocaleDateString("default", {
-						weekday: "long",
-						month: "long",
-						day: "numeric",
-						year: "numeric"
-					})}${t.length > 0 ? `, ${t.length} event${t.length > 1 ? "s" : ""}` : ""}`,
-					className: "border-r last:border-r-0 p-2 min-h-[400px] cursor-pointer hover:bg-accent/50",
-					onClick: () => a?.(e),
-					onTouchStart: () => s(e),
-					onTouchEnd: c,
-					children: /* @__PURE__ */ A("div", {
-						className: "space-y-2",
-						children: t.map((e) => /* @__PURE__ */ j("div", {
-							role: "button",
-							title: e.title,
-							"aria-label": e.title,
-							className: D("text-xs sm:text-sm px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80", e.color?.startsWith("#") ? "text-white" : e.color || N),
-							style: e.color && e.color.startsWith("#") ? { backgroundColor: e.color } : void 0,
-							onClick: (t) => {
-								t.stopPropagation(), i?.(e);
+				}, t))]
+			}),
+			h.length > 0 && /* @__PURE__ */ L("div", {
+				className: "flex border-b bg-muted/20 max-h-[140px] overflow-y-auto",
+				children: [/* @__PURE__ */ I("div", {
+					className: "w-14 shrink-0 border-r flex items-start justify-end pr-1 pt-1 text-[10px] text-muted-foreground sticky left-0 bg-muted/20",
+					children: l("calendar.allDay") === "calendar.allDay" ? "all-day" : l("calendar.allDay")
+				}), f.map((e) => {
+					let t = K(e);
+					return /* @__PURE__ */ I("div", {
+						className: "flex-1 border-r last:border-r-0 min-h-[28px] p-0.5 space-y-0.5",
+						children: (_.get(t) ?? []).map(({ event: e, isStart: t, isEnd: n }, r) => {
+							let { className: i, inlineColor: a } = B(e.color);
+							return /* @__PURE__ */ I("div", {
+								role: "button",
+								title: e.title,
+								onClick: (t) => {
+									t.stopPropagation(), o?.(e);
+								},
+								className: N("text-[11px] px-2 py-0.5 truncate cursor-pointer hover:opacity-80", t ? "rounded-l" : "rounded-l-none -ml-0.5", n ? "rounded-r" : "rounded-r-none -mr-0.5", i),
+								style: a ? { backgroundColor: a } : void 0,
+								children: t ? e.title : "\xA0"
+							}, `${e.id}-${r}`);
+						})
+					}, t);
+				})]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex-1 overflow-auto",
+				children: /* @__PURE__ */ L("div", {
+					className: "flex",
+					style: { height: d },
+					children: [/* @__PURE__ */ I("div", {
+						className: "w-14 shrink-0 border-r relative",
+						children: k.map((e, t) => /* @__PURE__ */ I("div", {
+							className: "absolute right-1 text-[10px] text-muted-foreground -translate-y-1/2",
+							style: { top: t * U },
+							children: t === 0 ? "" : e
+						}, t))
+					}), f.map((e, t) => {
+						let n = K(e), r = y.get(n) ?? [];
+						return /* @__PURE__ */ L("div", {
+							ref: (e) => {
+								x.current[t] = e;
 							},
-							children: [/* @__PURE__ */ A("div", {
-								className: "font-medium truncate",
-								children: e.title
-							}), !e.allDay && /* @__PURE__ */ A("div", {
-								className: "text-xs opacity-90 mt-1",
-								children: e.start.toLocaleTimeString("default", {
-									hour: "numeric",
-									minute: "2-digit"
-								})
-							})]
-						}, e.id))
-					})
-				}, e.toISOString());
+							className: "flex-1 border-r last:border-r-0 relative select-none",
+							style: { height: d },
+							onPointerDown: (e) => j(e, t),
+							"aria-label": e.toLocaleDateString(i, {
+								weekday: "long",
+								month: "long",
+								day: "numeric",
+								year: "numeric"
+							}),
+							children: [
+								Array.from({ length: 24 }, (e, t) => /* @__PURE__ */ I("div", {
+									className: "absolute left-0 right-0 border-t border-muted/60 pointer-events-none",
+									style: { top: t * U }
+								}, t)),
+								a < 60 && Array.from({ length: Math.floor(1440 / a) }, (e, t) => {
+									let n = t * a;
+									return n % 60 == 0 ? null : /* @__PURE__ */ I("div", {
+										className: "absolute left-0 right-0 border-t border-dashed border-muted/30 pointer-events-none",
+										style: { top: n / 60 * U }
+									}, t);
+								}),
+								r.map((n) => {
+									let r = n.startMin / 60 * U, a = Math.max(u, (n.endMin - n.startMin) / 60 * U), c = 100 / n.cols, l = n.col * c, { className: d, inlineColor: f } = B(n.event.color), p = S && S.eventId === n.event.id;
+									return /* @__PURE__ */ L("div", {
+										role: "button",
+										tabIndex: 0,
+										title: n.event.title,
+										"aria-label": n.event.title,
+										onPointerDown: (e) => A(e, n, t, "body"),
+										onClick: (e) => {
+											if (T.current) {
+												e.stopPropagation();
+												return;
+											}
+											e.stopPropagation(), o?.(n.event);
+										},
+										className: N("absolute rounded text-xs px-2 py-1 overflow-hidden shadow-sm", s ? "cursor-move" : "cursor-pointer", d, p && "opacity-40"),
+										style: {
+											top: r,
+											height: a,
+											left: `calc(${l}% + 2px)`,
+											width: `calc(${c}% - 4px)`,
+											...f ? { backgroundColor: f } : {}
+										},
+										children: [
+											/* @__PURE__ */ I("div", {
+												className: "font-medium truncate",
+												children: n.event.title
+											}),
+											/* @__PURE__ */ I("div", {
+												className: "text-[10px] opacity-80 truncate",
+												children: J(e, n.startMin, n.endMin, i)
+											}),
+											s && n.isStart && /* @__PURE__ */ I("div", {
+												onPointerDown: (e) => A(e, n, t, "top"),
+												className: "absolute top-0 left-0 right-0 h-1.5 cursor-ns-resize",
+												"aria-label": "Resize start"
+											}),
+											s && n.isEnd && /* @__PURE__ */ I("div", {
+												onPointerDown: (e) => A(e, n, t, "bottom"),
+												className: "absolute bottom-0 left-0 right-0 h-1.5 cursor-ns-resize",
+												"aria-label": "Resize end"
+											})
+										]
+									}, `${n.event.id}-${n.startMin}`);
+								}),
+								ee(t)
+							]
+						}, n);
+					})]
+				})
 			})
-		})]
+		]
 	});
 }
-function W({ date: t, events: n, onEventClick: r, onDateClick: i }) {
-	let a = V(t, n), o = Array.from({ length: 24 }, (e, t) => t), s = e.useRef(null), c = (e) => {
-		i && (s.current = setTimeout(() => {
-			let n = new Date(t);
-			n.setHours(e, 0, 0, 0), i(n);
-		}, 500));
-	}, l = () => {
-		s.current &&= (clearTimeout(s.current), null);
-	};
-	return /* @__PURE__ */ A("div", {
-		className: "flex flex-col h-full",
-		children: /* @__PURE__ */ A("div", {
-			role: "list",
-			className: "flex-1 overflow-auto",
-			children: o.map((e) => {
-				let t = a.filter((t) => t.allDay ? e === 0 : t.start.getHours() === e);
-				return /* @__PURE__ */ j("div", {
-					role: "listitem",
-					className: "flex border-b min-h-[60px]",
-					children: [/* @__PURE__ */ A("div", {
-						className: "w-20 p-2 text-sm text-muted-foreground border-r",
-						children: e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`
-					}), /* @__PURE__ */ A("div", {
-						className: "flex-1 p-2 space-y-2",
-						onTouchStart: () => c(e),
-						onTouchEnd: l,
-						children: t.map((e) => /* @__PURE__ */ j("div", {
-							title: e.title,
-							"aria-label": e.title,
-							className: D("px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80", e.color?.startsWith("#") ? "text-white" : e.color || N),
-							style: e.color && e.color.startsWith("#") ? { backgroundColor: e.color } : void 0,
-							onClick: () => r?.(e),
-							children: [/* @__PURE__ */ A("div", {
-								className: "font-medium truncate",
-								children: e.title
-							}), !e.allDay && /* @__PURE__ */ j("div", {
-								className: "text-xs opacity-90 mt-1",
-								children: [e.start.toLocaleTimeString("default", {
-									hour: "numeric",
-									minute: "2-digit"
-								}), e.end && ` - ${e.end.toLocaleTimeString("default", {
-									hour: "numeric",
-									minute: "2-digit"
-								})}`]
-							})]
-						}, e.id))
-					})]
-				}, e);
-			})
-		})
+function J(e, t, n, r) {
+	let i = new Date(e);
+	i.setHours(0, Math.round(t), 0, 0);
+	let a = new Date(e);
+	a.setHours(0, Math.round(n), 0, 0);
+	let o = (e) => e.toLocaleTimeString(r, {
+		hour: "numeric",
+		minute: "2-digit"
 	});
+	return `${o(i)} – ${o(a)}`;
 }
 //#endregion
 //#region src/ObjectCalendar.tsx
-function G(e) {
+function pe(e) {
 	return "data" in e && e.data ? e.data : "staticData" in e && e.staticData ? {
 		provider: "value",
 		items: e.staticData
@@ -481,7 +846,7 @@ function G(e) {
 		object: e.objectName
 	} : null;
 }
-function K(e) {
+function me(e) {
 	if (e) {
 		if (typeof e == "string") {
 			let t = e.split(" "), n = t[0], r = t[1]?.toLowerCase() === "desc" ? "desc" : "asc";
@@ -490,7 +855,7 @@ function K(e) {
 		if (Array.isArray(e)) return e.reduce((e, t) => (t.field && t.order && (e[t.field] = t.order), e), {});
 	}
 }
-function q(e) {
+function he(e) {
 	return "filter" in e && e.filter && typeof e.filter == "object" && "calendar" in e.filter ? e.filter.calendar : e.calendar ? e.calendar : e.startDateField || e.dateField ? {
 		startDateField: e.startDateField || e.dateField,
 		endDateField: e.endDateField || e.endField,
@@ -499,86 +864,86 @@ function q(e) {
 		allDayField: e.allDayField
 	} : null;
 }
-var J = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventClick: p, onRowClick: m, onDateClick: h, onNavigate: g, onViewChange: _, onEventDrop: y, locale: b }) => {
-	let x = Array.isArray(d), [S, C] = o(x ? d : []), [w, T] = o(x ? f ?? !1 : !0), [E, D] = o(null), [k, N] = o(null), [P, F] = o(/* @__PURE__ */ new Date()), I = O(), R = e.defaultView, [z, B] = o(() => {
-		let e = R === "day" || !R;
-		return typeof window < "u" && window.innerWidth < 768 && e ? "month" : R || "month";
+var Y = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventClick: p, onRowClick: m, onDateClick: h, onNavigate: _, onViewChange: E, onEventDrop: D, locale: O }) => {
+	let k = Array.isArray(d), [A, j] = o(k ? d : []), [ee, M] = o(k ? f ?? !1 : !0), [N, F] = o(null), [R, ae] = o(null), [z, oe] = o(/* @__PURE__ */ new Date()), se = P(), B = e.defaultView, [V, H] = o(() => {
+		let e = B === "day" || !B;
+		return typeof window < "u" && window.innerWidth < 768 && e ? "month" : B || "month";
 	});
 	r(() => {
-		I && z === "day" && (R === "day" || !R) && B("month");
-	}, [I]);
-	let [V, H] = o(0);
+		se && V === "day" && (B === "day" || !B) && H("month");
+	}, [se]);
+	let [le, ue] = o(0);
 	r(() => {
-		if (!x && !(!t?.onMutation || !e.objectName)) return t.onMutation((t) => {
-			t.resource === e.objectName && H((e) => e + 1);
+		if (!k && !(!t?.onMutation || !e.objectName)) return t.onMutation((t) => {
+			t.resource === e.objectName && ue((e) => e + 1);
 		});
 	}, [
 		t,
 		e.objectName,
-		x
+		k
 	]);
-	let { ref: U, isRefreshing: W, pullDistance: J } = M({
+	let { ref: de, isRefreshing: fe, pullDistance: U } = ne({
 		onRefresh: n(async () => {
-			H((e) => e + 1);
+			ue((e) => e + 1);
 		}, []),
 		enabled: !!t && !!e.objectName
-	}), Y = i(() => G(e), [
+	}), W = i(() => pe(e), [
 		e.data,
 		e.staticData,
 		e.objectName
-	]), X = i(() => q(e), [
+	]), G = i(() => he(e), [
 		e.filter,
 		e.calendar,
 		e.dateField,
 		e.endField,
 		e.titleField,
 		e.colorField
-	]), Z = Y?.provider === "value", Q = a(null);
-	Q.current = k, r(() => {
-		x && C(d);
-	}, [d, x]), r(() => {
-		x && f !== void 0 && T(f);
-	}, [f, x]), r(() => {
-		if (x) return;
+	]), K = W?.provider === "value", q = a(null);
+	q.current = R, r(() => {
+		k && j(d);
+	}, [d, k]), r(() => {
+		k && f !== void 0 && M(f);
+	}, [f, k]), r(() => {
+		if (k) return;
 		let n = !0;
 		return (async () => {
 			try {
 				if (!n) return;
-				if (T(!0), Z && Y?.provider === "value") {
-					n && (C(Y.items), T(!1));
+				if (M(!0), K && W?.provider === "value") {
+					n && (j(W.items), M(!1));
 					return;
 				}
 				if (!t || typeof t.find != "function") throw Error("DataSource required for object/api providers");
-				if (Y?.provider === "object") {
-					let r = Y.object, i = c(Q.current?.fields), a = l(await t.find(r, {
+				if (W?.provider === "object") {
+					let r = W.object, i = c(q.current?.fields), a = l(await t.find(r, {
 						$filter: e.filter,
-						$orderby: K(e.sort),
+						$orderby: me(e.sort),
 						...i.length > 0 ? { $expand: i } : {}
 					}));
-					n && C(a);
-				} else Y?.provider === "api" && (console.warn("API provider not yet implemented for ObjectCalendar"), n && C([]));
-				n && T(!1);
+					n && j(a);
+				} else W?.provider === "api" && (console.warn("API provider not yet implemented for ObjectCalendar"), n && j([]));
+				n && M(!1);
 			} catch (e) {
-				console.error("[ObjectCalendar] Error fetching data:", e), n && (D(e), T(!1));
+				console.error("[ObjectCalendar] Error fetching data:", e), n && (F(e), M(!1));
 			}
 		})(), () => {
 			n = !1;
 		};
 	}, [
-		x,
-		Y,
+		k,
+		W,
 		t,
-		Z,
+		K,
 		e.filter,
 		e.sort,
-		V
+		le
 	]), r(() => {
-		!Z && t && (async () => {
+		!K && t && (async () => {
 			try {
 				if (!t) return;
-				let n = Y?.provider === "object" ? Y.object : e.objectName;
+				let n = W?.provider === "object" ? W.object : e.objectName;
 				if (!n) return;
-				N(await t.getObjectSchema(n));
+				ae(await t.getObjectSchema(n));
 			} catch (e) {
 				console.error("Failed to fetch object schema:", e);
 			}
@@ -586,12 +951,12 @@ var J = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventC
 	}, [
 		e.objectName,
 		t,
-		Z,
-		Y
+		K,
+		W
 	]);
-	let ee = i(() => {
-		if (!X || !S.length) return [];
-		let { startDateField: e, endDateField: t, titleField: n, colorField: r } = X, i = k?.titleFormat, a = typeof i == "string" ? i : i && typeof i == "object" && typeof i.source == "string" ? i.source : void 0, o = k?.NAME_FIELD_KEY, s = [
+	let J = i(() => {
+		if (!G || !A.length) return [];
+		let { startDateField: e, endDateField: t, titleField: n, colorField: r } = G, i = R?.titleFormat, a = typeof i == "string" ? i : i && typeof i == "object" && typeof i.source == "string" ? i.source : void 0, o = R?.NAME_FIELD_KEY, s = [
 			"name",
 			"full_name",
 			"fullName",
@@ -625,7 +990,7 @@ var J = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventC
 			}
 			return t || "Untitled";
 		};
-		return S.map((n, i) => {
+		return A.map((n, i) => {
 			let a = n[e], o = t ? n[t] : null, s = l(n), c = r ? n[r] : void 0;
 			return {
 				id: n.id || n._id || `event-${i}`,
@@ -638,91 +1003,272 @@ var J = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventC
 			};
 		}).filter((e) => !isNaN(e.start.getTime()));
 	}, [
-		S,
-		X,
-		k
+		A,
+		G,
+		R
 	]);
 	n(() => {
 		h?.(/* @__PURE__ */ new Date());
 	}, [h]);
-	let $ = u({
-		navigation: e.navigation,
+	let Y = e.navigation ?? {
+		mode: "drawer",
+		width: "min(960px, 60vw)"
+	}, X = Y.mode === "drawer" || Y.mode === "modal" || Y.mode === "split" || Y.mode === "popover", Z = u({
+		navigation: Y,
 		objectName: e.objectName,
-		onRowClick: m
-	});
-	return w ? /* @__PURE__ */ A("div", {
+		onRowClick: X ? void 0 : m
+	}), ge = n(async (n, r, i) => {
+		if (!G) return;
+		let { startDateField: a, endDateField: o } = G, s = n?.id ?? n?._id;
+		if (!s || !e.objectName || !t?.update) return;
+		let c = { [a]: r.toISOString() };
+		o && i && (c[o] = i.toISOString());
+		let l = A;
+		j((e) => e.map((e) => (e?.id ?? e?._id) === s ? {
+			...e,
+			...c
+		} : e));
+		try {
+			await t.update(e.objectName, s, c);
+		} catch (e) {
+			j(l), console.error("[ObjectCalendar] Failed to persist drag-and-drop reschedule:", e);
+		}
+	}, [
+		G,
+		e.objectName,
+		t,
+		A
+	]), [Q, $] = o(null), _e = n((n) => {
+		!G || !e.objectName || !t?.create || $({
+			start: n,
+			title: "",
+			submitting: !1
+		});
+	}, [
+		G,
+		e.objectName,
+		t
+	]), ve = n((n, r) => {
+		!G || !e.objectName || !t?.create || $({
+			start: n,
+			end: r,
+			title: "",
+			submitting: !1
+		});
+	}, [
+		G,
+		e.objectName,
+		t
+	]), ye = n(async () => {
+		if (!Q || !G) return;
+		let n = Q.title.trim();
+		if (!n) {
+			$((e) => e && {
+				...e,
+				error: "Title is required"
+			});
+			return;
+		}
+		if (!e.objectName || !t?.create) return;
+		$((e) => e && {
+			...e,
+			submitting: !0,
+			error: void 0
+		});
+		let { startDateField: r, endDateField: i, titleField: a } = G, o = {
+			[a || "name"]: n,
+			[r]: Q.start.toISOString()
+		};
+		i && (o[i] = (Q.end ?? Q.start).toISOString());
+		let s = R?.fields;
+		if (s && typeof s == "object") {
+			let e = Array.isArray(s) ? s.map((e) => [e.name ?? e.apiName, e]) : Object.entries(s);
+			for (let [t, n] of e) {
+				if (!t || t in o || !n?.required) continue;
+				if (n.defaultValue !== void 0 && n.defaultValue !== null) {
+					o[t] = n.defaultValue;
+					continue;
+				}
+				let e = n.type;
+				if (e === "select" || e === "picklist" || e === "status") {
+					let e = (n.options || n.choices || [])[0];
+					e !== void 0 && (o[t] = typeof e == "object" ? e.value ?? e.id : e);
+				} else e === "boolean" || e === "checkbox" ? o[t] = !1 : (e === "number" || e === "integer" || e === "decimal" || e === "currency" || e === "percent") && (o[t] = 0);
+			}
+		}
+		try {
+			let n = await t.create(e.objectName, o), r = (n && (n.record || n.data || n)) ?? null;
+			r && (r.id !== void 0 || r._id !== void 0) && j((e) => [...e, r]), $(null);
+		} catch (e) {
+			let t = e?.message || String(e);
+			$((e) => e && {
+				...e,
+				submitting: !1,
+				error: t
+			}), console.error("[ObjectCalendar] Quick-create failed:", e);
+		}
+	}, [
+		Q,
+		G,
+		e.objectName,
+		t,
+		R
+	]);
+	return ee ? /* @__PURE__ */ I("div", {
 		className: s,
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "text-muted-foreground",
 				children: "Loading calendar..."
 			})
 		})
-	}) : E ? /* @__PURE__ */ A("div", {
+	}) : N ? /* @__PURE__ */ I("div", {
 		className: s,
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ j("div", {
+			children: /* @__PURE__ */ L("div", {
 				className: "text-destructive",
-				children: ["Error: ", E.message]
+				children: ["Error: ", N.message]
 			})
 		})
-	}) : X ? /* @__PURE__ */ j("div", {
-		ref: U,
+	}) : G ? /* @__PURE__ */ L("div", {
+		ref: de,
 		className: s,
 		children: [
-			J > 0 && /* @__PURE__ */ A("div", {
+			U > 0 && /* @__PURE__ */ I("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: J },
-				children: W ? "Refreshing…" : "Pull to refresh"
+				style: { height: U },
+				children: fe ? "Refreshing…" : "Pull to refresh"
 			}),
-			/* @__PURE__ */ A("div", {
-				className: "border rounded-lg bg-background h-[calc(100vh-120px)] sm:h-[calc(100vh-160px)] md:h-[calc(100vh-200px)] min-h-[400px] sm:min-h-[600px]",
-				children: /* @__PURE__ */ A(L, {
-					events: ee,
-					currentDate: P,
-					view: z,
-					locale: b,
+			/* @__PURE__ */ I("div", {
+				className: "bg-background h-[calc(100vh-120px)] sm:h-[calc(100vh-160px)] md:h-[calc(100vh-200px)] min-h-[400px] sm:min-h-[600px]",
+				children: /* @__PURE__ */ I(ce, {
+					events: J,
+					currentDate: z,
+					view: V,
+					locale: O,
 					onEventClick: (e) => {
-						$.handleClick(e.data), p?.(e.data);
+						Z.handleClick(e.data), X || p?.(e.data);
+					},
+					onDateClick: (e) => {
+						h ? h(e) : _e(e);
 					},
-					onDateClick: h,
 					onNavigate: (e) => {
-						F(e), g?.(e);
+						oe(e), _?.(e);
 					},
 					onViewChange: (e) => {
-						B(e), _?.(e);
+						H(e), E?.(e);
 					},
 					onAddClick: void 0,
-					onEventDrop: y ? (e, t, n) => {
-						y(e.data, t, n);
-					} : void 0
+					onEventDrop: (e, t, n) => {
+						D ? D(e.data, t, n) : ge(e.data, t, n);
+					},
+					onTimeRangeSelect: ve
 				})
 			}),
-			$.isOverlay && /* @__PURE__ */ A(v, {
-				...$,
-				title: "Event Details",
-				children: (e) => /* @__PURE__ */ A("div", {
-					className: "space-y-3",
-					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ j("div", {
-						className: "flex flex-col",
-						children: [/* @__PURE__ */ A("span", {
-							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-							children: e.replace(/_/g, " ")
-						}), /* @__PURE__ */ A("span", {
-							className: "text-sm",
-							children: String(t ?? "—")
-						})]
-					}, e))
+			/* @__PURE__ */ I(v, {
+				open: !!Q,
+				onOpenChange: (e) => {
+					e || $(null);
+				},
+				children: /* @__PURE__ */ L(y, {
+					className: "sm:max-w-md",
+					children: [
+						/* @__PURE__ */ L(S, { children: [/* @__PURE__ */ I(C, { children: "New event" }), /* @__PURE__ */ I(b, { children: Q && (() => {
+							let e = Q.end && Q.end.getTime() !== Q.start.getTime(), t = Q.start.toLocaleDateString(O, {
+								year: "numeric",
+								month: "long",
+								day: "numeric"
+							});
+							if (e) {
+								let e = (e) => e.toLocaleTimeString(O, {
+									hour: "numeric",
+									minute: "2-digit"
+								});
+								return /* @__PURE__ */ L(te, { children: [
+									t,
+									" · ",
+									e(Q.start),
+									" – ",
+									e(Q.end)
+								] });
+							}
+							return /* @__PURE__ */ L(te, { children: ["On ", t] });
+						})() })] }),
+						/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ I(T, {
+									htmlFor: "quick-create-title",
+									children: "Title"
+								}),
+								/* @__PURE__ */ I(w, {
+									id: "quick-create-title",
+									autoFocus: !0,
+									value: Q?.title ?? "",
+									onChange: (e) => $((t) => t && {
+										...t,
+										title: e.target.value,
+										error: void 0
+									}),
+									onKeyDown: (e) => {
+										e.key === "Enter" && !Q?.submitting && (e.preventDefault(), ye());
+									},
+									placeholder: "What's this event about?",
+									disabled: Q?.submitting
+								}),
+								Q?.error && /* @__PURE__ */ I("p", {
+									className: "text-sm text-destructive",
+									children: Q.error
+								})
+							]
+						}),
+						/* @__PURE__ */ L(x, { children: [/* @__PURE__ */ I(g, {
+							variant: "outline",
+							onClick: () => $(null),
+							disabled: Q?.submitting,
+							children: "Cancel"
+						}), /* @__PURE__ */ I(g, {
+							onClick: () => void ye(),
+							disabled: Q?.submitting || !Q?.title.trim(),
+							children: Q?.submitting ? "Creating…" : "Create"
+						})] })
+					]
 				})
-			})
+			}),
+			Z.isOverlay && Z.isOpen && Z.selectedRecord && (() => {
+				let n = W?.provider === "object" ? W.object : e.objectName, r = Z.selectedRecord, i = r.id ?? r._id;
+				if (!n || i == null) return null;
+				let a = G?.titleField ? String(r[G.titleField] ?? "Event Details") : "Event Details";
+				return /* @__PURE__ */ I(re, {
+					open: !0,
+					onClose: Z.close,
+					title: a,
+					record: r,
+					objectName: n,
+					recordId: i,
+					dataSource: t,
+					objectSchema: R,
+					width: Z.width ?? "min(960px, 60vw)",
+					fullPageHref: ie(n, i) ?? void 0,
+					onFieldSave: async (e, r) => {
+						t?.update && (await t.update(n, String(i), { [e]: r }), j((t) => t.map((t) => String(t.id ?? t._id) === String(i) ? {
+							...t,
+							[e]: r
+						} : t)));
+					},
+					onDelete: async () => {
+						t?.delete && (await t.delete(n, String(i)), j((e) => e.filter((e) => String(e.id ?? e._id) !== String(i))));
+					}
+				});
+			})()
 		]
-	}) : /* @__PURE__ */ A("div", {
+	}) : /* @__PURE__ */ I("div", {
 		className: s,
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "text-muted-foreground",
 				children: "Calendar configuration required. Please specify startDateField and titleField."
 			})
@@ -731,7 +1277,7 @@ var J = ({ schema: e, dataSource: t, className: s, data: d, loading: f, onEventC
 };
 //#endregion
 //#region src/calendar-view-renderer.tsx
-s.register("calendar-view", ({ schema: e, className: n, onAction: r, ...i }) => /* @__PURE__ */ A(L, {
+s.register("calendar-view", ({ schema: e, className: n, onAction: r, ...i }) => /* @__PURE__ */ I(ce, {
 	className: n,
 	events: t.useMemo(() => !e.data || !Array.isArray(e.data) ? [] : e.data.map((t, n) => {
 		let r = e.titleField || "title", i = e.startDateField || "start", a = e.endDateField || "end", o = e.colorField || "color", s = e.allDayField || "allDay";
@@ -879,15 +1425,15 @@ s.register("calendar-view", ({ schema: e, className: n, onAction: r, ...i }) =>
 });
 //#endregion
 //#region src/index.tsx
-var Y = ({ schema: e, ...t }) => {
+var X = ({ schema: e, ...t }) => {
 	let { dataSource: n } = d() || {};
-	return /* @__PURE__ */ A(J, {
+	return /* @__PURE__ */ I(Y, {
 		schema: e,
 		dataSource: n,
 		...t
 	});
 };
-s.register("object-calendar", Y, {
+s.register("object-calendar", X, {
 	namespace: "plugin-calendar",
 	label: "Object Calendar",
 	category: "view",
@@ -902,7 +1448,7 @@ s.register("object-calendar", Y, {
 		label: "Calendar Config",
 		description: "startDateField, endDateField, titleField, colorField"
 	}]
-}), s.register("calendar", Y, {
+}), s.register("calendar", X, {
 	namespace: "view",
 	label: "Calendar View",
 	category: "view",
@@ -919,4 +1465,4 @@ s.register("object-calendar", Y, {
 	}]
 });
 //#endregion
-export { L as CalendarView, J as ObjectCalendar, Y as ObjectCalendarRenderer };
+export { ce as CalendarView, Y as ObjectCalendar, X as ObjectCalendarRenderer };