@mantine-vue/schedule 3.5.0 → 3.6.0

package/cjs/index.cjs

@@ -384,6 +384,45 @@ function isEventsOverlap(event1, event2) {
 	return first.startTimestamp < second.endTimestamp && second.startTimestamp < first.endTimestamp;
 }
 //#endregion
+//#region src/utils/is-event-placement-allowed/is-event-placement-allowed.ts
+function isSameEvent(event, other) {
+	if (event.id === other.id) return true;
+	const eventSeriesId = event.recurringEventId ?? event.recurringInstance?.recurringEventId;
+	const otherSeriesId = other.recurringEventId ?? other.recurringInstance?.recurringEventId;
+	const eventOccurrenceId = event.recurrenceId ?? event.recurringInstance?.recurrenceId;
+	const otherOccurrenceId = other.recurrenceId ?? other.recurringInstance?.recurrenceId;
+	return eventSeriesId !== void 0 && eventSeriesId === otherSeriesId && eventOccurrenceId !== void 0 && eventOccurrenceId === otherOccurrenceId;
+}
+var isMidnight = (value) => value.hour() === 0 && value.minute() === 0 && value.second() === 0;
+function spansWholeDays(event) {
+	const start = (0, dayjs.default)(event.start);
+	const end = (0, dayjs.default)(event.end);
+	return isMidnight(start) && (isMidnight(end) || end.hour() === 23 && end.minute() === 59 && end.second() === 59);
+}
+function isEventPlacementAllowed({ event, start, end, events, preventEventOverlap, resourceId }) {
+	if (!preventEventOverlap) return {
+		allowed: true,
+		conflicts: []
+	};
+	const candidate = {
+		...event,
+		start,
+		end,
+		...resourceId !== void 0 ? { resourceId } : {}
+	};
+	const allDay = spansWholeDays(candidate);
+	const conflicts = events.filter((other) => {
+		if (other.display === "background" || isSameEvent(event, other)) return false;
+		if (resourceId !== void 0 && other.resourceId !== resourceId) return false;
+		if (spansWholeDays(other) !== allDay || !isEventsOverlap(other, candidate)) return false;
+		return typeof preventEventOverlap === "function" ? preventEventOverlap(other, candidate) : true;
+	});
+	return {
+		allowed: conflicts.length === 0,
+		conflicts
+	};
+}
+//#endregion
 //#region src/utils/get-visible-events/get-visible-events.ts
 function getVisibleEvents({ maxEvents, totalEvents }) {
 	if (totalEvents <= maxEvents) return {
@@ -956,9 +995,42 @@ function moveEventToAllDay(event, date) {
 	};
 }
 //#endregion
+//#region src/hooks/validate-event-resize.ts
+function validateEventResize({ event, start, end, edge, events = [], preventEventOverlap, canResizeEventTo, resourceId }) {
+	const { allowed, conflicts } = isEventPlacementAllowed({
+		event,
+		start,
+		end,
+		events,
+		preventEventOverlap,
+		resourceId
+	});
+	if (!allowed) return {
+		valid: false,
+		conflicts,
+		reason: "overlap"
+	};
+	if (canResizeEventTo?.({
+		event,
+		start,
+		end,
+		edge
+	}) === false) return {
+		valid: false,
+		conflicts: [],
+		reason: "rejected"
+	};
+	return {
+		valid: true,
+		conflicts: [],
+		reason: null
+	};
+}
+//#endregion
 //#region src/hooks/use-event-resize.ts
 function useEventResize(input) {
 	const resizeState = (0, vue.shallowRef)(null);
+	const resizeValid = (0, vue.shallowRef)(true);
 	let justResized = false;
 	let savedUserSelect = null;
 	const clampAndSnap = (minutes, state) => {
@@ -1000,6 +1072,18 @@ function useEventResize(input) {
 			currentTop,
 			currentHeight
 		};
+		const next = resizeState.value;
+		const start = next.edge === "top" ? percentToDateTime(next.currentTop, next.eventDate, next) : next.originalStart;
+		const end = next.edge === "bottom" ? percentToDateTime(next.currentTop + next.currentHeight, next.eventDate, next) : next.originalEnd;
+		resizeValid.value = validateEventResize({
+			event: next.event,
+			start,
+			end,
+			edge: next.edge === "top" ? "start" : "end",
+			events: input.events?.() ?? [],
+			preventEventOverlap: input.preventEventOverlap?.(),
+			canResizeEventTo: input.canResizeEventTo?.()
+		}).valid;
 	});
 	const trackPointer = (event) => handlePointerMove(event.clientY);
 	const removeDocumentListeners = () => {
@@ -1017,14 +1101,34 @@ function useEventResize(input) {
 		if (state && (state.currentTop !== state.originalTop || state.currentHeight !== state.originalHeight)) {
 			const newStart = state.edge === "top" ? percentToDateTime(state.currentTop, state.eventDate, state) : state.originalStart;
 			const newEnd = state.edge === "bottom" ? percentToDateTime(state.currentTop + state.currentHeight, state.eventDate, state) : state.originalEnd;
-			input.onEventResize({
+			const edge = state.edge === "top" ? "start" : "end";
+			const validation = validateEventResize({
+				event: state.event,
+				start: newStart,
+				end: newEnd,
+				edge,
+				events: input.events?.() ?? [],
+				preventEventOverlap: input.preventEventOverlap?.(),
+				canResizeEventTo: input.canResizeEventTo?.()
+			});
+			if (validation.valid) input.onEventResize({
 				eventId: state.eventId,
 				newStart,
 				newEnd,
 				event: state.event
 			});
+			else input.onEventPlacementRejected?.({
+				action: "resize",
+				event: state.event,
+				start: newStart,
+				end: newEnd,
+				edge,
+				conflicts: validation.conflicts,
+				reason: validation.reason
+			});
 		}
 		resizeState.value = null;
+		resizeValid.value = true;
 		removeDocumentListeners();
 		justResized = true;
 		requestAnimationFrame(() => {
@@ -1060,6 +1164,7 @@ function useEventResize(input) {
 			intervalMinutes,
 			minHeightPercent: intervalMinutes / totalMinutes * 100
 		};
+		resizeValid.value = true;
 		savedUserSelect = document.body.style.userSelect;
 		document.body.style.userSelect = "none";
 		document.addEventListener("pointermove", trackPointer);
@@ -1080,7 +1185,8 @@ function useEventResize(input) {
 		resizingEventId: (0, vue.computed)(() => resizeState.value?.eventId ?? null),
 		getResizePosition,
 		isResizableEvent,
-		wasResizing: () => justResized
+		wasResizing: () => justResized,
+		resizeValid: (0, vue.computed)(() => resizeValid.value)
 	};
 }
 var CurrentTimeIndicator_module_default = {
@@ -1303,9 +1409,9 @@ function provideScheduleDragState(input = {}) {
 	};
 }
 var ScheduleEvent_module_default = {
-	event: "_event_ho258_1",
-	eventInner: "_eventInner_ho258_14",
-	eventResizeHandle: "_eventResizeHandle_ho258_210"
+	event: "_event_iymqv_1",
+	eventInner: "_eventInner_iymqv_14",
+	eventResizeHandle: "_eventResizeHandle_iymqv_215"
 };
 //#endregion
 //#region src/components/ScheduleEvent/ScheduleEvent.vue?vue&type=script&setup=true&lang.ts
@@ -2983,19 +3089,19 @@ function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes, e
 	};
 }
 var DayView_module_default = {
-	dayView: "_dayView_10v37_1",
-	dayViewDragPreview: "_dayViewDragPreview_10v37_13",
-	dayViewScrollArea: "_dayViewScrollArea_10v37_31",
-	dayViewInner: "_dayViewInner_10v37_41",
-	dayViewTimeSlots: "_dayViewTimeSlots_10v37_45",
-	dayViewSlot: "_dayViewSlot_10v37_48",
-	dayViewSlotLabels: "_dayViewSlotLabels_10v37_53",
-	dayViewSlotLabel: "_dayViewSlotLabel_10v37_53",
-	dayViewSlots: "_dayViewSlots_10v37_83",
-	dayViewBackgroundEvent: "_dayViewBackgroundEvent_10v37_187",
-	dayViewBackgroundEventResizeHandle: "_dayViewBackgroundEventResizeHandle_10v37_216",
-	dayViewAllDay: "_dayViewAllDay_10v37_263",
-	dayViewAllDayEvents: "_dayViewAllDayEvents_10v37_268"
+	dayView: "_dayView_18224_1",
+	dayViewDragPreview: "_dayViewDragPreview_18224_13",
+	dayViewScrollArea: "_dayViewScrollArea_18224_31",
+	dayViewInner: "_dayViewInner_18224_41",
+	dayViewTimeSlots: "_dayViewTimeSlots_18224_45",
+	dayViewSlot: "_dayViewSlot_18224_48",
+	dayViewSlotLabels: "_dayViewSlotLabels_18224_53",
+	dayViewSlotLabel: "_dayViewSlotLabel_18224_53",
+	dayViewSlots: "_dayViewSlots_18224_83",
+	dayViewBackgroundEvent: "_dayViewBackgroundEvent_18224_196",
+	dayViewBackgroundEventResizeHandle: "_dayViewBackgroundEventResizeHandle_18224_225",
+	dayViewAllDay: "_dayViewAllDay_18224_272",
+	dayViewAllDayEvents: "_dayViewAllDayEvents_18224_277"
 };
 //#endregion
 //#region src/components/DayView/DayView.vue?vue&type=script&setup=true&lang.ts
@@ -3069,6 +3175,9 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -3077,6 +3186,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -3118,6 +3228,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -3158,6 +3269,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const eventRenderers = (0, vue.computed)(() => resolveEventRenderers(props, slots));
 		const timeSlotsContainer = (0, vue.ref)(null);
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = (0, vue.shallowRef)(null);
 		const date = (0, vue.computed)(() => toDateString(props.date));
 		const datePart = (0, vue.computed)(() => (0, dayjs.default)(date.value).format("YYYY-MM-DD"));
 		const now = (0, vue.computed)(() => (0, dayjs.default)(props.getCurrentTime?.() ?? (0, dayjs.default)()));
@@ -3194,6 +3306,10 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
 			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
@@ -3216,9 +3332,35 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = (0, vue.computed)(() => {
+			const target = slotDropTarget.dropTarget.value;
+			const interval = target && intervals.value[target.slotIndex];
+			if (!target || !interval) return true;
+			const start = `${target.date} ${interval.startTime}`;
+			const event = dragState.draggedEvent.value;
+			if (event) {
+				const next = moveEventTo(event, start);
+				return isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			}
+			return dropDataTransfer.value ? props.canDropExternalEvent?.({
+				dataTransfer: dropDataTransfer.value,
+				start
+			}) !== false : true;
+		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollTime) return;
 			await (0, vue.nextTick)();
@@ -3236,14 +3378,79 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emitDrop = (nativeEvent, target) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventTo(event, target));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target
+			}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const emitAllDayDrop = (nativeEvent) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventToAllDay(event, datePart.value));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, `${datePart.value} 00:00:00`);
+			if (event) {
+				const next = moveEventToAllDay(event, datePart.value);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const target = `${datePart.value} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const clickAllDaySlot = (nativeEvent) => emit("allDaySlotClick", date.value, nativeEvent);
 		const clickTimeSlot = (slotIndex, nativeEvent) => {
@@ -3264,10 +3471,14 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			startTime: props.startTime,
 			endTime: props.endTime
 		});
-		const handleGridDragOver = (nativeEvent) => slotDropTarget.dragOver(nativeEvent, dropInput());
+		const handleGridDragOver = (nativeEvent) => {
+			dropDataTransfer.value = nativeEvent.dataTransfer;
+			slotDropTarget.dragOver(nativeEvent, dropInput());
+		};
 		const handleGridDragLeave = (nativeEvent) => slotDropTarget.dragLeave(nativeEvent, timeSlotsContainer.value);
 		const handleGridDrop = (nativeEvent) => {
 			const target = slotDropTarget.drop(nativeEvent, dropInput());
+			dropDataTransfer.value = null;
 			if (target) emitDrop(nativeEvent, target.target);
 		};
 		const handleSlotKeydown = (nativeEvent, index) => {
@@ -3491,7 +3702,10 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									event,
 									"auto-size": "",
 									mode: (0, vue.unref)(props).mode,
-									mod: { cascade: (0, vue.unref)(props).eventOverlapMode === "cascade" },
+									mod: {
+										cascade: (0, vue.unref)(props).eventOverlapMode === "cascade",
+										invalid: (0, vue.unref)(eventResize).getResizePosition(event.id) !== null && !(0, vue.unref)(eventResize).resizeValid.value
+									},
 									style: regularEventStyle(event),
 									draggable: !isStatic.value && (0, vue.unref)(props).withEventsDragAndDrop === true && ((0, vue.unref)(props).canDragEvent?.(event) ?? true),
 									"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
@@ -3551,6 +3765,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										"hour-start": slot.isHourStart,
 										static: isStatic.value,
 										"drop-target": (0, vue.unref)(slotDropTarget).isTarget(datePart.value, index),
+										invalid: (0, vue.unref)(slotDropTarget).isTarget(datePart.value, index) && !dropValid.value,
 										"drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(index, datePart.value),
 										"business-hours": businessHoursMods.value[index]["business-hours"],
 										"non-business-hours": businessHoursMods.value[index]["non-business-hours"]
@@ -3596,10 +3811,16 @@ var DayView = (0, _mantine_vue_core.factory)(DayView_default, {
 });
 //#endregion
 //#region src/components/MobileMonthView/get-mobile-month-view-events.ts
+function getEventEndDay(event) {
+	const startDay = (0, dayjs.default)(event.start).startOf("day");
+	const end = (0, dayjs.default)(event.end);
+	const endDay = end.hour() === 0 && end.minute() === 0 && end.second() === 0 ? end.startOf("day").subtract(1, "day") : end.startOf("day");
+	return endDay.isBefore(startDay) ? startDay : endDay;
+}
 function groupEventByDate$1(event, groupedEvents) {
 	if (isMultidayEvent(event)) {
 		const startDate = (0, dayjs.default)(event.start).startOf("day");
-		const endDate = (0, dayjs.default)(event.end).startOf("day");
+		const endDate = getEventEndDay(event);
 		for (let date = startDate; date.isBefore(endDate) || date.isSame(endDate); date = date.add(1, "day")) {
 			const dateKey = date.format("YYYY-MM-DD");
 			if (!groupedEvents[dateKey]) groupedEvents[dateKey] = [];
@@ -3615,9 +3836,11 @@ function getMobileMonthViewEvents({ date, events }) {
 	const groupedEvents = {};
 	if (events === void 0) return groupedEvents;
 	const ids = /* @__PURE__ */ new Set();
+	const monthStart = (0, dayjs.default)(date).startOf("month");
+	const monthEnd = (0, dayjs.default)(date).endOf("month");
 	for (const event of events) {
 		if (event.display === "background") continue;
-		if ((0, dayjs.default)(event.start).isSame((0, dayjs.default)(date), "month")) {
+		if (!getEventEndDay(event).isBefore(monthStart, "day") && !(0, dayjs.default)(event.start).isAfter(monthEnd, "day")) {
 			groupEventByDate$1(validateEvent(event), groupedEvents);
 			if (!ids.has(event.id)) ids.add(event.id);
 			else throw new Error(`[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`);
@@ -4004,17 +4227,6 @@ function calculateEventPositionInWeek({ eventStart, eventEnd, weekStart, weekEnd
 	};
 }
 //#endregion
-//#region src/components/MonthView/get-month-view-events/find-available-row.ts
-function findAvailableRow({ existingEvents, startDayIndex, daysSpanned, weekStart }) {
-	let row = 0;
-	for (const existing of existingEvents) {
-		const existingStart = (0, dayjs.default)(existing.start).startOf("day");
-		const existingDayIndex = (existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, "day") ? weekStart : existingStart).diff(weekStart, "day");
-		if (existingDayIndex + (existing.position?.width || 0) / 100 * 7 > startDayIndex && existingDayIndex < startDayIndex + daysSpanned) row = Math.max(row, (existing.position?.row || 0) + 1);
-	}
-	return row;
-}
-//#endregion
 //#region src/components/MonthView/get-month-view-events/get-weeks-in-range.ts
 function getWeeksInRange({ rangeStart, rangeEnd, firstDayOfWeek }) {
 	const weeks = [];
@@ -4039,6 +4251,14 @@ function getWeeksInRange({ rangeStart, rangeEnd, firstDayOfWeek }) {
 	};
 }
 //#endregion
+//#region src/components/MonthView/get-month-view-events/reserve-row.ts
+function reserveRow({ nextRowByDay, startDayIndex, daysSpanned }) {
+	const endDayIndex = startDayIndex + daysSpanned;
+	const row = Math.max(...nextRowByDay.slice(startDayIndex, endDayIndex));
+	nextRowByDay.fill(row + 1, startDayIndex, endDayIndex);
+	return row;
+}
+//#endregion
 //#region src/components/MonthView/get-month-view-events/get-month-positioned-events.ts
 function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 	const groupedByWeek = {};
@@ -4049,6 +4269,11 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		rangeEnd: range ? (0, dayjs.default)(range.end) : (0, dayjs.default)(date).startOf("month").endOf("month"),
 		firstDayOfWeek
 	});
+	const weekStates = weeks.map((week) => ({
+		weekStart: (0, dayjs.default)(week[0]).startOf("day"),
+		weekEnd: (0, dayjs.default)(week[6]).endOf("day"),
+		nextRowByDay: Array.from({ length: 7 }).fill(0)
+	}));
 	for (let i = 0; i < weeks.length; i++) {
 		groupedByWeek[i.toString()] = [];
 		backgroundByWeek[i.toString()] = [];
@@ -4059,9 +4284,7 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		const eventEnd = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0 ? rawEnd.startOf("day").subtract(1, "day") : rawEnd.startOf("day");
 		const isMultiday = eventEnd.isAfter(eventStart);
 		for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {
-			const week = weeks[weekIdx];
-			const weekStart = (0, dayjs.default)(week[0]).startOf("day");
-			const weekEnd = (0, dayjs.default)(week[6]).endOf("day");
+			const { weekStart, weekEnd, nextRowByDay } = weekStates[weekIdx];
 			if ((eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, "day")) && (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, "day"))) {
 				const { startDayIndex, daysSpanned, startOffset, width, hanging } = calculateEventPositionInWeek({
 					eventStart,
@@ -4083,11 +4306,10 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 					});
 					continue;
 				}
-				const row = findAvailableRow({
-					existingEvents: groupedByWeek[weekIdx.toString()],
+				const row = reserveRow({
+					nextRowByDay,
 					startDayIndex,
-					daysSpanned,
-					weekStart
+					daysSpanned
 				});
 				const positionedEvent = {
 					...event,
@@ -4263,16 +4485,16 @@ function getRenderableMonthEventSegments({ events, groupedByDay, maxEventsPerDay
 	});
 }
 var MonthView_module_default = {
-	monthView: "_monthView_hbhp2_1",
-	monthViewWeekdays: "_monthViewWeekdays_hbhp2_21",
-	monthViewWeek: "_monthViewWeek_hbhp2_21",
-	monthViewWeekNumber: "_monthViewWeekNumber_hbhp2_31",
-	monthViewWeekday: "_monthViewWeekday_hbhp2_21",
-	monthViewWeekdaysCorner: "_monthViewWeekdaysCorner_hbhp2_107",
-	monthViewDay: "_monthViewDay_hbhp2_114",
-	monthViewDayLabel: "_monthViewDayLabel_hbhp2_255",
-	monthViewBackgroundEvent: "_monthViewBackgroundEvent_hbhp2_271",
-	monthViewEvents: "_monthViewEvents_hbhp2_296"
+	monthView: "_monthView_98v2r_1",
+	monthViewWeekdays: "_monthViewWeekdays_98v2r_21",
+	monthViewWeek: "_monthViewWeek_98v2r_21",
+	monthViewWeekNumber: "_monthViewWeekNumber_98v2r_31",
+	monthViewWeekday: "_monthViewWeekday_98v2r_21",
+	monthViewWeekdaysCorner: "_monthViewWeekdaysCorner_98v2r_107",
+	monthViewDay: "_monthViewDay_98v2r_114",
+	monthViewDayLabel: "_monthViewDayLabel_98v2r_264",
+	monthViewBackgroundEvent: "_monthViewBackgroundEvent_98v2r_280",
+	monthViewEvents: "_monthViewEvents_98v2r_305"
 };
 //#endregion
 //#region src/components/MonthView/MonthView.vue?vue&type=script&setup=true&lang.ts
@@ -4281,6 +4503,7 @@ var _hoisted_1$5 = [
 	"data-weekend",
 	"data-static",
 	"data-drop-target",
+	"data-invalid",
 	"data-drag-selected",
 	"data-drag-slot-index",
 	"data-drag-slot-group",
@@ -4355,6 +4578,9 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		monthYearSelectProps: { default: void 0 },
@@ -4400,6 +4626,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"eventDragEnd",
 		"externalEventDrop",
 		"slotDragEnd",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -4440,6 +4667,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const eventRenderers = (0, vue.computed)(() => resolveEventRenderers(props, slots));
 		const monthGrid = (0, vue.ref)(null);
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const month = (0, vue.computed)(() => (0, dayjs.default)(props.date).startOf("month"));
 		const maxEventsPerDay = (0, vue.computed)(() => clampMaxEvents(props.maxEventsPerDay));
@@ -4530,7 +4758,29 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const handleDragOver = (nativeEvent, date) => {
 			nativeEvent.preventDefault();
 			if (nativeEvent.dataTransfer) nativeEvent.dataTransfer.dropEffect = nativeEvent.dataTransfer.types.includes("application/json") ? "move" : "copy";
-			highlightDay(toDateString(date));
+			const target = toDateString(date);
+			const dragged = dragState.draggedEvent.value;
+			if (dragged) {
+				const next = moveEventTo(dragged, target);
+				dropValid.value = isEventPlacementAllowed({
+					event: dragged,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event: dragged,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${target} 00:00:00`;
+				dropValid.value = props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start
+				}) !== false;
+			}
+			highlightDay(target);
 		};
 		const handleDragLeave = (nativeEvent) => {
 			if (!(nativeEvent.relatedTarget instanceof Node) || !monthGrid.value?.contains(nativeEvent.relatedTarget)) {
@@ -4542,14 +4792,48 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			nativeEvent.preventDefault();
 			highlightDay.cancel();
 			setDropTarget(null);
+			dropValid.value = true;
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
 			if (event) {
 				const { start } = calculateMonthDropDate({
 					draggedEvent: event,
 					targetDay: toDateString(date)
 				});
-				emit("eventDrop", moveEventTo(event, start));
-			} else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, toDateString(date));
+				const next = moveEventTo(event, start);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${toDateString(date)} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, toDateString(date));
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const segmentStyle = (position) => ({
 			position: "absolute",
@@ -4623,6 +4907,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									"data-weekend": (0, vue.unref)(props).weekendDays.includes((0, vue.unref)(dayjs.default)(date).day()) || void 0,
 									"data-static": isStatic.value || void 0,
 									"data-drop-target": dropTarget.value === (0, vue.unref)(toDateString)(date) || void 0,
+									"data-invalid": dropTarget.value === (0, vue.unref)(toDateString)(date) && !dropValid.value || void 0,
 									"data-drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(weekIndex * 7 + dayIndex, "month") || void 0,
 									"data-drag-slot-index": withSlotSelect.value ? weekIndex * 7 + dayIndex : void 0,
 									"data-drag-slot-group": withSlotSelect.value ? MONTH_SLOT_GROUP : void 0,
@@ -5072,29 +5357,29 @@ function getWeekViewEvents(input) {
 	});
 }
 var WeekView_module_default = {
-	weekView: "_weekView_jkexi_1",
-	weekViewRoot: "_weekViewRoot_jkexi_22",
-	weekViewDragPreview: "_weekViewDragPreview_jkexi_33",
-	weekViewInner: "_weekViewInner_jkexi_39",
-	weekViewScrollArea: "_weekViewScrollArea_jkexi_45",
-	weekViewHeader: "_weekViewHeader_jkexi_51",
-	weekViewCorner: "_weekViewCorner_jkexi_66",
-	weekViewSlotLabels: "_weekViewSlotLabels_jkexi_77",
-	weekViewSlotLabel: "_weekViewSlotLabel_jkexi_77",
-	weekViewDay: "_weekViewDay_jkexi_104",
-	weekViewDayLabel: "_weekViewDayLabel_jkexi_109",
-	weekViewDayNumber: "_weekViewDayNumber_jkexi_147",
-	weekViewDayWeekday: "_weekViewDayWeekday_jkexi_163",
-	weekViewBackgroundEvent: "_weekViewBackgroundEvent_jkexi_169",
-	weekViewBackgroundEventResizeHandle: "_weekViewBackgroundEventResizeHandle_jkexi_198",
-	weekViewDaySlots: "_weekViewDaySlots_jkexi_246",
-	weekViewDaySlot: "_weekViewDaySlot_jkexi_246",
-	weekViewWeekLabel: "_weekViewWeekLabel_jkexi_344",
-	weekViewWeekNumber: "_weekViewWeekNumber_jkexi_350",
-	weekViewAllDaySlots: "_weekViewAllDaySlots_jkexi_356",
-	weekViewAllDaySlotsLabel: "_weekViewAllDaySlotsLabel_jkexi_361",
-	weekViewAllDaySlotsEvents: "_weekViewAllDaySlotsEvents_jkexi_368",
-	weekViewAllDaySlotsList: "_weekViewAllDaySlotsList_jkexi_375"
+	weekView: "_weekView_1ttnb_1",
+	weekViewRoot: "_weekViewRoot_1ttnb_22",
+	weekViewDragPreview: "_weekViewDragPreview_1ttnb_33",
+	weekViewInner: "_weekViewInner_1ttnb_39",
+	weekViewScrollArea: "_weekViewScrollArea_1ttnb_45",
+	weekViewHeader: "_weekViewHeader_1ttnb_51",
+	weekViewCorner: "_weekViewCorner_1ttnb_66",
+	weekViewSlotLabels: "_weekViewSlotLabels_1ttnb_77",
+	weekViewSlotLabel: "_weekViewSlotLabel_1ttnb_77",
+	weekViewDay: "_weekViewDay_1ttnb_104",
+	weekViewDayLabel: "_weekViewDayLabel_1ttnb_109",
+	weekViewDayNumber: "_weekViewDayNumber_1ttnb_147",
+	weekViewDayWeekday: "_weekViewDayWeekday_1ttnb_163",
+	weekViewBackgroundEvent: "_weekViewBackgroundEvent_1ttnb_169",
+	weekViewBackgroundEventResizeHandle: "_weekViewBackgroundEventResizeHandle_1ttnb_198",
+	weekViewDaySlots: "_weekViewDaySlots_1ttnb_246",
+	weekViewDaySlot: "_weekViewDaySlot_1ttnb_246",
+	weekViewWeekLabel: "_weekViewWeekLabel_1ttnb_353",
+	weekViewWeekNumber: "_weekViewWeekNumber_1ttnb_359",
+	weekViewAllDaySlots: "_weekViewAllDaySlots_1ttnb_365",
+	weekViewAllDaySlotsLabel: "_weekViewAllDaySlotsLabel_1ttnb_370",
+	weekViewAllDaySlotsEvents: "_weekViewAllDaySlotsEvents_1ttnb_377",
+	weekViewAllDaySlotsList: "_weekViewAllDaySlotsList_1ttnb_384"
 };
 //#endregion
 //#region src/components/WeekView/WeekView.vue?vue&type=script&setup=true&lang.ts
@@ -5210,6 +5495,9 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -5218,6 +5506,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -5259,6 +5548,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -5303,6 +5593,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		};
 		const daySlotsContainers = /* @__PURE__ */ new Map();
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = (0, vue.shallowRef)(null);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		/** The plural names are the deprecated aliases; the canonical prop wins when both are set. */
 		const withWeekNumber = (0, vue.computed)(() => props.withWeekNumbers ?? props.withWeekNumber);
@@ -5394,6 +5685,10 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
 			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
@@ -5425,9 +5720,35 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = (0, vue.computed)(() => {
+			const target = slotDropTarget.dropTarget.value;
+			const interval = target && intervals.value[target.slotIndex];
+			if (!target || !interval) return true;
+			const start = `${target.date} ${interval.startTime}`;
+			const event = dragState.draggedEvent.value;
+			if (event) {
+				const next = moveEventTo(event, start);
+				return isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			}
+			return dropDataTransfer.value ? props.canDropExternalEvent?.({
+				dataTransfer: dropDataTransfer.value,
+				start
+			}) !== false : true;
+		});
 		const clickEvent = (event, nativeEvent) => emit("eventClick", event, nativeEvent);
 		const dragStart = (event) => {
 			dragState.startEventDrag(event);
@@ -5481,15 +5802,80 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emitDrop = (nativeEvent, target) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventTo(event, target));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target
+			}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const emitAllDayDrop = (nativeEvent, date) => {
 			nativeEvent.preventDefault();
 			const dayKey = (0, dayjs.default)(date).format("YYYY-MM-DD");
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventToAllDay(event, dayKey));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, `${dayKey} 00:00:00`);
+			if (event) {
+				const next = moveEventToAllDay(event, dayKey);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const target = `${dayKey} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const dropInput = (date) => ({
 			container: daySlotsContainers.get(date),
@@ -5500,10 +5886,14 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			startTime: props.startTime,
 			endTime: props.endTime
 		});
-		const handleDayDragOver = (nativeEvent, date) => slotDropTarget.dragOver(nativeEvent, dropInput(date));
+		const handleDayDragOver = (nativeEvent, date) => {
+			dropDataTransfer.value = nativeEvent.dataTransfer;
+			slotDropTarget.dragOver(nativeEvent, dropInput(date));
+		};
 		const handleDayDragLeave = (nativeEvent, date) => slotDropTarget.dragLeave(nativeEvent, daySlotsContainers.get(date));
 		const handleDayDrop = (nativeEvent, date) => {
 			const target = slotDropTarget.drop(nativeEvent, dropInput(date));
+			dropDataTransfer.value = null;
 			if (target) emitDrop(nativeEvent, target.target);
 		};
 		const allDayEventStyle = (position) => ({
@@ -5714,6 +6104,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"data-drag-slot-index": withSlotSelect.value ? slotIndex : void 0,
 													"data-drag-slot-group": withSlotSelect.value ? column.key : void 0,
 													"data-drop-target": (0, vue.unref)(slotDropTarget).isTarget(column.key, slotIndex) || void 0,
+													"data-invalid": (0, vue.unref)(slotDropTarget).isTarget(column.key, slotIndex) && !dropValid.value ? true : void 0,
 													"data-drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(slotIndex, column.key) || void 0,
 													"data-business-hours": businessHoursMods.value[dayIndex][slotIndex]["business-hours"] || void 0,
 													"data-non-business-hours": businessHoursMods.value[dayIndex][slotIndex]["non-business-hours"] || void 0,
@@ -5730,6 +6121,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"data-drag-slot-index",
 													"data-drag-slot-group",
 													"data-drop-target",
+													"data-invalid",
 													"data-drag-selected",
 													"data-business-hours",
 													"data-non-business-hours",
@@ -5772,7 +6164,10 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													event,
 													"auto-size": "",
 													mode: (0, vue.unref)(props).mode,
-													mod: { cascade: (0, vue.unref)(props).eventOverlapMode === "cascade" },
+													mod: {
+														cascade: (0, vue.unref)(props).eventOverlapMode === "cascade",
+														invalid: (0, vue.unref)(eventResize).getResizePosition(event.id) !== null && !(0, vue.unref)(eventResize).resizeValid.value
+													},
 													style: regularEventStyle(event),
 													draggable: isDraggableEvent(event),
 													"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
@@ -6237,6 +6632,22 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {
+			type: Function,
+			default: void 0
+		},
+		canDropExternalEvent: {
+			type: Function,
+			default: void 0
+		},
+		canResizeEventTo: {
+			type: Function,
+			default: void 0
+		},
+		preventEventOverlap: {
+			type: [Boolean, Function],
+			default: void 0
+		},
 		withInteractiveBackgroundEvents: {
 			type: Boolean,
 			default: void 0
@@ -6268,7 +6679,8 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"monthClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6327,6 +6739,10 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			withExternalEventDrop: props.withExternalEventDrop,
 			withEventResize: props.withEventResize,
 			canResizeEvent: props.canResizeEvent,
+			canDropEvent: props.canDropEvent,
+			canDropExternalEvent: props.canDropExternalEvent,
+			canResizeEventTo: props.canResizeEventTo,
+			preventEventOverlap: props.preventEventOverlap,
 			withInteractiveBackgroundEvents: props.mode === "static" ? false : props.withInteractiveBackgroundEvents,
 			recurrenceExpansionLimit: props.recurrenceExpansionLimit,
 			...eventRenderers.value,
@@ -6350,7 +6766,8 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onMonthClick: (month) => emit("monthClick", month),
 			onSlotDragEnd: (rangeStart, rangeEnd) => emit("slotDragEnd", rangeStart, rangeEnd),
 			onExternalEventDrop: (dataTransfer, dateTime) => emit("externalEventDrop", dataTransfer, dateTime),
-			onEventResize: (data) => emit("eventResize", data)
+			onEventResize: (data) => emit("eventResize", data),
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data)
 		};
 		const views = {
 			day: DayView,
@@ -6423,6 +6840,7 @@ var Schedule = (0, _mantine_vue_core.factory)(Schedule_default, { classes: Sched
 //#region src/hooks/use-horizontal-event-resize.ts
 function useHorizontalEventResize(input) {
 	const state = (0, vue.shallowRef)(null);
+	const resizeValid = (0, vue.ref)(true);
 	let justResized = false;
 	let savedUserSelect = "";
 	const metrics = () => {
@@ -6467,6 +6885,18 @@ function useHorizontalEventResize(input) {
 			current.currentWidth = right - current.currentLeft;
 		}
 		state.value = { ...current };
+		const start = current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart;
+		const end = current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd;
+		resizeValid.value = validateEventResize({
+			event: current.event,
+			start,
+			end,
+			edge: current.edge,
+			events: input.events?.() ?? [],
+			preventEventOverlap: input.preventEventOverlap?.(),
+			canResizeEventTo: input.canResizeEventTo?.(),
+			resourceId: current.event.resourceId
+		}).valid;
 	});
 	const trackPointer = (event) => move(event.clientX);
 	const cleanup = () => {
@@ -6478,13 +6908,37 @@ function useHorizontalEventResize(input) {
 	const finish = () => {
 		move.cancel();
 		const current = state.value;
-		if (current && (current.currentLeft !== current.originalLeft || current.currentWidth !== current.originalWidth)) input.onEventResize({
-			eventId: current.event.id,
-			newStart: current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart,
-			newEnd: current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd,
-			event: current.event
-		});
+		if (current && (current.currentLeft !== current.originalLeft || current.currentWidth !== current.originalWidth)) {
+			const start = current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart;
+			const end = current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd;
+			const validation = validateEventResize({
+				event: current.event,
+				start,
+				end,
+				edge: current.edge,
+				events: input.events?.() ?? [],
+				preventEventOverlap: input.preventEventOverlap?.(),
+				canResizeEventTo: input.canResizeEventTo?.(),
+				resourceId: current.event.resourceId
+			});
+			if (validation.valid) input.onEventResize({
+				eventId: current.event.id,
+				newStart: start,
+				newEnd: end,
+				event: current.event
+			});
+			else input.onEventPlacementRejected?.({
+				action: "resize",
+				event: current.event,
+				start,
+				end,
+				edge: current.edge,
+				conflicts: validation.conflicts,
+				reason: validation.reason
+			});
+		}
 		state.value = null;
+		resizeValid.value = true;
 		cleanup();
 		justResized = true;
 		requestAnimationFrame(() => justResized = false);
@@ -6502,6 +6956,7 @@ function useHorizontalEventResize(input) {
 			dayIndex: params.dayIndex ?? 0,
 			dayCount: params.dayCount ?? 1
 		};
+		resizeValid.value = true;
 		savedUserSelect = document.body.style.userSelect;
 		document.body.style.userSelect = "none";
 		document.addEventListener("pointermove", trackPointer);
@@ -6510,6 +6965,7 @@ function useHorizontalEventResize(input) {
 	(0, vue.onBeforeUnmount)(cleanup);
 	return {
 		state,
+		resizeValid,
 		get resizingEdge() {
 			return state.value?.edge ?? null;
 		},
@@ -6620,27 +7076,27 @@ function getResourcesDayViewEvents({ events, resources, date, startTime, endTime
 	return result;
 }
 var ResourcesDayView_module_default = {
-	resourcesDayView: "_resourcesDayView_bsrxh_1",
-	resourcesDayViewRoot: "_resourcesDayViewRoot_bsrxh_22",
-	resourcesDayViewScrollArea: "_resourcesDayViewScrollArea_bsrxh_30",
-	resourcesDayViewInner: "_resourcesDayViewInner_bsrxh_39",
-	resourcesDayViewTimeLabelsRow: "_resourcesDayViewTimeLabelsRow_bsrxh_44",
-	resourcesDayViewCorner: "_resourcesDayViewCorner_bsrxh_57",
-	resourcesDayViewTimeLabel: "_resourcesDayViewTimeLabel_bsrxh_44",
-	resourcesDayViewRow: "_resourcesDayViewRow_bsrxh_96",
-	resourcesDayViewResourceLabel: "_resourcesDayViewResourceLabel_bsrxh_100",
-	resourcesDayViewGroupColumn: "_resourcesDayViewGroupColumn_bsrxh_124",
-	resourcesDayViewGroupColumnEmpty: "_resourcesDayViewGroupColumnEmpty_bsrxh_125",
-	resourcesDayViewRowSlots: "_resourcesDayViewRowSlots_bsrxh_153",
-	resourcesDayViewRowSlot: "_resourcesDayViewRowSlot_bsrxh_153",
-	resourcesDayViewCurrentTimeIndicator: "_resourcesDayViewCurrentTimeIndicator_bsrxh_231",
-	resourcesDayViewCurrentTimeIndicatorLine: "_resourcesDayViewCurrentTimeIndicatorLine_bsrxh_243",
-	resourcesDayViewCurrentTimeIndicatorThumb: "_resourcesDayViewCurrentTimeIndicatorThumb_bsrxh_249",
-	resourcesDayViewCurrentTimeIndicatorTimeBubble: "_resourcesDayViewCurrentTimeIndicatorTimeBubble_bsrxh_259",
-	resourcesDayViewBackgroundEvent: "_resourcesDayViewBackgroundEvent_bsrxh_278",
-	resourcesDayViewAllDayEvent: "_resourcesDayViewAllDayEvent_bsrxh_306",
-	resourcesDayViewEventWrapper: "_resourcesDayViewEventWrapper_bsrxh_312",
-	resourcesDayViewResizeHandle: "_resourcesDayViewResizeHandle_bsrxh_316"
+	resourcesDayView: "_resourcesDayView_1ak2d_1",
+	resourcesDayViewRoot: "_resourcesDayViewRoot_1ak2d_22",
+	resourcesDayViewScrollArea: "_resourcesDayViewScrollArea_1ak2d_30",
+	resourcesDayViewInner: "_resourcesDayViewInner_1ak2d_39",
+	resourcesDayViewTimeLabelsRow: "_resourcesDayViewTimeLabelsRow_1ak2d_44",
+	resourcesDayViewCorner: "_resourcesDayViewCorner_1ak2d_57",
+	resourcesDayViewTimeLabel: "_resourcesDayViewTimeLabel_1ak2d_44",
+	resourcesDayViewRow: "_resourcesDayViewRow_1ak2d_96",
+	resourcesDayViewResourceLabel: "_resourcesDayViewResourceLabel_1ak2d_100",
+	resourcesDayViewGroupColumn: "_resourcesDayViewGroupColumn_1ak2d_124",
+	resourcesDayViewGroupColumnEmpty: "_resourcesDayViewGroupColumnEmpty_1ak2d_125",
+	resourcesDayViewRowSlots: "_resourcesDayViewRowSlots_1ak2d_153",
+	resourcesDayViewRowSlot: "_resourcesDayViewRowSlot_1ak2d_153",
+	resourcesDayViewCurrentTimeIndicator: "_resourcesDayViewCurrentTimeIndicator_1ak2d_240",
+	resourcesDayViewCurrentTimeIndicatorLine: "_resourcesDayViewCurrentTimeIndicatorLine_1ak2d_252",
+	resourcesDayViewCurrentTimeIndicatorThumb: "_resourcesDayViewCurrentTimeIndicatorThumb_1ak2d_258",
+	resourcesDayViewCurrentTimeIndicatorTimeBubble: "_resourcesDayViewCurrentTimeIndicatorTimeBubble_1ak2d_268",
+	resourcesDayViewBackgroundEvent: "_resourcesDayViewBackgroundEvent_1ak2d_287",
+	resourcesDayViewAllDayEvent: "_resourcesDayViewAllDayEvent_1ak2d_315",
+	resourcesDayViewEventWrapper: "_resourcesDayViewEventWrapper_1ak2d_321",
+	resourcesDayViewResizeHandle: "_resourcesDayViewResizeHandle_1ak2d_325"
 };
 //#endregion
 //#region src/components/ResourcesDayView/ResourcesDayView.vue?vue&type=script&setup=true&lang.ts
@@ -6765,6 +7221,10 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		recurrenceExpansionLimit: { default: void 0 },
 		maxEventsPerTimeSlot: { default: void 0 },
 		moreEventsProps: { default: void 0 },
@@ -6783,7 +7243,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6827,6 +7288,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const scrolled = (0, vue.ref)(false);
 		const scrolledX = (0, vue.ref)(false);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
@@ -6903,6 +7365,10 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
 			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
@@ -6936,15 +7402,51 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!intervals.value[slotIndex]) return;
 			const target = getSnappedDropTarget(nativeEvent, slotIndex);
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", {
-				...moveEventTo(event, target),
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false) emit("eventDrop", {
+					...next,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
 				resourceId
-			});
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
+			}) !== false) emit("externalEventDrop", {
 				dataTransfer: nativeEvent.dataTransfer,
 				dropDateTime: target,
 				resourceId
 			});
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const getSnappedDropTarget = (nativeEvent, slotIndex) => {
 			const interval = intervals.value[slotIndex];
@@ -6975,6 +7477,28 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const slotIndex = getSlotIndexAtPoint(nativeEvent, resourceIndex);
+			const target = slotIndex < 0 ? null : getSnappedDropTarget(nativeEvent, slotIndex);
+			const event = dragState.draggedEvent.value;
+			if (target && event) {
+				const next = moveEventTo(event, target);
+				dropValid.value = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false;
+			} else if (target && nativeEvent.dataTransfer) dropValid.value = props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId
+			}) !== false;
 			setDropTarget(slotIndex < 0 ? null : {
 				resourceId,
 				slotIndex
@@ -7288,7 +7812,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: (0, vue.unref)(resize).getResizePosition(event.id) !== null && !(0, vue.unref)(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -7301,6 +7826,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), (0, vue.unref)(resize).isResizableEvent(event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(["start", "end"], (edge) => {
 															return (0, vue.createElementVNode)("div", (0, vue.mergeProps)({ key: edge }, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesDayViewResizeHandle"), {
@@ -7346,6 +7872,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														"data-business-hours": businessHoursMods.value[slotIndex]["business-hours"] || void 0,
 														"data-non-business-hours": businessHoursMods.value[slotIndex]["non-business-hours"] || void 0,
 														"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.slotIndex === slotIndex || void 0,
+														"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.slotIndex === slotIndex && !dropValid.value || void 0,
 														"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(slotIndex, String(resource.id)) || void 0,
 														"data-static": isStatic.value || void 0,
 														"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? slotIndex : void 0,
@@ -7376,6 +7903,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														"data-business-hours",
 														"data-non-business-hours",
 														"data-drop-target",
+														"data-invalid",
 														"data-drag-selected",
 														"data-static",
 														"data-drag-slot-index",
@@ -7498,31 +8026,31 @@ function getResourcesWeekViewEvents({ events, resources, weekdays, startTime, en
 	};
 }
 var ResourcesWeekView_module_default = {
-	resourcesWeekView: "_resourcesWeekView_1rg4q_1",
-	resourcesWeekViewRoot: "_resourcesWeekViewRoot_1rg4q_19",
-	resourcesWeekViewScrollArea: "_resourcesWeekViewScrollArea_1rg4q_26",
-	resourcesWeekViewInner: "_resourcesWeekViewInner_1rg4q_34",
-	resourcesWeekViewHeaderRows: "_resourcesWeekViewHeaderRows_1rg4q_39",
-	resourcesWeekViewCorner: "_resourcesWeekViewCorner_1rg4q_48",
-	resourcesWeekViewHeaderContent: "_resourcesWeekViewHeaderContent_1rg4q_63",
-	resourcesWeekViewDayLabelsRow: "_resourcesWeekViewDayLabelsRow_1rg4q_67",
-	resourcesWeekViewDayLabel: "_resourcesWeekViewDayLabel_1rg4q_67",
-	resourcesWeekViewTimeLabelsRow: "_resourcesWeekViewTimeLabelsRow_1rg4q_94",
-	resourcesWeekViewTimeLabel: "_resourcesWeekViewTimeLabel_1rg4q_94",
-	resourcesWeekViewRow: "_resourcesWeekViewRow_1rg4q_121",
-	resourcesWeekViewResourceLabel: "_resourcesWeekViewResourceLabel_1rg4q_125",
-	resourcesWeekViewGroupColumn: "_resourcesWeekViewGroupColumn_1rg4q_149",
-	resourcesWeekViewGroupColumnEmpty: "_resourcesWeekViewGroupColumnEmpty_1rg4q_150",
-	resourcesWeekViewRowSlots: "_resourcesWeekViewRowSlots_1rg4q_178",
-	resourcesWeekViewRowSlot: "_resourcesWeekViewRowSlot_1rg4q_178",
-	resourcesWeekViewBackgroundEvent: "_resourcesWeekViewBackgroundEvent_1rg4q_250",
-	resourcesWeekViewAllDayEvent: "_resourcesWeekViewAllDayEvent_1rg4q_278",
-	resourcesWeekViewEventWrapper: "_resourcesWeekViewEventWrapper_1rg4q_283",
-	resourcesWeekViewResizeHandle: "_resourcesWeekViewResizeHandle_1rg4q_287",
-	resourcesWeekViewCurrentTimeIndicator: "_resourcesWeekViewCurrentTimeIndicator_1rg4q_364",
-	resourcesWeekViewCurrentTimeIndicatorLine: "_resourcesWeekViewCurrentTimeIndicatorLine_1rg4q_376",
-	resourcesWeekViewCurrentTimeIndicatorThumb: "_resourcesWeekViewCurrentTimeIndicatorThumb_1rg4q_382",
-	resourcesWeekViewCurrentTimeIndicatorTimeBubble: "_resourcesWeekViewCurrentTimeIndicatorTimeBubble_1rg4q_392"
+	resourcesWeekView: "_resourcesWeekView_1g2tz_1",
+	resourcesWeekViewRoot: "_resourcesWeekViewRoot_1g2tz_19",
+	resourcesWeekViewScrollArea: "_resourcesWeekViewScrollArea_1g2tz_26",
+	resourcesWeekViewInner: "_resourcesWeekViewInner_1g2tz_34",
+	resourcesWeekViewHeaderRows: "_resourcesWeekViewHeaderRows_1g2tz_39",
+	resourcesWeekViewCorner: "_resourcesWeekViewCorner_1g2tz_48",
+	resourcesWeekViewHeaderContent: "_resourcesWeekViewHeaderContent_1g2tz_63",
+	resourcesWeekViewDayLabelsRow: "_resourcesWeekViewDayLabelsRow_1g2tz_67",
+	resourcesWeekViewDayLabel: "_resourcesWeekViewDayLabel_1g2tz_67",
+	resourcesWeekViewTimeLabelsRow: "_resourcesWeekViewTimeLabelsRow_1g2tz_94",
+	resourcesWeekViewTimeLabel: "_resourcesWeekViewTimeLabel_1g2tz_94",
+	resourcesWeekViewRow: "_resourcesWeekViewRow_1g2tz_121",
+	resourcesWeekViewResourceLabel: "_resourcesWeekViewResourceLabel_1g2tz_125",
+	resourcesWeekViewGroupColumn: "_resourcesWeekViewGroupColumn_1g2tz_149",
+	resourcesWeekViewGroupColumnEmpty: "_resourcesWeekViewGroupColumnEmpty_1g2tz_150",
+	resourcesWeekViewRowSlots: "_resourcesWeekViewRowSlots_1g2tz_178",
+	resourcesWeekViewRowSlot: "_resourcesWeekViewRowSlot_1g2tz_178",
+	resourcesWeekViewBackgroundEvent: "_resourcesWeekViewBackgroundEvent_1g2tz_259",
+	resourcesWeekViewAllDayEvent: "_resourcesWeekViewAllDayEvent_1g2tz_287",
+	resourcesWeekViewEventWrapper: "_resourcesWeekViewEventWrapper_1g2tz_292",
+	resourcesWeekViewResizeHandle: "_resourcesWeekViewResizeHandle_1g2tz_296",
+	resourcesWeekViewCurrentTimeIndicator: "_resourcesWeekViewCurrentTimeIndicator_1g2tz_373",
+	resourcesWeekViewCurrentTimeIndicatorLine: "_resourcesWeekViewCurrentTimeIndicatorLine_1g2tz_385",
+	resourcesWeekViewCurrentTimeIndicatorThumb: "_resourcesWeekViewCurrentTimeIndicatorThumb_1g2tz_391",
+	resourcesWeekViewCurrentTimeIndicatorTimeBubble: "_resourcesWeekViewCurrentTimeIndicatorTimeBubble_1g2tz_401"
 };
 //#endregion
 //#region src/components/ResourcesWeekView/ResourcesWeekView.vue?vue&type=script&setup=true&lang.ts
@@ -7656,6 +8184,10 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		recurrenceExpansionLimit: { default: void 0 },
 		maxEventsPerTimeSlot: { default: void 0 },
 		moreEventsProps: { default: void 0 },
@@ -7688,7 +8220,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -7732,6 +8265,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const scrolledX = (0, vue.ref)(false);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const intervals = (0, vue.computed)(() => getDayTimeIntervals({
@@ -7820,6 +8354,10 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
 			canResizeEvent: () => props.canResizeEvent,
+			events: () => props.events ?? [],
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
@@ -7862,15 +8400,51 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!day || !interval) return;
 			const target = getSnappedDropTarget(nativeEvent, day, flatIndex, interval.startTime);
 			const event = getDropEvent(props.events, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", {
-				...moveEventTo(event, target),
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: props.events ?? [],
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false) emit("eventDrop", {
+					...next,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
 				resourceId
-			});
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
+			}) !== false) emit("externalEventDrop", {
 				dataTransfer: nativeEvent.dataTransfer,
 				dropDateTime: target,
 				resourceId
 			});
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const getSnappedDropTarget = (nativeEvent, day, flatIndex, slotStartTime) => {
 			if (props.eventDragInterval == null) return `${day} ${slotStartTime}`;
@@ -7901,6 +8475,31 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const flatIndex = getFlatIndexAtPoint(nativeEvent, resourceIndex);
+			const count = slotsPerDay.value;
+			const day = weekdays.value[Math.floor(flatIndex / count)];
+			const interval = intervals.value[flatIndex % count];
+			const target = flatIndex >= 0 && day && interval ? getSnappedDropTarget(nativeEvent, day, flatIndex, interval.startTime) : null;
+			const event = dragState.draggedEvent.value;
+			if (target && event) {
+				const next = moveEventTo(event, target);
+				dropValid.value = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: props.events ?? [],
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false;
+			} else if (target && nativeEvent.dataTransfer) dropValid.value = props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId
+			}) !== false;
 			setDropTarget(flatIndex < 0 ? null : {
 				resourceId,
 				flatIndex
@@ -8262,7 +8861,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: (0, vue.unref)(resize).getResizePosition(entry.event.id) !== null && !(0, vue.unref)(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -8275,6 +8875,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), (0, vue.unref)(resize).isResizableEvent(entry.event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(["start", "end"], (edge) => {
 															return (0, vue.createElementVNode)("div", (0, vue.mergeProps)({ key: edge }, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesWeekViewResizeHandle"), {
@@ -8322,6 +8923,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"data-business-hours": businessHoursMods.value[dayIndex][slotIndex]["business-hours"] || void 0,
 															"data-non-business-hours": businessHoursMods.value[dayIndex][slotIndex]["non-business-hours"] || void 0,
 															"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.flatIndex === dayIndex * slotsPerDay.value + slotIndex || void 0,
+															"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.flatIndex === dayIndex * slotsPerDay.value + slotIndex && !dropValid.value || void 0,
 															"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(dayIndex * slotsPerDay.value + slotIndex, String(resource.id)) || void 0,
 															"data-static": isStatic.value || void 0,
 															"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? dayIndex * slotsPerDay.value + slotIndex : void 0,
@@ -8353,6 +8955,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"data-business-hours",
 															"data-non-business-hours",
 															"data-drop-target",
+															"data-invalid",
 															"data-drag-selected",
 															"data-static",
 															"data-drag-slot-index",
@@ -8485,23 +9088,23 @@ function getResourcesMonthViewLayout({ days, events, resourceId, maxRows }) {
 	};
 }
 var ResourcesMonthView_module_default = {
-	resourcesMonthView: "_resourcesMonthView_uqbdi_1",
-	resourcesMonthViewRoot: "_resourcesMonthViewRoot_uqbdi_17",
-	resourcesMonthViewScrollArea: "_resourcesMonthViewScrollArea_uqbdi_24",
-	resourcesMonthViewInner: "_resourcesMonthViewInner_uqbdi_33",
-	resourcesMonthViewDayLabelsRow: "_resourcesMonthViewDayLabelsRow_uqbdi_37",
-	resourcesMonthViewCorner: "_resourcesMonthViewCorner_uqbdi_46",
-	resourcesMonthViewDayLabel: "_resourcesMonthViewDayLabel_uqbdi_37",
-	resourcesMonthViewDayLabelWeekday: "_resourcesMonthViewDayLabelWeekday_uqbdi_85",
-	resourcesMonthViewDayLabelNumber: "_resourcesMonthViewDayLabelNumber_uqbdi_92",
-	resourcesMonthViewRow: "_resourcesMonthViewRow_uqbdi_97",
-	resourcesMonthViewResourceLabel: "_resourcesMonthViewResourceLabel_uqbdi_101",
-	resourcesMonthViewGroupColumn: "_resourcesMonthViewGroupColumn_uqbdi_120",
-	resourcesMonthViewGroupColumnEmpty: "_resourcesMonthViewGroupColumnEmpty_uqbdi_121",
-	resourcesMonthViewRowSlots: "_resourcesMonthViewRowSlots_uqbdi_149",
-	resourcesMonthViewCell: "_resourcesMonthViewCell_uqbdi_154",
-	resourcesMonthViewEventWrapper: "_resourcesMonthViewEventWrapper_uqbdi_230",
-	resourcesMonthViewResizeHandle: "_resourcesMonthViewResizeHandle_uqbdi_231"
+	resourcesMonthView: "_resourcesMonthView_1rka1_1",
+	resourcesMonthViewRoot: "_resourcesMonthViewRoot_1rka1_17",
+	resourcesMonthViewScrollArea: "_resourcesMonthViewScrollArea_1rka1_24",
+	resourcesMonthViewInner: "_resourcesMonthViewInner_1rka1_33",
+	resourcesMonthViewDayLabelsRow: "_resourcesMonthViewDayLabelsRow_1rka1_37",
+	resourcesMonthViewCorner: "_resourcesMonthViewCorner_1rka1_46",
+	resourcesMonthViewDayLabel: "_resourcesMonthViewDayLabel_1rka1_37",
+	resourcesMonthViewDayLabelWeekday: "_resourcesMonthViewDayLabelWeekday_1rka1_85",
+	resourcesMonthViewDayLabelNumber: "_resourcesMonthViewDayLabelNumber_1rka1_92",
+	resourcesMonthViewRow: "_resourcesMonthViewRow_1rka1_97",
+	resourcesMonthViewResourceLabel: "_resourcesMonthViewResourceLabel_1rka1_101",
+	resourcesMonthViewGroupColumn: "_resourcesMonthViewGroupColumn_1rka1_120",
+	resourcesMonthViewGroupColumnEmpty: "_resourcesMonthViewGroupColumnEmpty_1rka1_121",
+	resourcesMonthViewRowSlots: "_resourcesMonthViewRowSlots_1rka1_149",
+	resourcesMonthViewCell: "_resourcesMonthViewCell_1rka1_154",
+	resourcesMonthViewEventWrapper: "_resourcesMonthViewEventWrapper_1rka1_239",
+	resourcesMonthViewResizeHandle: "_resourcesMonthViewResizeHandle_1rka1_240"
 };
 //#endregion
 //#region src/components/ResourcesMonthView/ResourcesMonthView.vue?vue&type=script&setup=true&lang.ts
@@ -8610,6 +9213,10 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		labels: { default: void 0 },
@@ -8633,7 +9240,8 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"eventDragEnd",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -8677,6 +9285,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const month = (0, vue.computed)(() => (0, dayjs.default)(props.date).startOf("month"));
 		const monthString = (0, vue.computed)(() => month.value.format("YYYY-MM-DD"));
@@ -8692,6 +9301,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			expansionLimit: props.recurrenceExpansionLimit
 		}));
 		const resizeState = (0, vue.shallowRef)(null);
+		const resizeValid = (0, vue.ref)(true);
 		let justResized = false;
 		const effectiveEvents = (0, vue.computed)(() => {
 			const state = resizeState.value;
@@ -8764,18 +9374,57 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					draggedEvent: dragged,
 					targetDay: day
 				});
-				emit("eventDrop", {
+				const start = (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss");
+				const validation = isEventPlacementAllowed({
+					event: dragged,
+					start,
+					end,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event: dragged,
+					start,
+					end,
+					resourceId
+				}) !== false) emit("eventDrop", {
 					eventId: dragged.id,
-					newStart: (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss"),
-					newEnd: (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss"),
+					newStart: start,
+					newEnd: end,
 					event: dragged,
 					resourceId
 				});
-			} else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
-				dataTransfer: nativeEvent.dataTransfer,
-				dropDateTime: `${day} 00:00:00`,
-				resourceId
-			});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event: dragged,
+					start,
+					end,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${day} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId
+				}) !== false) emit("externalEventDrop", {
+					dataTransfer: nativeEvent.dataTransfer,
+					dropDateTime: start,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const setDropTarget = (next) => {
 			const current = dropTarget.value;
@@ -8790,6 +9439,36 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const dayIndex = indexAtPoint(nativeEvent, resourceIndex);
+			const day = days.value[dayIndex];
+			const dragged = dragState.draggedEvent.value;
+			if (day && dragged) {
+				const next = calculateMonthDropDate({
+					draggedEvent: dragged,
+					targetDay: day
+				});
+				const start = (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss");
+				dropValid.value = isEventPlacementAllowed({
+					event: dragged,
+					start,
+					end,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event: dragged,
+					start,
+					end,
+					resourceId
+				}) !== false;
+			} else if (day && nativeEvent.dataTransfer) {
+				const start = `${day} 00:00:00`;
+				dropValid.value = props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId
+				}) !== false;
+			}
 			setDropTarget(dayIndex < 0 ? null : {
 				resourceId,
 				dayIndex
@@ -8912,6 +9591,16 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				...calculateResizeDates(state.event, state.edge, days.value[dayIndex]),
 				dayIndex
 			};
+			resizeValid.value = validateEventResize({
+				event: state.event,
+				start: resizeState.value.start,
+				end: resizeState.value.end,
+				edge: state.edge,
+				events: expandedEvents.value,
+				preventEventOverlap: props.preventEventOverlap,
+				canResizeEventTo: props.canResizeEventTo,
+				resourceId: state.event.resourceId
+			}).valid;
 		};
 		const stopResizeListeners = () => {
 			document.removeEventListener("pointermove", handleResizeMove);
@@ -8922,12 +9611,33 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const state = resizeState.value;
 			stopResizeListeners();
 			resizeState.value = null;
-			if (emitChange && state && (state.start !== state.originalStart || state.end !== state.originalEnd)) emit("eventResize", {
-				eventId: state.event.id,
-				newStart: state.start,
-				newEnd: state.end,
-				event: state.event
-			});
+			if (emitChange && state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {
+				const validation = validateEventResize({
+					event: state.event,
+					start: state.start,
+					end: state.end,
+					edge: state.edge,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					canResizeEventTo: props.canResizeEventTo,
+					resourceId: state.event.resourceId
+				});
+				if (validation.valid) emit("eventResize", {
+					eventId: state.event.id,
+					newStart: state.start,
+					newEnd: state.end,
+					event: state.event
+				});
+				else emit("eventPlacementRejected", {
+					action: "resize",
+					event: state.event,
+					start: state.start,
+					end: state.end,
+					edge: state.edge,
+					conflicts: validation.conflicts,
+					reason: validation.reason
+				});
+			}
 			justResized = true;
 			requestAnimationFrame(() => justResized = false);
 		};
@@ -8953,6 +9663,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				end,
 				dayIndex: -1
 			};
+			resizeValid.value = true;
 			document.addEventListener("pointermove", handleResizeMove);
 			document.addEventListener("pointerup", handleResizeEnd);
 			document.addEventListener("pointercancel", handleResizeCancel);
@@ -9081,6 +9792,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													mode: (0, vue.unref)(props).mode,
 													draggable: isDraggableEvent(entry.event),
 													"is-resizing": isResizingEvent(entry.event),
+													mod: { invalid: isResizingEvent(entry.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -9098,6 +9810,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(entry.event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
@@ -9135,6 +9848,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													mode: (0, vue.unref)(props).mode,
 													draggable: isDraggableEvent(segment.event),
 													"is-resizing": isResizingEvent(segment.event),
+													mod: { invalid: isResizingEvent(segment.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -9153,6 +9867,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(segment.event) && segment.hanging !== "start" && segment.hanging !== "both" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
@@ -9208,6 +9923,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										}, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesMonthViewCell"), {
 											"data-weekend": (0, vue.unref)(props).weekendDays.includes((0, vue.unref)(dayjs.default)(day).day()) || void 0,
 											"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.dayIndex === dayIndex || void 0,
+											"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.dayIndex === dayIndex && !dropValid.value || void 0,
 											"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(dayIndex, String(resource.id)) || void 0,
 											"data-static": isStatic.value || void 0,
 											"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? dayIndex : void 0,
@@ -9235,6 +9951,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										}, 1040, [
 											"data-weekend",
 											"data-drop-target",
+											"data-invalid",
 											"data-drag-selected",
 											"data-static",
 											"data-drag-slot-index",
@@ -9309,6 +10026,22 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {
+			type: Function,
+			default: void 0
+		},
+		canDropExternalEvent: {
+			type: Function,
+			default: void 0
+		},
+		canResizeEventTo: {
+			type: Function,
+			default: void 0
+		},
+		preventEventOverlap: {
+			type: [Boolean, Function],
+			default: void 0
+		},
 		withInteractiveBackgroundEvents: {
 			type: Boolean,
 			default: void 0
@@ -9335,7 +10068,8 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"dayClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -9397,6 +10131,9 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			renderResourceLabel: props.renderResourceLabel,
 			withEventsDragAndDrop: isStatic.value ? false : props.withEventsDragAndDrop,
 			canDragEvent: props.canDragEvent,
+			canDropEvent: props.canDropEvent,
+			canDropExternalEvent: props.canDropExternalEvent,
+			preventEventOverlap: props.preventEventOverlap,
 			withDragSlotSelect: props.withDragSlotSelect,
 			recurrenceExpansionLimit: props.recurrenceExpansionLimit,
 			withInteractiveBackgroundEvents: isStatic.value ? false : props.withInteractiveBackgroundEvents,
@@ -9408,6 +10145,7 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onEventClick: (event, nativeEvent) => emit("eventClick", event, nativeEvent),
 			onSlotDragEnd: (data) => emit("slotDragEnd", data),
 			onExternalEventDrop: (data) => emit("externalEventDrop", data),
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			...eventRenderers.value,
 			...stylesApi.value
 		}));
@@ -9415,6 +10153,7 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onTimeSlotClick: (data) => emit("timeSlotClick", data),
 			withEventResize: isStatic.value ? false : props.withEventResize,
 			canResizeEvent: props.canResizeEvent,
+			canResizeEventTo: props.canResizeEventTo,
 			onEventResize: (data) => emit("eventResize", data)
 		}));
 		const activeView = (0, vue.computed)(() => {
@@ -9544,6 +10283,7 @@ exports.isAfterMinDate = isAfterMinDate;
 exports.isAllDayEvent = isAllDayEvent;
 exports.isBeforeMaxDate = isBeforeMaxDate;
 exports.isEventInTimeRange = isEventInTimeRange;
+exports.isEventPlacementAllowed = isEventPlacementAllowed;
 exports.isEventsOverlap = isEventsOverlap;
 exports.isInTimeRange = isInTimeRange;
 exports.isMultiDayEvent = isMultiDayEvent;