@mantine/schedule 9.6.2 → 9.7.0

package/esm/hooks/use-day-grid-event-resize.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { getIndexFromDragPoint } from "../utils/get-index-from-drag-point/get-index-from-drag-point.mjs";
+import { validateEventResize } from "./validate-event-resize.mjs";
 import { calculateMonthResizeDates } from "../utils/calculate-month-resize-dates/calculate-month-resize-dates.mjs";
 import dayjs from "dayjs";
 import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
@@ -9,11 +10,23 @@ import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react"
 * The target day is resolved by hit-testing `cells` with the pointer position, so
 * the hook works for any layout that renders one element per day in a single row.
 */
-function useDayGridEventResize({ enabled = false, mode = "default", onEventResize, canResizeEvent }) {
+function useDayGridEventResize({ enabled = false, mode = "default", onEventResize, canResizeEvent, events, preventEventOverlap, canResizeEventTo, onEventPlacementRejected }) {
 	const [resizeState, setResizeState] = useState(null);
+	const [resizeValid, setResizeValid] = useState(true);
 	const resizeRef = useRef(null);
 	const justResizedRef = useRef(false);
 	const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));
+	const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));
+	const validateResize = useEffectEvent((state) => validateEventResize({
+		event: state.event,
+		start: state.start,
+		end: state.end,
+		edge: state.edge,
+		events,
+		preventEventOverlap,
+		canResizeEventTo,
+		resourceId: state.event.resourceId
+	}));
 	const handleResizeStart = useCallback(({ event, edge, cells, days, pointerEvent }) => {
 		if (!enabled || mode === "static") return;
 		pointerEvent.preventDefault();
@@ -34,6 +47,7 @@ function useDayGridEventResize({ enabled = false, mode = "default", onEventResiz
 		};
 		resizeRef.current = state;
 		setResizeState(state);
+		setResizeValid(true);
 	}, [enabled, mode]);
 	const isResizing = resizeState !== null;
 	useEffect(() => {
@@ -61,10 +75,12 @@ function useDayGridEventResize({ enabled = false, mode = "default", onEventResiz
 				end
 			};
 			setResizeState(resizeRef.current);
+			setResizeValid(validateResize(resizeRef.current).valid);
 		};
 		const endGesture = () => {
 			resizeRef.current = null;
 			setResizeState(null);
+			setResizeValid(true);
 			justResizedRef.current = true;
 			requestAnimationFrame(() => {
 				justResizedRef.current = false;
@@ -72,12 +88,25 @@ function useDayGridEventResize({ enabled = false, mode = "default", onEventResiz
 		};
 		const handlePointerUp = () => {
 			const state = resizeRef.current;
-			if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) stableOnEventResize({
-				eventId: state.eventId,
-				newStart: state.start,
-				newEnd: state.end,
-				event: state.event
-			});
+			if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {
+				const { valid, conflicts, reason } = validateResize(state);
+				if (valid) stableOnEventResize({
+					eventId: state.eventId,
+					newStart: state.start,
+					newEnd: state.end,
+					event: state.event
+				});
+				else stableOnEventPlacementRejected({
+					action: "resize",
+					event: state.event,
+					start: state.start,
+					end: state.end,
+					edge: state.edge,
+					resourceId: state.event.resourceId,
+					conflicts,
+					reason
+				});
+			}
 			endGesture();
 		};
 		document.addEventListener("pointermove", handlePointerMove);
@@ -108,7 +137,8 @@ function useDayGridEventResize({ enabled = false, mode = "default", onEventResiz
 		previewStart: resizeState?.start ?? null,
 		previewEnd: resizeState?.end ?? null,
 		isResizableEvent,
-		wasResizing
+		wasResizing,
+		resizeValid
 	};
 }
 //#endregion

package/esm/hooks/use-day-grid-event-resize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-day-grid-event-resize.mjs","names":[],"sources":["../../src/hooks/use-day-grid-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport {\n  calculateMonthResizeDates,\n  MonthResizeEdge,\n} from '../utils/calculate-month-resize-dates/calculate-month-resize-dates';\nimport { getIndexFromDragPoint } from '../utils/get-index-from-drag-point/get-index-from-drag-point';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  dayIndex: number;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n  start: DateTimeStringValue;\n  end: DateTimeStringValue;\n}\n\nexport interface UseDayGridEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n}\n\nexport interface DayGridResizeStartInput {\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  pointerEvent: React.PointerEvent;\n}\n\n/**\n * Resizes an event by dragging its start or end edge across a strip of day cells.\n * The target day is resolved by hit-testing `cells` with the pointer position, so\n * the hook works for any layout that renders one element per day in a single row.\n */\nexport function useDayGridEventResize({\n  enabled = false,\n  mode = 'default',\n  onEventResize,\n  canResizeEvent,\n}: UseDayGridEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n\n  const handleResizeStart = useCallback(\n    ({ event, edge, cells, days, pointerEvent }: DayGridResizeStartInput) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const originalStart = dayjs(event.start).format('YYYY-MM-DD HH:mm:ss');\n      const originalEnd = dayjs(event.end).format('YYYY-MM-DD HH:mm:ss');\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        cells,\n        days,\n        dayIndex: -1,\n        originalStart,\n        originalEnd,\n        start: originalStart,\n        end: originalEnd,\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    const savedCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'ew-resize';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const dayIndex = getIndexFromDragPoint(state.cells, e.clientX);\n      if (dayIndex === null || dayIndex === state.dayIndex) {\n        return;\n      }\n\n      const targetDay = state.days[dayIndex];\n      if (!targetDay) {\n        return;\n      }\n\n      const { start, end } = calculateMonthResizeDates({\n        event: state.event,\n        edge: state.edge,\n        targetDay,\n      });\n\n      resizeRef.current = { ...state, dayIndex, start, end };\n      setResizeState(resizeRef.current);\n    };\n\n    const endGesture = () => {\n      resizeRef.current = null;\n      setResizeState(null);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {\n        stableOnEventResize({\n          eventId: state.eventId,\n          newStart: state.start,\n          newEnd: state.end,\n          event: state.event,\n        });\n      }\n\n      endGesture();\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n    document.addEventListener('pointercancel', endGesture);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.body.style.cursor = savedCursor;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n      document.removeEventListener('pointercancel', endGesture);\n    };\n  }, [isResizing]);\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static' || event.display === 'background') {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    resizingEdge: resizeState?.edge ?? null,\n    previewStart: resizeState?.start ?? null,\n    previewEnd: resizeState?.end ?? null,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":";;;;;;;;;;;AA+CA,SAAgB,sBAAsB,EACpC,UAAU,OACV,OAAO,WACP,eACA,kBAC6B;CAC7B,MAAM,CAAC,aAAa,kBAAkB,SAA6B,IAAI;CACvE,MAAM,YAAY,OAA2B,IAAI;CACjD,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,sBAAsB,eAAe,wBAAwB,CAAC,EAAE;CAEtE,MAAM,oBAAoB,aACvB,EAAE,OAAO,MAAM,OAAO,MAAM,mBAA4C;EACvE,IAAI,CAAC,WAAW,SAAS,UACvB;EAGF,aAAa,eAAe;EAC5B,aAAa,gBAAgB;EAE7B,MAAM,gBAAgB,MAAM,MAAM,KAAK,CAAC,CAAC,OAAO,qBAAqB;EACrE,MAAM,cAAc,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,qBAAqB;EAEjE,MAAM,QAAqB;GACzB,SAAS,MAAM;GACf;GACA;GACA;GACA;GACA,UAAU;GACV;GACA;GACA,OAAO;GACP,KAAK;EACP;EAEA,UAAU,UAAU;EACpB,eAAe,KAAK;CACtB,GACA,CAAC,SAAS,IAAI,CAChB;CAEA,MAAM,aAAa,gBAAgB;CAEnC,gBAAgB;EACd,IAAI,CAAC,YACH;EAGF,MAAM,kBAAkB,SAAS,KAAK,MAAM;EAC5C,MAAM,cAAc,SAAS,KAAK,MAAM;EACxC,SAAS,KAAK,MAAM,aAAa;EACjC,SAAS,KAAK,MAAM,SAAS;EAE7B,MAAM,qBAAqB,MAAoB;GAC7C,MAAM,QAAQ,UAAU;GACxB,IAAI,CAAC,OACH;GAGF,MAAM,WAAW,sBAAsB,MAAM,OAAO,EAAE,OAAO;GAC7D,IAAI,aAAa,QAAQ,aAAa,MAAM,UAC1C;GAGF,MAAM,YAAY,MAAM,KAAK;GAC7B,IAAI,CAAC,WACH;GAGF,MAAM,EAAE,OAAO,QAAQ,0BAA0B;IAC/C,OAAO,MAAM;IACb,MAAM,MAAM;IACZ;GACF,CAAC;GAED,UAAU,UAAU;IAAE,GAAG;IAAO;IAAU;IAAO;GAAI;GACrD,eAAe,UAAU,OAAO;EAClC;EAEA,MAAM,mBAAmB;GACvB,UAAU,UAAU;GACpB,eAAe,IAAI;GACnB,eAAe,UAAU;GACzB,4BAA4B;IAC1B,eAAe,UAAU;GAC3B,CAAC;EACH;EAEA,MAAM,wBAAwB;GAC5B,MAAM,QAAQ,UAAU;GACxB,IAAI,UAAU,MAAM,UAAU,MAAM,iBAAiB,MAAM,QAAQ,MAAM,cACvE,oBAAoB;IAClB,SAAS,MAAM;IACf,UAAU,MAAM;IAChB,QAAQ,MAAM;IACd,OAAO,MAAM;GACf,CAAC;GAGH,WAAW;EACb;EAEA,SAAS,iBAAiB,eAAe,iBAAiB;EAC1D,SAAS,iBAAiB,aAAa,eAAe;EACtD,SAAS,iBAAiB,iBAAiB,UAAU;EAErD,aAAa;GACX,SAAS,KAAK,MAAM,aAAa;GACjC,SAAS,KAAK,MAAM,SAAS;GAC7B,SAAS,oBAAoB,eAAe,iBAAiB;GAC7D,SAAS,oBAAoB,aAAa,eAAe;GACzD,SAAS,oBAAoB,iBAAiB,UAAU;EAC1D;CACF,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,mBAAmB,aACtB,UAA6B;EAC5B,IAAI,CAAC,WAAW,SAAS,YAAY,MAAM,YAAY,cACrD,OAAO;EAET,OAAO,iBAAiB,eAAe,KAAK,IAAI;CAClD,GACA;EAAC;EAAS;EAAM;CAAc,CAChC;CAEA,MAAM,cAAc,kBAAkB,eAAe,SAAS,CAAC,CAAC;CAEhE,OAAO;EACL;EACA;EACA,iBAAiB,aAAa,WAAW;EACzC,cAAc,aAAa,QAAQ;EACnC,cAAc,aAAa,SAAS;EACpC,YAAY,aAAa,OAAO;EAChC;EACA;CACF;AACF"}
+{"version":3,"file":"use-day-grid-event-resize.mjs","names":[],"sources":["../../src/hooks/use-day-grid-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport {\n  calculateMonthResizeDates,\n  MonthResizeEdge,\n} from '../utils/calculate-month-resize-dates/calculate-month-resize-dates';\nimport { getIndexFromDragPoint } from '../utils/get-index-from-drag-point/get-index-from-drag-point';\nimport { EventResizeValidationOptions, validateEventResize } from './validate-event-resize';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  dayIndex: number;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n  start: DateTimeStringValue;\n  end: DateTimeStringValue;\n}\n\nexport interface UseDayGridEventResizeInput extends EventResizeValidationOptions {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n}\n\nexport interface DayGridResizeStartInput {\n  event: ScheduleEventData;\n  edge: MonthResizeEdge;\n  cells: (HTMLElement | null)[];\n  days: DateStringValue[];\n  pointerEvent: React.PointerEvent;\n}\n\n/**\n * Resizes an event by dragging its start or end edge across a strip of day cells.\n * The target day is resolved by hit-testing `cells` with the pointer position, so\n * the hook works for any layout that renders one element per day in a single row.\n */\nexport function useDayGridEventResize({\n  enabled = false,\n  mode = 'default',\n  onEventResize,\n  canResizeEvent,\n  events,\n  preventEventOverlap,\n  canResizeEventTo,\n  onEventPlacementRejected,\n}: UseDayGridEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const [resizeValid, setResizeValid] = useState(true);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n  const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));\n\n  const validateResize = useEffectEvent((state: ResizeState) =>\n    validateEventResize({\n      event: state.event,\n      start: state.start,\n      end: state.end,\n      edge: state.edge,\n      events,\n      preventEventOverlap,\n      canResizeEventTo,\n      resourceId: state.event.resourceId,\n    })\n  );\n\n  const handleResizeStart = useCallback(\n    ({ event, edge, cells, days, pointerEvent }: DayGridResizeStartInput) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const originalStart = dayjs(event.start).format('YYYY-MM-DD HH:mm:ss');\n      const originalEnd = dayjs(event.end).format('YYYY-MM-DD HH:mm:ss');\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        cells,\n        days,\n        dayIndex: -1,\n        originalStart,\n        originalEnd,\n        start: originalStart,\n        end: originalEnd,\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n      setResizeValid(true);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    const savedCursor = document.body.style.cursor;\n    document.body.style.userSelect = 'none';\n    document.body.style.cursor = 'ew-resize';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const dayIndex = getIndexFromDragPoint(state.cells, e.clientX);\n      if (dayIndex === null || dayIndex === state.dayIndex) {\n        return;\n      }\n\n      const targetDay = state.days[dayIndex];\n      if (!targetDay) {\n        return;\n      }\n\n      const { start, end } = calculateMonthResizeDates({\n        event: state.event,\n        edge: state.edge,\n        targetDay,\n      });\n\n      resizeRef.current = { ...state, dayIndex, start, end };\n      setResizeState(resizeRef.current);\n      setResizeValid(validateResize(resizeRef.current).valid);\n    };\n\n    const endGesture = () => {\n      resizeRef.current = null;\n      setResizeState(null);\n      setResizeValid(true);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {\n        const { valid, conflicts, reason } = validateResize(state);\n\n        if (valid) {\n          stableOnEventResize({\n            eventId: state.eventId,\n            newStart: state.start,\n            newEnd: state.end,\n            event: state.event,\n          });\n        } else {\n          stableOnEventPlacementRejected({\n            action: 'resize',\n            event: state.event,\n            start: state.start,\n            end: state.end,\n            edge: state.edge,\n            resourceId: state.event.resourceId,\n            conflicts,\n            reason: reason!,\n          });\n        }\n      }\n\n      endGesture();\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n    document.addEventListener('pointercancel', endGesture);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.body.style.cursor = savedCursor;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n      document.removeEventListener('pointercancel', endGesture);\n    };\n  }, [isResizing]);\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static' || event.display === 'background') {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    resizingEdge: resizeState?.edge ?? null,\n    previewStart: resizeState?.start ?? null,\n    previewEnd: resizeState?.end ?? null,\n    isResizableEvent,\n    wasResizing,\n    resizeValid,\n  };\n}\n"],"mappings":"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"}

package/esm/hooks/use-drag-drop-handlers.mjs

@@ -1,8 +1,10 @@
 "use client";
+import { isEventPlacementAllowed } from "../utils/is-event-placement-allowed/is-event-placement-allowed.mjs";
 import { useDragState } from "./use-drag-state.mjs";
 import dayjs from "dayjs";
 import { useCallback, useEffectEvent, useState } from "react";
 //#region packages/@mantine/schedule/src/hooks/use-drag-drop-handlers.ts
+const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
 /**
 * Hook that provides unified drag-drop handlers for Schedule views.
 * Handles drag state management and event drops across Day, Week, and Month views.
@@ -10,18 +12,97 @@ import { useCallback, useEffectEvent, useState } from "react";
 * @template T - Type of the drop target (e.g., slot index, day string, etc.)
 */
 function useDragDropHandlers(options) {
-	const { enabled, mode, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, calculateDropTarget, onExternalDrop } = options;
+	const { enabled, mode, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, calculateDropTarget, onExternalDrop, events, preventEventOverlap, canDropEvent, canDropExternalEvent, onEventPlacementRejected, getTargetResourceId, getExternalDropDateTime } = options;
 	const stableOnEventDrop = useEffectEvent(onEventDrop || (() => {}));
+	const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));
 	const stableOnEventDragStart = useEffectEvent(onEventDragStart || (() => {}));
 	const stableOnEventDragEnd = useEffectEvent(onEventDragEnd || (() => {}));
 	const stableOnExternalDrop = useEffectEvent(onExternalDrop || (() => {}));
 	const dragState = useDragState();
 	const [dropTarget, setDropTarget] = useState(null);
 	const [dragPreview, setDragPreview] = useState(null);
+	const [dropValid, setDropValid] = useState(true);
+	const validateDrop = useCallback((target, draggedEvent) => {
+		const range = calculateDropTarget(target, draggedEvent);
+		const start = dayjs(range.start).format(DATE_TIME_FORMAT);
+		const end = dayjs(range.end).format(DATE_TIME_FORMAT);
+		const resourceId = getTargetResourceId?.(target);
+		const { allowed, conflicts } = isEventPlacementAllowed({
+			event: draggedEvent,
+			start,
+			end,
+			events: events || [],
+			preventEventOverlap,
+			resourceId
+		});
+		if (!allowed) return {
+			valid: false,
+			start,
+			end,
+			resourceId,
+			conflicts,
+			reason: "overlap"
+		};
+		if (canDropEvent && canDropEvent({
+			event: draggedEvent,
+			start,
+			end,
+			resourceId
+		}) === false) return {
+			valid: false,
+			start,
+			end,
+			resourceId,
+			conflicts: [],
+			reason: "rejected"
+		};
+		return {
+			valid: true,
+			start,
+			end,
+			resourceId,
+			conflicts: [],
+			reason: null
+		};
+	}, [
+		calculateDropTarget,
+		getTargetResourceId,
+		events,
+		preventEventOverlap,
+		canDropEvent
+	]);
+	const validateExternalDrop = useCallback((target, dataTransfer) => {
+		if (!canDropExternalEvent || !getExternalDropDateTime) return {
+			valid: true,
+			start: void 0,
+			resourceId: void 0
+		};
+		const start = getExternalDropDateTime(target);
+		if (start === null) return {
+			valid: true,
+			start: void 0,
+			resourceId: void 0
+		};
+		const resourceId = getTargetResourceId?.(target);
+		return {
+			valid: canDropExternalEvent({
+				dataTransfer,
+				start,
+				resourceId
+			}) !== false,
+			start,
+			resourceId
+		};
+	}, [
+		canDropExternalEvent,
+		getExternalDropDateTime,
+		getTargetResourceId
+	]);
 	const handleDragEnd = useCallback(() => {
 		dragState.endDrag();
 		setDropTarget(null);
 		setDragPreview(null);
+		setDropValid(true);
 		stableOnEventDragEnd();
 	}, [dragState]);
 	const handleDragStart = useCallback((event) => {
@@ -43,14 +124,20 @@ function useDragDropHandlers(options) {
 		if (isInternalDrag && !enabled) return;
 		if (!isInternalDrag && !onExternalDrop) return;
 		event.preventDefault();
+		const draggedEvent = dragState.state.draggedEvent;
+		const valid = isInternalDrag && draggedEvent ? validateDrop(target, draggedEvent).valid : validateExternalDrop(target, event.dataTransfer).valid;
+		setDropValid(valid);
 		event.dataTransfer.dropEffect = isInternalDrag ? "move" : "copy";
 		setDropTarget(target);
 	}, [
 		enabled,
 		mode,
 		dragState.state.isDragging,
+		dragState.state.draggedEvent,
 		onExternalDrop,
-		handleDragEnd
+		handleDragEnd,
+		validateDrop,
+		validateExternalDrop
 	]);
 	const handleDragLeave = useCallback((event) => {
 		if (event?.currentTarget) {
@@ -59,39 +146,67 @@ function useDragDropHandlers(options) {
 		}
 		setDropTarget(null);
 		setDragPreview(null);
+		setDropValid(true);
 	}, []);
 	const handleDrop = useCallback((event, target) => {
 		event.preventDefault();
 		const isInternalDrag = dragState.state.isDragging && event.dataTransfer.types.includes("application/json");
 		if (isInternalDrag && enabled && dragState.state.draggedEvent && onEventDrop) {
-			const { start, end } = calculateDropTarget(target, dragState.state.draggedEvent);
+			const draggedEvent = dragState.state.draggedEvent;
+			const { valid, start, end, resourceId, conflicts, reason } = validateDrop(target, draggedEvent);
+			if (!valid) {
+				stableOnEventPlacementRejected({
+					action: "drop",
+					event: draggedEvent,
+					start,
+					end,
+					resourceId,
+					conflicts,
+					reason
+				});
+				handleDragEnd();
+				return;
+			}
 			stableOnEventDrop({
 				eventId: dragState.state.draggedEventId,
-				newStart: dayjs(start).format("YYYY-MM-DD HH:mm:ss"),
-				newEnd: dayjs(end).format("YYYY-MM-DD HH:mm:ss"),
-				event: dragState.state.draggedEvent
+				newStart: start,
+				newEnd: end,
+				event: draggedEvent
 			});
 			handleDragEnd();
 			return;
 		}
 		if (!isInternalDrag && onExternalDrop) {
 			if (dragState.state.isDragging) handleDragEnd();
-			stableOnExternalDrop(event, target);
+			const external = validateExternalDrop(target, event.dataTransfer);
+			if (!external.valid) stableOnEventPlacementRejected({
+				action: "external-drop",
+				dataTransfer: event.dataTransfer,
+				start: external.start,
+				resourceId: external.resourceId,
+				conflicts: [],
+				reason: "rejected"
+			});
+			else stableOnExternalDrop(event, target);
 			setDropTarget(null);
 			setDragPreview(null);
+			setDropValid(true);
 			return;
 		}
 		setDropTarget(null);
 		setDragPreview(null);
+		setDropValid(true);
 	}, [
 		enabled,
 		dragState.state,
 		onEventDrop,
 		onExternalDrop,
-		calculateDropTarget,
 		handleDragEnd,
+		validateDrop,
+		validateExternalDrop,
 		stableOnEventDrop,
-		stableOnExternalDrop
+		stableOnExternalDrop,
+		stableOnEventPlacementRejected
 	]);
 	const isDraggableEvent = useCallback((event) => {
 		return enabled && mode !== "static" && event.display !== "background" && (canDragEvent ? canDragEvent(event) : true);
@@ -123,7 +238,8 @@ function useDragDropHandlers(options) {
 		isDraggableEvent,
 		isDropTarget,
 		dragPreview,
-		setDragPreview
+		setDragPreview,
+		dropValid
 	};
 }
 //#endregion

package/esm/hooks/use-drag-drop-handlers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-drop-handlers.mjs","names":[],"sources":["../../src/hooks/use-drag-drop-handlers.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffectEvent, useState } from 'react';\nimport { DragContextValue } from '../components/DragContext/DragContext';\nimport { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport { useDragState } from './use-drag-state';\n\nexport interface DragPreview<T = any> {\n  start: DateTimeStringValue;\n  end: DateTimeStringValue;\n  target: T;\n}\n\nexport interface UseDragDropHandlersOptions<T = any> {\n  /** Whether drag and drop is enabled */\n  enabled: boolean;\n\n  /** Schedule interaction mode */\n  mode: ScheduleMode;\n\n  /** Called when event is dropped at new location */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /**\n   * Function to calculate drop target dates from drop location.\n   * Receives the target location and the dragged event.\n   */\n  calculateDropTarget: (target: T, draggedEvent: ScheduleEventData) => { start: Date; end: Date };\n\n  /** Called when an external item is dropped onto the schedule */\n  onExternalDrop?: (e: React.DragEvent, target: T) => void;\n}\n\nexport interface DragDropHandlers<T = any> {\n  /** Context value for DragContext.Provider */\n  dragContextValue: DragContextValue;\n\n  /** Current drop target */\n  dropTarget: T | null;\n\n  /** Handle drag start event */\n  handleDragStart: (event: ScheduleEventData) => void;\n\n  /** Handle drag end event */\n  handleDragEnd: () => void;\n\n  /** Handle drag over event */\n  handleDragOver: (e: React.DragEvent, target: T) => void;\n\n  /** Handle drag leave event */\n  handleDragLeave: (event?: React.DragEvent) => void;\n\n  /** Handle drop event */\n  handleDrop: (e: React.DragEvent, target: T) => void;\n\n  /** Check if event is draggable */\n  isDraggableEvent: (event: ScheduleEventData) => boolean;\n\n  /** Check if target is the current drop target */\n  isDropTarget: (target: T) => boolean;\n\n  /** Snapped drop preview used to render the drag ghost, or `null` when not dragging */\n  dragPreview: DragPreview<T> | null;\n\n  /** Sets the current drag preview */\n  setDragPreview: (preview: DragPreview<T> | null) => void;\n}\n\n/**\n * Hook that provides unified drag-drop handlers for Schedule views.\n * Handles drag state management and event drops across Day, Week, and Month views.\n *\n * @template T - Type of the drop target (e.g., slot index, day string, etc.)\n */\nexport function useDragDropHandlers<T = any>(\n  options: UseDragDropHandlersOptions<T>\n): DragDropHandlers<T> {\n  const {\n    enabled,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget,\n    onExternalDrop,\n  } = options;\n\n  const stableOnEventDrop = useEffectEvent(onEventDrop || (() => {}));\n  const stableOnEventDragStart = useEffectEvent(onEventDragStart || (() => {}));\n  const stableOnEventDragEnd = useEffectEvent(onEventDragEnd || (() => {}));\n  const stableOnExternalDrop = useEffectEvent(onExternalDrop || (() => {}));\n\n  const dragState = useDragState();\n  const [dropTarget, setDropTarget] = useState<T | null>(null);\n  const [dragPreview, setDragPreview] = useState<DragPreview<T> | null>(null);\n\n  const handleDragEnd = useCallback(() => {\n    dragState.endDrag();\n    setDropTarget(null);\n    setDragPreview(null);\n    stableOnEventDragEnd();\n  }, [dragState]);\n\n  const handleDragStart = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n      dragState.startDrag(event);\n      stableOnEventDragStart(event);\n    },\n    [enabled, mode, dragState]\n  );\n\n  const handleDragOver = useCallback(\n    (event: React.DragEvent, target: T) => {\n      if (mode === 'static') {\n        return;\n      }\n\n      let isInternalDrag = dragState.state.isDragging;\n\n      if (isInternalDrag && !event.dataTransfer.types.includes('application/json')) {\n        handleDragEnd();\n        isInternalDrag = false;\n      }\n\n      if (isInternalDrag && !enabled) {\n        return;\n      }\n\n      if (!isInternalDrag && !onExternalDrop) {\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = isInternalDrag ? 'move' : 'copy';\n      setDropTarget(target);\n    },\n    [enabled, mode, dragState.state.isDragging, onExternalDrop, handleDragEnd]\n  );\n\n  const handleDragLeave = useCallback((event?: React.DragEvent) => {\n    if (event?.currentTarget) {\n      const rect = event.currentTarget.getBoundingClientRect();\n      const isInside =\n        event.clientX >= rect.left &&\n        event.clientX < rect.right &&\n        event.clientY >= rect.top &&\n        event.clientY < rect.bottom;\n      if (isInside) {\n        return;\n      }\n    }\n\n    setDropTarget(null);\n    setDragPreview(null);\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: React.DragEvent, target: T) => {\n      event.preventDefault();\n\n      const isInternalDrag =\n        dragState.state.isDragging && event.dataTransfer.types.includes('application/json');\n\n      if (isInternalDrag && enabled && dragState.state.draggedEvent && onEventDrop) {\n        const { start, end } = calculateDropTarget(target, dragState.state.draggedEvent);\n        stableOnEventDrop({\n          eventId: dragState.state.draggedEventId!,\n          newStart: dayjs(start).format('YYYY-MM-DD HH:mm:ss'),\n          newEnd: dayjs(end).format('YYYY-MM-DD HH:mm:ss'),\n          event: dragState.state.draggedEvent,\n        });\n        handleDragEnd();\n        return;\n      }\n\n      if (!isInternalDrag && onExternalDrop) {\n        if (dragState.state.isDragging) {\n          handleDragEnd();\n        }\n        stableOnExternalDrop(event, target);\n        setDropTarget(null);\n        setDragPreview(null);\n        return;\n      }\n\n      setDropTarget(null);\n      setDragPreview(null);\n    },\n    [\n      enabled,\n      dragState.state,\n      onEventDrop,\n      onExternalDrop,\n      calculateDropTarget,\n      handleDragEnd,\n      stableOnEventDrop,\n      stableOnExternalDrop,\n    ]\n  );\n\n  const isDraggableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      return (\n        enabled &&\n        mode !== 'static' &&\n        event.display !== 'background' &&\n        (canDragEvent ? canDragEvent(event) : true)\n      );\n    },\n    [enabled, mode, canDragEvent]\n  );\n\n  const isDropTarget = useCallback(\n    (target: T) => {\n      // Handle complex target comparison (for WeekView with day + slotIndex)\n      if (dropTarget && typeof dropTarget === 'object' && typeof target === 'object') {\n        return JSON.stringify(dropTarget) === JSON.stringify(target);\n      }\n      return dropTarget === target;\n    },\n    [dropTarget]\n  );\n\n  const dragContextValue: DragContextValue = {\n    isDragging: dragState.state.isDragging,\n    draggedEventId: dragState.state.draggedEventId,\n    draggedEvent: dragState.state.draggedEvent,\n    dropTarget: dragState.state.dropTarget,\n    onDragStart: handleDragStart,\n    onDragEnd: handleDragEnd,\n    setDropTarget: dragState.setDropTarget,\n  };\n\n  return {\n    dragContextValue,\n    dropTarget,\n    handleDragStart,\n    handleDragEnd,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n    isDraggableEvent,\n    isDropTarget,\n    dragPreview,\n    setDragPreview,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-drag-drop-handlers.mjs","names":[],"sources":["../../src/hooks/use-drag-drop-handlers.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffectEvent, useState } from 'react';\nimport { DragContextValue } from '../components/DragContext/DragContext';\nimport {\n  DateTimeStringValue,\n  PreventEventOverlap,\n  ScheduleCanDropEventData,\n  ScheduleCanDropExternalEventData,\n  ScheduleEventData,\n  ScheduleEventPlacementRejectedData,\n  ScheduleMode,\n} from '../types';\nimport { isEventPlacementAllowed } from '../utils/is-event-placement-allowed/is-event-placement-allowed';\nimport { useDragState } from './use-drag-state';\n\nconst DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';\n\nexport interface DragPreview<T = any> {\n  start: DateTimeStringValue;\n  end: DateTimeStringValue;\n  target: T;\n}\n\nexport interface UseDragDropHandlersOptions<T = any> {\n  /** Whether drag and drop is enabled */\n  enabled: boolean;\n\n  /** Schedule interaction mode */\n  mode: ScheduleMode;\n\n  /** Called when event is dropped at new location */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /**\n   * Function to calculate drop target dates from drop location.\n   * Receives the target location and the dragged event.\n   */\n  calculateDropTarget: (target: T, draggedEvent: ScheduleEventData) => { start: Date; end: Date };\n\n  /** Called when an external item is dropped onto the schedule */\n  onExternalDrop?: (e: React.DragEvent, target: T) => void;\n\n  /** Events the candidate range is checked against when `preventEventOverlap` is set */\n  events?: ScheduleEventData[];\n\n  /** If set, drops that would make the event overlap another event are rejected */\n  preventEventOverlap?: PreventEventOverlap;\n\n  /** Called on every `dragover` to compute live feedback and again before the drop is committed, return `false` to reject the drop */\n  canDropEvent?: (data: ScheduleCanDropEventData) => boolean;\n\n  /** Called on every `dragover` of an external item to compute live feedback and again before the drop is committed, return `false` to reject the drop */\n  canDropExternalEvent?: (data: ScheduleCanDropExternalEventData) => boolean;\n\n  /** Called when a drop is rejected */\n  onEventPlacementRejected?: (data: ScheduleEventPlacementRejectedData) => void;\n\n  /** Resolves the target resource from the drop target, used by `Resources*` views */\n  getTargetResourceId?: (target: T) => string | number | undefined;\n\n  /** Resolves the datetime an external item would be dropped at, `null` when the target has no datetime */\n  getExternalDropDateTime?: (target: T) => DateTimeStringValue | null;\n}\n\nexport interface DragDropHandlers<T = any> {\n  /** Context value for DragContext.Provider */\n  dragContextValue: DragContextValue;\n\n  /** Current drop target */\n  dropTarget: T | null;\n\n  /** Handle drag start event */\n  handleDragStart: (event: ScheduleEventData) => void;\n\n  /** Handle drag end event */\n  handleDragEnd: () => void;\n\n  /** Handle drag over event */\n  handleDragOver: (e: React.DragEvent, target: T) => void;\n\n  /** Handle drag leave event */\n  handleDragLeave: (event?: React.DragEvent) => void;\n\n  /** Handle drop event */\n  handleDrop: (e: React.DragEvent, target: T) => void;\n\n  /** Check if event is draggable */\n  isDraggableEvent: (event: ScheduleEventData) => boolean;\n\n  /** Check if target is the current drop target */\n  isDropTarget: (target: T) => boolean;\n\n  /** Snapped drop preview used to render the drag ghost, or `null` when not dragging */\n  dragPreview: DragPreview<T> | null;\n\n  /** Sets the current drag preview */\n  setDragPreview: (preview: DragPreview<T> | null) => void;\n\n  /** False while the pointer is over a target that would be rejected */\n  dropValid: boolean;\n}\n\n/**\n * Hook that provides unified drag-drop handlers for Schedule views.\n * Handles drag state management and event drops across Day, Week, and Month views.\n *\n * @template T - Type of the drop target (e.g., slot index, day string, etc.)\n */\nexport function useDragDropHandlers<T = any>(\n  options: UseDragDropHandlersOptions<T>\n): DragDropHandlers<T> {\n  const {\n    enabled,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget,\n    onExternalDrop,\n    events,\n    preventEventOverlap,\n    canDropEvent,\n    canDropExternalEvent,\n    onEventPlacementRejected,\n    getTargetResourceId,\n    getExternalDropDateTime,\n  } = options;\n\n  const stableOnEventDrop = useEffectEvent(onEventDrop || (() => {}));\n  const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));\n  const stableOnEventDragStart = useEffectEvent(onEventDragStart || (() => {}));\n  const stableOnEventDragEnd = useEffectEvent(onEventDragEnd || (() => {}));\n  const stableOnExternalDrop = useEffectEvent(onExternalDrop || (() => {}));\n\n  const dragState = useDragState();\n  const [dropTarget, setDropTarget] = useState<T | null>(null);\n  const [dragPreview, setDragPreview] = useState<DragPreview<T> | null>(null);\n  const [dropValid, setDropValid] = useState(true);\n\n  const validateDrop = useCallback(\n    (target: T, draggedEvent: ScheduleEventData) => {\n      const range = calculateDropTarget(target, draggedEvent);\n      const start = dayjs(range.start).format(DATE_TIME_FORMAT);\n      const end = dayjs(range.end).format(DATE_TIME_FORMAT);\n      const resourceId = getTargetResourceId?.(target);\n\n      const { allowed, conflicts } = isEventPlacementAllowed({\n        event: draggedEvent,\n        start,\n        end,\n        events: events || [],\n        preventEventOverlap,\n        resourceId,\n      });\n\n      if (!allowed) {\n        return { valid: false, start, end, resourceId, conflicts, reason: 'overlap' as const };\n      }\n\n      if (canDropEvent && canDropEvent({ event: draggedEvent, start, end, resourceId }) === false) {\n        return { valid: false, start, end, resourceId, conflicts: [], reason: 'rejected' as const };\n      }\n\n      return { valid: true, start, end, resourceId, conflicts: [], reason: null };\n    },\n    [calculateDropTarget, getTargetResourceId, events, preventEventOverlap, canDropEvent]\n  );\n\n  const validateExternalDrop = useCallback(\n    (target: T, dataTransfer: DataTransfer) => {\n      if (!canDropExternalEvent || !getExternalDropDateTime) {\n        return { valid: true, start: undefined, resourceId: undefined };\n      }\n\n      const start = getExternalDropDateTime(target);\n\n      if (start === null) {\n        return { valid: true, start: undefined, resourceId: undefined };\n      }\n\n      const resourceId = getTargetResourceId?.(target);\n      return {\n        valid: canDropExternalEvent({ dataTransfer, start, resourceId }) !== false,\n        start,\n        resourceId,\n      };\n    },\n    [canDropExternalEvent, getExternalDropDateTime, getTargetResourceId]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    dragState.endDrag();\n    setDropTarget(null);\n    setDragPreview(null);\n    setDropValid(true);\n    stableOnEventDragEnd();\n  }, [dragState]);\n\n  const handleDragStart = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n      dragState.startDrag(event);\n      stableOnEventDragStart(event);\n    },\n    [enabled, mode, dragState]\n  );\n\n  const handleDragOver = useCallback(\n    (event: React.DragEvent, target: T) => {\n      if (mode === 'static') {\n        return;\n      }\n\n      let isInternalDrag = dragState.state.isDragging;\n\n      if (isInternalDrag && !event.dataTransfer.types.includes('application/json')) {\n        handleDragEnd();\n        isInternalDrag = false;\n      }\n\n      if (isInternalDrag && !enabled) {\n        return;\n      }\n\n      if (!isInternalDrag && !onExternalDrop) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const draggedEvent = dragState.state.draggedEvent;\n      const valid =\n        isInternalDrag && draggedEvent\n          ? validateDrop(target, draggedEvent).valid\n          : validateExternalDrop(target, event.dataTransfer).valid;\n\n      setDropValid(valid);\n\n      // The drop effect stays permissive even for an invalid target: setting it to 'none' makes the\n      // browser end the drag with dragleave/dragend and never fire `drop`, which would stop\n      // `handleDrop` from rejecting the placement and reporting it through onEventPlacementRejected.\n      // Invalid targets are signalled with `data-invalid` on the drag preview instead.\n      event.dataTransfer.dropEffect = isInternalDrag ? 'move' : 'copy';\n      setDropTarget(target);\n    },\n    [\n      enabled,\n      mode,\n      dragState.state.isDragging,\n      dragState.state.draggedEvent,\n      onExternalDrop,\n      handleDragEnd,\n      validateDrop,\n      validateExternalDrop,\n    ]\n  );\n\n  const handleDragLeave = useCallback((event?: React.DragEvent) => {\n    if (event?.currentTarget) {\n      const rect = event.currentTarget.getBoundingClientRect();\n      const isInside =\n        event.clientX >= rect.left &&\n        event.clientX < rect.right &&\n        event.clientY >= rect.top &&\n        event.clientY < rect.bottom;\n      if (isInside) {\n        return;\n      }\n    }\n\n    setDropTarget(null);\n    setDragPreview(null);\n    setDropValid(true);\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: React.DragEvent, target: T) => {\n      event.preventDefault();\n\n      const isInternalDrag =\n        dragState.state.isDragging && event.dataTransfer.types.includes('application/json');\n\n      if (isInternalDrag && enabled && dragState.state.draggedEvent && onEventDrop) {\n        const draggedEvent = dragState.state.draggedEvent;\n        const { valid, start, end, resourceId, conflicts, reason } = validateDrop(\n          target,\n          draggedEvent\n        );\n\n        if (!valid) {\n          stableOnEventPlacementRejected({\n            action: 'drop',\n            event: draggedEvent,\n            start,\n            end,\n            resourceId,\n            conflicts,\n            reason: reason!,\n          });\n          handleDragEnd();\n          return;\n        }\n\n        stableOnEventDrop({\n          eventId: dragState.state.draggedEventId!,\n          newStart: start,\n          newEnd: end,\n          event: draggedEvent,\n        });\n        handleDragEnd();\n        return;\n      }\n\n      if (!isInternalDrag && onExternalDrop) {\n        if (dragState.state.isDragging) {\n          handleDragEnd();\n        }\n\n        const external = validateExternalDrop(target, event.dataTransfer);\n\n        if (!external.valid) {\n          stableOnEventPlacementRejected({\n            action: 'external-drop',\n            dataTransfer: event.dataTransfer,\n            start: external.start!,\n            resourceId: external.resourceId,\n            conflicts: [],\n            reason: 'rejected',\n          });\n        } else {\n          stableOnExternalDrop(event, target);\n        }\n\n        setDropTarget(null);\n        setDragPreview(null);\n        setDropValid(true);\n        return;\n      }\n\n      setDropTarget(null);\n      setDragPreview(null);\n      setDropValid(true);\n    },\n    [\n      enabled,\n      dragState.state,\n      onEventDrop,\n      onExternalDrop,\n      handleDragEnd,\n      validateDrop,\n      validateExternalDrop,\n      stableOnEventDrop,\n      stableOnExternalDrop,\n      stableOnEventPlacementRejected,\n    ]\n  );\n\n  const isDraggableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      return (\n        enabled &&\n        mode !== 'static' &&\n        event.display !== 'background' &&\n        (canDragEvent ? canDragEvent(event) : true)\n      );\n    },\n    [enabled, mode, canDragEvent]\n  );\n\n  const isDropTarget = useCallback(\n    (target: T) => {\n      // Handle complex target comparison (for WeekView with day + slotIndex)\n      if (dropTarget && typeof dropTarget === 'object' && typeof target === 'object') {\n        return JSON.stringify(dropTarget) === JSON.stringify(target);\n      }\n      return dropTarget === target;\n    },\n    [dropTarget]\n  );\n\n  const dragContextValue: DragContextValue = {\n    isDragging: dragState.state.isDragging,\n    draggedEventId: dragState.state.draggedEventId,\n    draggedEvent: dragState.state.draggedEvent,\n    dropTarget: dragState.state.dropTarget,\n    onDragStart: handleDragStart,\n    onDragEnd: handleDragEnd,\n    setDropTarget: dragState.setDropTarget,\n  };\n\n  return {\n    dragContextValue,\n    dropTarget,\n    handleDragStart,\n    handleDragEnd,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n    isDraggableEvent,\n    isDropTarget,\n    dragPreview,\n    setDragPreview,\n    dropValid,\n  };\n}\n"],"mappings":"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"}

package/esm/hooks/use-event-resize.mjs

@@ -1,14 +1,26 @@
 "use client";
 import { clampIntervalMinutes } from "../utils/clamp-interval-minutes/clamp-interval-minutes.mjs";
 import { parseTimeString } from "../utils/parse-time-string/parse-time-string.mjs";
+import { validateEventResize } from "./validate-event-resize.mjs";
 import dayjs from "dayjs";
 import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
 //#region packages/@mantine/schedule/src/hooks/use-event-resize.ts
-function useEventResize({ enabled = false, mode = "default", startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent, withBackgroundEvents = false }) {
+function useEventResize({ enabled = false, mode = "default", startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent, events, preventEventOverlap, canResizeEventTo, onEventPlacementRejected, withBackgroundEvents = false }) {
 	const [resizeState, setResizeState] = useState(null);
+	const [resizeValid, setResizeValid] = useState(true);
 	const resizeRef = useRef(null);
 	const justResizedRef = useRef(false);
 	const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));
+	const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));
+	const validateResize = useEffectEvent((event, start, end, edge) => validateEventResize({
+		event,
+		start,
+		end,
+		edge,
+		events,
+		preventEventOverlap,
+		canResizeEventTo
+	}));
 	const parsedStartTime = parseTimeString(startTime);
 	const parsedEndTime = parseTimeString(endTime);
 	const startMinutes = parsedStartTime.hours * 60 + parsedStartTime.minutes;
@@ -67,7 +79,13 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		};
 		resizeRef.current = state;
 		setResizeState(state);
+		setResizeValid(true);
 	}, [enabled, mode]);
+	const getResizeRange = useCallback((state) => ({
+		start: state.edge === "top" ? percentToDateTime(state.currentTop, state.eventDate) : state.originalStart,
+		end: state.edge === "top" ? state.originalEnd : percentToDateTime(state.currentTop + state.currentHeight, state.eventDate),
+		edge: state.edge === "top" ? "start" : "end"
+	}), [percentToDateTime]);
 	const isResizing = resizeState !== null;
 	useEffect(() => {
 		if (!isResizing) return;
@@ -98,30 +116,35 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 				currentHeight: newHeight
 			};
 			setResizeState(resizeRef.current);
+			const range = getResizeRange(resizeRef.current);
+			setResizeValid(validateResize(state.event, range.start, range.end, range.edge).valid);
 		};
 		const handlePointerUp = () => {
 			const state = resizeRef.current;
 			if (state) {
 				if (state.currentTop !== state.originalTop || state.currentHeight !== state.originalHeight) {
-					let newStart;
-					let newEnd;
-					if (state.edge === "top") {
-						newStart = percentToDateTime(state.currentTop, state.eventDate);
-						newEnd = state.originalEnd;
-					} else {
-						newStart = state.originalStart;
-						newEnd = percentToDateTime(state.currentTop + state.currentHeight, state.eventDate);
-					}
-					stableOnEventResize({
+					const { start: newStart, end: newEnd, edge } = getResizeRange(state);
+					const { valid, conflicts, reason } = validateResize(state.event, newStart, newEnd, edge);
+					if (valid) stableOnEventResize({
 						eventId: state.eventId,
 						newStart,
 						newEnd,
 						event: state.event
 					});
+					else stableOnEventPlacementRejected({
+						action: "resize",
+						event: state.event,
+						start: newStart,
+						end: newEnd,
+						edge,
+						conflicts,
+						reason
+					});
 				}
 			}
 			resizeRef.current = null;
 			setResizeState(null);
+			setResizeValid(true);
 			justResizedRef.current = true;
 			requestAnimationFrame(() => {
 				justResizedRef.current = false;
@@ -160,7 +183,8 @@ function useEventResize({ enabled = false, mode = "default", startTime, endTime,
 		resizingEventId: resizeState?.eventId ?? null,
 		getResizePosition,
 		isResizableEvent,
-		wasResizing
+		wasResizing,
+		resizeValid
 	};
 }
 //#endregion

package/esm/hooks/use-event-resize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-resize.mjs","names":[],"sources":["../../src/hooks/use-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport { clampIntervalMinutes } from '../utils/clamp-interval-minutes/clamp-interval-minutes';\nimport { parseTimeString } from '../utils/parse-time-string/parse-time-string';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: number;\n  resizeIntervalMinutes?: number;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n  withBackgroundEvents?: boolean;\n}\n\nexport function useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  resizeIntervalMinutes,\n  onEventResize,\n  canResizeEvent,\n  withBackgroundEvents = false,\n}: UseEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n\n  const parsedStartTime = parseTimeString(startTime);\n  const parsedEndTime = parseTimeString(endTime);\n  const startMinutes = parsedStartTime.hours * 60 + parsedStartTime.minutes;\n  const endMinutes = parsedEndTime.hours * 60 + parsedEndTime.minutes;\n  const clampedInterval = clampIntervalMinutes(intervalMinutes);\n  const clampedResizeInterval = clampIntervalMinutes(resizeIntervalMinutes ?? intervalMinutes);\n  const literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n\n  // Snapping happens in absolute minutes from midnight – the same grid `calculateDropTime`\n  // uses for drag and drop. Snapping relative to `startTime` would put resized edges on a\n  // different grid than dragged events whenever `startTime` is not a multiple of the interval\n  // (with `startTime=\"08:10\"` and a 30 minute step, drops land on :00/:30 but resizes on\n  // :10/:40, so the two operations could never align an event).\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped =\n        Math.round((startMinutes + minutes) / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToDateTime = useCallback(\n    (percent: number, eventDate: string): DateTimeStringValue => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      const totalMins = startMinutes + snappedMinutes;\n      const hours = Math.floor(totalMins / 60);\n      const mins = totalMins % 60;\n      return `${eventDate} ${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}:00`;\n    },\n    [totalMinutes, startMinutes, clampAndSnap]\n  );\n\n  const snapEdgeMinutes = useCallback(\n    (minutes: number, direction: 'up' | 'down'): number => {\n      const absolute = startMinutes + minutes;\n      const snapped =\n        direction === 'up'\n          ? Math.ceil(absolute / clampedResizeInterval) * clampedResizeInterval\n          : Math.floor(absolute / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToMinutes = useCallback(\n    (percent: number): number => (percent / 100) * totalMinutes,\n    [totalMinutes]\n  );\n\n  const minutesToPercent = useCallback(\n    (minutes: number): number => (minutes / totalMinutes) * 100,\n    [totalMinutes]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\n      pointerEvent: React.PointerEvent;\n    }) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        container,\n        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\n        eventDate,\n        originalStart: dayjs(event.start).format('YYYY-MM-DD HH:mm:ss'),\n        originalEnd: dayjs(event.end).format('YYYY-MM-DD HH:mm:ss'),\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n    },\n    [enabled, mode]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    document.body.style.userSelect = 'none';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const containerRect = state.container.getBoundingClientRect();\n      const relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const draggedMinutes = clampAndSnap(percentToMinutes(rawPercent));\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        const topMinutes = percentToMinutes(state.originalTop);\n        const minEndMinutes = snapEdgeMinutes(topMinutes + clampedResizeInterval, 'up');\n        const endMinutes = Math.max(draggedMinutes, minEndMinutes);\n        newHeight = Math.max(0, minutesToPercent(endMinutes) - state.originalTop);\n      } else {\n        const bottomMinutes = percentToMinutes(state.originalTop + state.originalHeight);\n        const maxStartMinutes = snapEdgeMinutes(bottomMinutes - clampedResizeInterval, 'down');\n        const startMinutesValue = Math.min(draggedMinutes, maxStartMinutes);\n        newTop = minutesToPercent(startMinutesValue);\n        newHeight = Math.max(0, state.originalTop + state.originalHeight - newTop);\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          let newStart: DateTimeStringValue;\n          let newEnd: DateTimeStringValue;\n\n          if (state.edge === 'top') {\n            newStart = percentToDateTime(state.currentTop, state.eventDate);\n            newEnd = state.originalEnd;\n          } else {\n            newStart = state.originalStart;\n            newEnd = percentToDateTime(state.currentTop + state.currentHeight, state.eventDate);\n          }\n\n          stableOnEventResize({\n            eventId: state.eventId,\n            newStart,\n            newEnd,\n            event: state.event,\n          });\n        }\n      }\n      resizeRef.current = null;\n      setResizeState(null);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isResizing]);\n\n  const getResizePosition = useCallback(\n    (eventId: string | number, eventDate?: string) => {\n      if (!resizeState || resizeState.eventId !== eventId) {\n        return null;\n      }\n      if (eventDate !== undefined && resizeState.eventDate !== eventDate) {\n        return null;\n      }\n      return { top: resizeState.currentTop, height: resizeState.currentHeight };\n    },\n    [resizeState]\n  );\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static') {\n        return false;\n      }\n      if (event.display === 'background' && !withBackgroundEvents) {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent, withBackgroundEvents]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-event-resize.mjs","names":[],"sources":["../../src/hooks/use-event-resize.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';\nimport { clampIntervalMinutes } from '../utils/clamp-interval-minutes/clamp-interval-minutes';\nimport { parseTimeString } from '../utils/parse-time-string/parse-time-string';\nimport { EventResizeValidationOptions, validateEventResize } from './validate-event-resize';\n\ntype ResizeEdge = 'top' | 'bottom';\n\ninterface ResizeState {\n  eventId: string | number;\n  event: ScheduleEventData;\n  edge: ResizeEdge;\n  container: HTMLElement;\n  originalTop: number;\n  originalHeight: number;\n  currentTop: number;\n  currentHeight: number;\n  eventDate: string;\n  originalStart: DateTimeStringValue;\n  originalEnd: DateTimeStringValue;\n}\n\nexport interface UseEventResizeInput extends EventResizeValidationOptions {\n  enabled?: boolean;\n  mode?: ScheduleMode;\n  startTime: string;\n  endTime: string;\n  intervalMinutes: number;\n  resizeIntervalMinutes?: number;\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n  withBackgroundEvents?: boolean;\n}\n\nexport function useEventResize({\n  enabled = false,\n  mode = 'default',\n  startTime,\n  endTime,\n  intervalMinutes,\n  resizeIntervalMinutes,\n  onEventResize,\n  canResizeEvent,\n  events,\n  preventEventOverlap,\n  canResizeEventTo,\n  onEventPlacementRejected,\n  withBackgroundEvents = false,\n}: UseEventResizeInput) {\n  const [resizeState, setResizeState] = useState<ResizeState | null>(null);\n  const [resizeValid, setResizeValid] = useState(true);\n  const resizeRef = useRef<ResizeState | null>(null);\n  const justResizedRef = useRef(false);\n  const stableOnEventResize = useEffectEvent(onEventResize || (() => {}));\n  const stableOnEventPlacementRejected = useEffectEvent(onEventPlacementRejected || (() => {}));\n\n  const validateResize = useEffectEvent(\n    (\n      event: ScheduleEventData,\n      start: DateTimeStringValue,\n      end: DateTimeStringValue,\n      edge: 'start' | 'end'\n    ) =>\n      validateEventResize({\n        event,\n        start,\n        end,\n        edge,\n        events,\n        preventEventOverlap,\n        canResizeEventTo,\n      })\n  );\n\n  const parsedStartTime = parseTimeString(startTime);\n  const parsedEndTime = parseTimeString(endTime);\n  const startMinutes = parsedStartTime.hours * 60 + parsedStartTime.minutes;\n  const endMinutes = parsedEndTime.hours * 60 + parsedEndTime.minutes;\n  const clampedInterval = clampIntervalMinutes(intervalMinutes);\n  const clampedResizeInterval = clampIntervalMinutes(resizeIntervalMinutes ?? intervalMinutes);\n  const literalRange = endMinutes - startMinutes;\n  const totalMinutes = Math.ceil(literalRange / clampedInterval) * clampedInterval;\n\n  // Snapping happens in absolute minutes from midnight – the same grid `calculateDropTime`\n  // uses for drag and drop. Snapping relative to `startTime` would put resized edges on a\n  // different grid than dragged events whenever `startTime` is not a multiple of the interval\n  // (with `startTime=\"08:10\"` and a 30 minute step, drops land on :00/:30 but resizes on\n  // :10/:40, so the two operations could never align an event).\n  const clampAndSnap = useCallback(\n    (minutes: number): number => {\n      const snapped =\n        Math.round((startMinutes + minutes) / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToDateTime = useCallback(\n    (percent: number, eventDate: string): DateTimeStringValue => {\n      const minutes = (percent / 100) * totalMinutes;\n      const snappedMinutes = clampAndSnap(minutes);\n      const totalMins = startMinutes + snappedMinutes;\n      const hours = Math.floor(totalMins / 60);\n      const mins = totalMins % 60;\n      return `${eventDate} ${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}:00`;\n    },\n    [totalMinutes, startMinutes, clampAndSnap]\n  );\n\n  const snapEdgeMinutes = useCallback(\n    (minutes: number, direction: 'up' | 'down'): number => {\n      const absolute = startMinutes + minutes;\n      const snapped =\n        direction === 'up'\n          ? Math.ceil(absolute / clampedResizeInterval) * clampedResizeInterval\n          : Math.floor(absolute / clampedResizeInterval) * clampedResizeInterval;\n      return Math.max(0, Math.min(literalRange, snapped - startMinutes));\n    },\n    [literalRange, clampedResizeInterval, startMinutes]\n  );\n\n  const percentToMinutes = useCallback(\n    (percent: number): number => (percent / 100) * totalMinutes,\n    [totalMinutes]\n  );\n\n  const minutesToPercent = useCallback(\n    (minutes: number): number => (minutes / totalMinutes) * 100,\n    [totalMinutes]\n  );\n\n  const handleResizeStart = useCallback(\n    ({\n      event,\n      edge,\n      container,\n      originalTop,\n      originalHeight,\n      eventDate,\n      pointerEvent,\n    }: {\n      event: ScheduleEventData;\n      edge: ResizeEdge;\n      container: HTMLElement;\n      originalTop: number;\n      originalHeight: number;\n      eventDate: string;\n      pointerEvent: React.PointerEvent;\n    }) => {\n      if (!enabled || mode === 'static') {\n        return;\n      }\n\n      pointerEvent.preventDefault();\n      pointerEvent.stopPropagation();\n\n      const state: ResizeState = {\n        eventId: event.id,\n        event,\n        edge,\n        container,\n        originalTop,\n        originalHeight,\n        currentTop: originalTop,\n        currentHeight: originalHeight,\n        eventDate,\n        originalStart: dayjs(event.start).format('YYYY-MM-DD HH:mm:ss'),\n        originalEnd: dayjs(event.end).format('YYYY-MM-DD HH:mm:ss'),\n      };\n\n      resizeRef.current = state;\n      setResizeState(state);\n      setResizeValid(true);\n    },\n    [enabled, mode]\n  );\n\n  const getResizeRange = useCallback(\n    (state: ResizeState) => ({\n      start:\n        state.edge === 'top'\n          ? percentToDateTime(state.currentTop, state.eventDate)\n          : state.originalStart,\n      end:\n        state.edge === 'top'\n          ? state.originalEnd\n          : percentToDateTime(state.currentTop + state.currentHeight, state.eventDate),\n      edge: (state.edge === 'top' ? 'start' : 'end') as 'start' | 'end',\n    }),\n    [percentToDateTime]\n  );\n\n  const isResizing = resizeState !== null;\n\n  useEffect(() => {\n    if (!isResizing) {\n      return undefined;\n    }\n\n    const savedUserSelect = document.body.style.userSelect;\n    document.body.style.userSelect = 'none';\n\n    const handlePointerMove = (e: PointerEvent) => {\n      const state = resizeRef.current;\n      if (!state) {\n        return;\n      }\n\n      const containerRect = state.container.getBoundingClientRect();\n      const relativeY = e.clientY - containerRect.top;\n      const rawPercent = Math.max(0, Math.min(100, (relativeY / containerRect.height) * 100));\n      const draggedMinutes = clampAndSnap(percentToMinutes(rawPercent));\n\n      let newTop = state.originalTop;\n      let newHeight = state.originalHeight;\n\n      if (state.edge === 'bottom') {\n        const topMinutes = percentToMinutes(state.originalTop);\n        const minEndMinutes = snapEdgeMinutes(topMinutes + clampedResizeInterval, 'up');\n        const endMinutes = Math.max(draggedMinutes, minEndMinutes);\n        newHeight = Math.max(0, minutesToPercent(endMinutes) - state.originalTop);\n      } else {\n        const bottomMinutes = percentToMinutes(state.originalTop + state.originalHeight);\n        const maxStartMinutes = snapEdgeMinutes(bottomMinutes - clampedResizeInterval, 'down');\n        const startMinutesValue = Math.min(draggedMinutes, maxStartMinutes);\n        newTop = minutesToPercent(startMinutesValue);\n        newHeight = Math.max(0, state.originalTop + state.originalHeight - newTop);\n      }\n\n      resizeRef.current = { ...state, currentTop: newTop, currentHeight: newHeight };\n      setResizeState(resizeRef.current);\n\n      const range = getResizeRange(resizeRef.current);\n      setResizeValid(validateResize(state.event, range.start, range.end, range.edge).valid);\n    };\n\n    const handlePointerUp = () => {\n      const state = resizeRef.current;\n      if (state) {\n        if (\n          state.currentTop !== state.originalTop ||\n          state.currentHeight !== state.originalHeight\n        ) {\n          const { start: newStart, end: newEnd, edge } = getResizeRange(state);\n          const { valid, conflicts, reason } = validateResize(state.event, newStart, newEnd, edge);\n\n          if (valid) {\n            stableOnEventResize({\n              eventId: state.eventId,\n              newStart,\n              newEnd,\n              event: state.event,\n            });\n          } else {\n            stableOnEventPlacementRejected({\n              action: 'resize',\n              event: state.event,\n              start: newStart,\n              end: newEnd,\n              edge,\n              conflicts,\n              reason: reason!,\n            });\n          }\n        }\n      }\n      resizeRef.current = null;\n      setResizeState(null);\n      setResizeValid(true);\n      justResizedRef.current = true;\n      requestAnimationFrame(() => {\n        justResizedRef.current = false;\n      });\n    };\n\n    document.addEventListener('pointermove', handlePointerMove);\n    document.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      document.body.style.userSelect = savedUserSelect;\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isResizing]);\n\n  const getResizePosition = useCallback(\n    (eventId: string | number, eventDate?: string) => {\n      if (!resizeState || resizeState.eventId !== eventId) {\n        return null;\n      }\n      if (eventDate !== undefined && resizeState.eventDate !== eventDate) {\n        return null;\n      }\n      return { top: resizeState.currentTop, height: resizeState.currentHeight };\n    },\n    [resizeState]\n  );\n\n  const isResizableEvent = useCallback(\n    (event: ScheduleEventData) => {\n      if (!enabled || mode === 'static') {\n        return false;\n      }\n      if (event.display === 'background' && !withBackgroundEvents) {\n        return false;\n      }\n      return canResizeEvent ? canResizeEvent(event) : true;\n    },\n    [enabled, mode, canResizeEvent, withBackgroundEvents]\n  );\n\n  const wasResizing = useCallback(() => justResizedRef.current, []);\n\n  return {\n    handleResizeStart,\n    isResizing,\n    resizingEventId: resizeState?.eventId ?? null,\n    getResizePosition,\n    isResizableEvent,\n    wasResizing,\n    resizeValid,\n  };\n}\n"],"mappings":"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"}