@mantine-vue/schedule 3.5.0 → 3.7.0

package/esm/index.mjs

@@ -358,6 +358,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 = dayjs(event.start);
+	const end = dayjs(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 {
@@ -930,9 +969,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 = shallowRef(null);
+	const resizeValid = shallowRef(true);
 	let justResized = false;
 	let savedUserSelect = null;
 	const clampAndSnap = (minutes, state) => {
@@ -974,6 +1046,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 = () => {
@@ -991,14 +1075,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(() => {
@@ -1034,6 +1138,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);
@@ -1054,7 +1159,8 @@ function useEventResize(input) {
 		resizingEventId: computed(() => resizeState.value?.eventId ?? null),
 		getResizePosition,
 		isResizableEvent,
-		wasResizing: () => justResized
+		wasResizing: () => justResized,
+		resizeValid: computed(() => resizeValid.value)
 	};
 }
 var CurrentTimeIndicator_module_default = {
@@ -1274,9 +1380,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
@@ -2942,19 +3048,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
@@ -3028,6 +3134,9 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -3036,6 +3145,7 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -3077,6 +3187,7 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -3117,6 +3228,7 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 		const eventRenderers = computed(() => resolveEventRenderers(props, slots));
 		const timeSlotsContainer = ref(null);
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = shallowRef(null);
 		const date = computed(() => toDateString(props.date));
 		const datePart = computed(() => dayjs(date.value).format("YYYY-MM-DD"));
 		const now = computed(() => dayjs(props.getCurrentTime?.() ?? dayjs()));
@@ -3153,6 +3265,10 @@ var DayView = factory(/* @__PURE__ */ 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({
@@ -3175,9 +3291,35 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = 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;
+		});
 		onMounted(async () => {
 			if (!props.startScrollTime) return;
 			await nextTick();
@@ -3195,14 +3337,79 @@ var DayView = factory(/* @__PURE__ */ 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) => {
@@ -3223,10 +3430,14 @@ var DayView = factory(/* @__PURE__ */ 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) => {
@@ -3450,7 +3661,10 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 									event,
 									"auto-size": "",
 									mode: unref(props).mode,
-									mod: { cascade: unref(props).eventOverlapMode === "cascade" },
+									mod: {
+										cascade: unref(props).eventOverlapMode === "cascade",
+										invalid: unref(eventResize).getResizePosition(event.id) !== null && !unref(eventResize).resizeValid.value
+									},
 									style: regularEventStyle(event),
 									draggable: !isStatic.value && unref(props).withEventsDragAndDrop === true && (unref(props).canDragEvent?.(event) ?? true),
 									"with-resize": unref(eventResize).isResizableEvent(event),
@@ -3510,6 +3724,7 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 										"hour-start": slot.isHourStart,
 										static: isStatic.value,
 										"drop-target": unref(slotDropTarget).isTarget(datePart.value, index),
+										invalid: unref(slotDropTarget).isTarget(datePart.value, index) && !dropValid.value,
 										"drag-selected": unref(slotDragSelect).isSlotSelected(index, datePart.value),
 										"business-hours": businessHoursMods.value[index]["business-hours"],
 										"non-business-hours": businessHoursMods.value[index]["non-business-hours"]
@@ -3552,10 +3767,16 @@ var DayView = factory(/* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/MobileMonthView/get-mobile-month-view-events.ts
+function getEventEndDay(event) {
+	const startDay = dayjs(event.start).startOf("day");
+	const end = dayjs(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 = dayjs(event.start).startOf("day");
-		const endDate = dayjs(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] = [];
@@ -3571,9 +3792,11 @@ function getMobileMonthViewEvents({ date, events }) {
 	const groupedEvents = {};
 	if (events === void 0) return groupedEvents;
 	const ids = /* @__PURE__ */ new Set();
+	const monthStart = dayjs(date).startOf("month");
+	const monthEnd = dayjs(date).endOf("month");
 	for (const event of events) {
 		if (event.display === "background") continue;
-		if (dayjs(event.start).isSame(dayjs(date), "month")) {
+		if (!getEventEndDay(event).isBefore(monthStart, "day") && !dayjs(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}`);
@@ -3957,17 +4180,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 = dayjs(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 = [];
@@ -3992,6 +4204,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 = {};
@@ -4002,6 +4222,11 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		rangeEnd: range ? dayjs(range.end) : dayjs(date).startOf("month").endOf("month"),
 		firstDayOfWeek
 	});
+	const weekStates = weeks.map((week) => ({
+		weekStart: dayjs(week[0]).startOf("day"),
+		weekEnd: dayjs(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()] = [];
@@ -4012,9 +4237,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 = dayjs(week[0]).startOf("day");
-			const weekEnd = dayjs(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,
@@ -4036,11 +4259,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,
@@ -4216,16 +4438,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
@@ -4234,6 +4456,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",
@@ -4308,6 +4531,9 @@ var MonthView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		monthYearSelectProps: { default: void 0 },
@@ -4353,6 +4579,7 @@ var MonthView = factory(/* @__PURE__ */ defineComponent({
 		"eventDragEnd",
 		"externalEventDrop",
 		"slotDragEnd",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -4393,6 +4620,7 @@ var MonthView = factory(/* @__PURE__ */ defineComponent({
 		const eventRenderers = computed(() => resolveEventRenderers(props, slots));
 		const monthGrid = ref(null);
 		const dropTarget = shallowRef(null);
+		const dropValid = ref(true);
 		const isStatic = computed(() => props.mode === "static");
 		const month = computed(() => dayjs(props.date).startOf("month"));
 		const maxEventsPerDay = computed(() => clampMaxEvents(props.maxEventsPerDay));
@@ -4483,7 +4711,29 @@ var MonthView = factory(/* @__PURE__ */ 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)) {
@@ -4495,14 +4745,48 @@ var MonthView = factory(/* @__PURE__ */ 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",
@@ -4576,6 +4860,7 @@ var MonthView = factory(/* @__PURE__ */ defineComponent({
 									"data-weekend": unref(props).weekendDays.includes(unref(dayjs)(date).day()) || void 0,
 									"data-static": isStatic.value || void 0,
 									"data-drop-target": dropTarget.value === unref(toDateString)(date) || void 0,
+									"data-invalid": dropTarget.value === unref(toDateString)(date) && !dropValid.value || void 0,
 									"data-drag-selected": 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,
@@ -5022,29 +5307,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
@@ -5160,6 +5445,9 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -5168,6 +5456,7 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -5209,6 +5498,7 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -5253,6 +5543,7 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 		};
 		const daySlotsContainers = /* @__PURE__ */ new Map();
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = shallowRef(null);
 		const isStatic = computed(() => props.mode === "static");
 		/** The plural names are the deprecated aliases; the canonical prop wins when both are set. */
 		const withWeekNumber = computed(() => props.withWeekNumbers ?? props.withWeekNumber);
@@ -5344,6 +5635,10 @@ var WeekView = factory(/* @__PURE__ */ 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({
@@ -5375,9 +5670,35 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = 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);
@@ -5431,15 +5752,80 @@ var WeekView = factory(/* @__PURE__ */ 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 = dayjs(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),
@@ -5450,10 +5836,14 @@ var WeekView = factory(/* @__PURE__ */ 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) => ({
@@ -5664,6 +6054,7 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 													"data-drag-slot-index": withSlotSelect.value ? slotIndex : void 0,
 													"data-drag-slot-group": withSlotSelect.value ? column.key : void 0,
 													"data-drop-target": unref(slotDropTarget).isTarget(column.key, slotIndex) || void 0,
+													"data-invalid": unref(slotDropTarget).isTarget(column.key, slotIndex) && !dropValid.value ? true : void 0,
 													"data-drag-selected": 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,
@@ -5680,6 +6071,7 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 													"data-drag-slot-index",
 													"data-drag-slot-group",
 													"data-drop-target",
+													"data-invalid",
 													"data-drag-selected",
 													"data-business-hours",
 													"data-non-business-hours",
@@ -5722,7 +6114,10 @@ var WeekView = factory(/* @__PURE__ */ defineComponent({
 													event,
 													"auto-size": "",
 													mode: unref(props).mode,
-													mod: { cascade: unref(props).eventOverlapMode === "cascade" },
+													mod: {
+														cascade: unref(props).eventOverlapMode === "cascade",
+														invalid: unref(eventResize).getResizePosition(event.id) !== null && !unref(eventResize).resizeValid.value
+													},
 													style: regularEventStyle(event),
 													draggable: isDraggableEvent(event),
 													"with-resize": unref(eventResize).isResizableEvent(event),
@@ -6181,6 +6576,22 @@ var Schedule = factory(/* @__PURE__ */ 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
@@ -6212,7 +6623,8 @@ var Schedule = factory(/* @__PURE__ */ defineComponent({
 		"monthClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6271,6 +6683,10 @@ var Schedule = factory(/* @__PURE__ */ 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,
@@ -6294,7 +6710,8 @@ var Schedule = factory(/* @__PURE__ */ 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,
@@ -6364,6 +6781,7 @@ var Schedule = factory(/* @__PURE__ */ defineComponent({
 //#region src/hooks/use-horizontal-event-resize.ts
 function useHorizontalEventResize(input) {
 	const state = shallowRef(null);
+	const resizeValid = ref(true);
 	let justResized = false;
 	let savedUserSelect = "";
 	const metrics = () => {
@@ -6408,6 +6826,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 = () => {
@@ -6419,13 +6849,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);
@@ -6443,6 +6897,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);
@@ -6451,6 +6906,7 @@ function useHorizontalEventResize(input) {
 	onBeforeUnmount(cleanup);
 	return {
 		state,
+		resizeValid,
 		get resizingEdge() {
 			return state.value?.edge ?? null;
 		},
@@ -6561,27 +7017,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
@@ -6706,6 +7162,10 @@ var ResourcesDayView = factory(/* @__PURE__ */ 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 },
@@ -6724,7 +7184,8 @@ var ResourcesDayView = factory(/* @__PURE__ */ defineComponent({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6768,6 +7229,7 @@ var ResourcesDayView = factory(/* @__PURE__ */ defineComponent({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = shallowRef(null);
+		const dropValid = ref(true);
 		const scrolled = ref(false);
 		const scrolledX = ref(false);
 		const isStatic = computed(() => props.mode === "static");
@@ -6844,6 +7306,10 @@ var ResourcesDayView = factory(/* @__PURE__ */ 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)
 		});
 		onMounted(async () => {
@@ -6877,15 +7343,51 @@ var ResourcesDayView = factory(/* @__PURE__ */ 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];
@@ -6916,6 +7418,28 @@ var ResourcesDayView = factory(/* @__PURE__ */ 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
@@ -7229,7 +7753,8 @@ var ResourcesDayView = factory(/* @__PURE__ */ defineComponent({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: unref(resize).getResizePosition(event.id) !== null && !unref(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -7242,6 +7767,7 @@ var ResourcesDayView = factory(/* @__PURE__ */ defineComponent({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), unref(resize).isResizableEvent(event) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(["start", "end"], (edge) => {
 															return createElementVNode("div", mergeProps({ key: edge }, { ref_for: true }, unref(staticStyles)("resourcesDayViewResizeHandle"), {
@@ -7287,6 +7813,7 @@ var ResourcesDayView = factory(/* @__PURE__ */ 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": unref(slotSelect).isSlotSelected(slotIndex, String(resource.id)) || void 0,
 														"data-static": isStatic.value || void 0,
 														"data-drag-slot-index": unref(props).withDragSlotSelect ? slotIndex : void 0,
@@ -7317,6 +7844,7 @@ var ResourcesDayView = factory(/* @__PURE__ */ defineComponent({
 														"data-business-hours",
 														"data-non-business-hours",
 														"data-drop-target",
+														"data-invalid",
 														"data-drag-selected",
 														"data-static",
 														"data-drag-slot-index",
@@ -7436,31 +7964,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
@@ -7594,6 +8122,10 @@ var ResourcesWeekView = factory(/* @__PURE__ */ 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 },
@@ -7626,7 +8158,8 @@ var ResourcesWeekView = factory(/* @__PURE__ */ defineComponent({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -7670,6 +8203,7 @@ var ResourcesWeekView = factory(/* @__PURE__ */ defineComponent({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = shallowRef(null);
+		const dropValid = ref(true);
 		const scrolledX = ref(false);
 		const isStatic = computed(() => props.mode === "static");
 		const intervals = computed(() => getDayTimeIntervals({
@@ -7758,6 +8292,10 @@ var ResourcesWeekView = factory(/* @__PURE__ */ 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)
 		});
 		onMounted(async () => {
@@ -7800,15 +8338,51 @@ var ResourcesWeekView = factory(/* @__PURE__ */ 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}`;
@@ -7839,6 +8413,31 @@ var ResourcesWeekView = factory(/* @__PURE__ */ 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
@@ -8200,7 +8799,8 @@ var ResourcesWeekView = factory(/* @__PURE__ */ defineComponent({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: unref(resize).getResizePosition(entry.event.id) !== null && !unref(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -8213,6 +8813,7 @@ var ResourcesWeekView = factory(/* @__PURE__ */ defineComponent({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), unref(resize).isResizableEvent(entry.event) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(["start", "end"], (edge) => {
 															return createElementVNode("div", mergeProps({ key: edge }, { ref_for: true }, unref(staticStyles)("resourcesWeekViewResizeHandle"), {
@@ -8260,6 +8861,7 @@ var ResourcesWeekView = factory(/* @__PURE__ */ 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": unref(slotSelect).isSlotSelected(dayIndex * slotsPerDay.value + slotIndex, String(resource.id)) || void 0,
 															"data-static": isStatic.value || void 0,
 															"data-drag-slot-index": unref(props).withDragSlotSelect ? dayIndex * slotsPerDay.value + slotIndex : void 0,
@@ -8291,6 +8893,7 @@ var ResourcesWeekView = factory(/* @__PURE__ */ defineComponent({
 															"data-business-hours",
 															"data-non-business-hours",
 															"data-drop-target",
+															"data-invalid",
 															"data-drag-selected",
 															"data-static",
 															"data-drag-slot-index",
@@ -8420,23 +9023,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
@@ -8545,6 +9148,10 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		labels: { default: void 0 },
@@ -8568,7 +9175,8 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 		"eventDragEnd",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -8612,6 +9220,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = shallowRef(null);
+		const dropValid = ref(true);
 		const isStatic = computed(() => props.mode === "static");
 		const month = computed(() => dayjs(props.date).startOf("month"));
 		const monthString = computed(() => month.value.format("YYYY-MM-DD"));
@@ -8627,6 +9236,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 			expansionLimit: props.recurrenceExpansionLimit
 		}));
 		const resizeState = shallowRef(null);
+		const resizeValid = ref(true);
 		let justResized = false;
 		const effectiveEvents = computed(() => {
 			const state = resizeState.value;
@@ -8699,18 +9309,57 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 					draggedEvent: dragged,
 					targetDay: day
 				});
-				emit("eventDrop", {
+				const start = dayjs(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = dayjs(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: dayjs(next.start).format("YYYY-MM-DD HH:mm:ss"),
-					newEnd: dayjs(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;
@@ -8725,6 +9374,36 @@ var ResourcesMonthView = factory(/* @__PURE__ */ 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 = dayjs(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = dayjs(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
@@ -8847,6 +9526,16 @@ var ResourcesMonthView = factory(/* @__PURE__ */ 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);
@@ -8857,12 +9546,33 @@ var ResourcesMonthView = factory(/* @__PURE__ */ 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);
 		};
@@ -8888,6 +9598,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 				end,
 				dayIndex: -1
 			};
+			resizeValid.value = true;
 			document.addEventListener("pointermove", handleResizeMove);
 			document.addEventListener("pointerup", handleResizeEnd);
 			document.addEventListener("pointercancel", handleResizeCancel);
@@ -9016,6 +9727,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 													mode: unref(props).mode,
 													draggable: isDraggableEvent(entry.event),
 													"is-resizing": isResizingEvent(entry.event),
+													mod: { invalid: isResizingEvent(entry.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -9033,6 +9745,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(entry.event) ? (openBlock(), createElementBlock("div", mergeProps({
@@ -9070,6 +9783,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 													mode: unref(props).mode,
 													draggable: isDraggableEvent(segment.event),
 													"is-resizing": isResizingEvent(segment.event),
+													mod: { invalid: isResizingEvent(segment.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -9088,6 +9802,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(segment.event) && segment.hanging !== "start" && segment.hanging !== "both" ? (openBlock(), createElementBlock("div", mergeProps({
@@ -9143,6 +9858,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 										}, { ref_for: true }, unref(staticStyles)("resourcesMonthViewCell"), {
 											"data-weekend": unref(props).weekendDays.includes(unref(dayjs)(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": unref(slotSelect).isSlotSelected(dayIndex, String(resource.id)) || void 0,
 											"data-static": isStatic.value || void 0,
 											"data-drag-slot-index": unref(props).withDragSlotSelect ? dayIndex : void 0,
@@ -9170,6 +9886,7 @@ var ResourcesMonthView = factory(/* @__PURE__ */ defineComponent({
 										}, 1040, [
 											"data-weekend",
 											"data-drop-target",
+											"data-invalid",
 											"data-drag-selected",
 											"data-static",
 											"data-drag-slot-index",
@@ -9241,6 +9958,22 @@ var ResourcesSchedule = factory(/* @__PURE__ */ 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
@@ -9267,7 +10000,8 @@ var ResourcesSchedule = factory(/* @__PURE__ */ defineComponent({
 		"dayClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -9329,6 +10063,9 @@ var ResourcesSchedule = factory(/* @__PURE__ */ 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,
@@ -9340,6 +10077,7 @@ var ResourcesSchedule = factory(/* @__PURE__ */ 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
 		}));
@@ -9347,6 +10085,7 @@ var ResourcesSchedule = factory(/* @__PURE__ */ 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 = computed(() => {
@@ -9406,6 +10145,6 @@ var ResourcesSchedule = factory(/* @__PURE__ */ defineComponent({
 	}
 }), { classes: ResourcesSchedule_module_default });
 //#endregion
-export { CurrentTimeIndicator, DEFAULT_SCHEDULE_LABELS, DayView, DragContext, HeaderControl, MobileMonthView, MonthView, MonthYearSelect, MoreEvents, ResourcesDayView, ResourcesMonthView, ResourcesSchedule, ResourcesWeekView, Schedule, ScheduleBackgroundEvent_default as ScheduleBackgroundEvent, ScheduleEvent, ScheduleHeader, ScheduleHeaderBase, ScheduleHeaderNext, ScheduleHeaderPrevious, ScheduleHeaderToday, ViewSelect, WeekView, YearView, applyCascadeLayout, calculateDropTime, calculateMonthDropDate, clampIntervalMinutes, compareMonthEvents, createHeaderNavigation, expandRecurringEvents, formatDate, getBusinessHoursMod, getCurrentTimePosition, getDayPosition, getDayPositionedEvents, getDayTimeIntervals, getDayViewEvents, getEndOfWeek, getGroupToResourceIdMap, getLabel, getMonthDays, getMonthPositionedEvents, getMonthRange, getMonthViewEvents, getMonthsByQuarter, getMonthsList, getOrderedResources, getOverlapClusters, getRenderableMonthEventSegments, getResourcesDayViewEvents, getResourcesMonthViewLayout, getResourcesWeekViewEvents, getStartOfWeek, getVisibleEvents, getWeekDays, getWeekLabel, getWeekNumber, getWeekPositionedEvents, getWeekViewEvents, getWeekdaysNames, getYearsList, handleResourcesGridKeyDown, isAfterMinDate, isAllDayEvent, isBeforeMaxDate, isEventInTimeRange, isEventsOverlap, isInTimeRange, isMultiDayEvent, isMultidayEvent, isSameMonth, isWithinWeek, nextWeek, parseTimeString, previousWeek, provideDragContext, provideScheduleDragState, sortEvents, toDateString, toTimeString, useDragContext, useScheduleHeaderLabels, validateEvent };
+export { CurrentTimeIndicator, DEFAULT_SCHEDULE_LABELS, DayView, DragContext, HeaderControl, MobileMonthView, MonthView, MonthYearSelect, MoreEvents, ResourcesDayView, ResourcesMonthView, ResourcesSchedule, ResourcesWeekView, Schedule, ScheduleBackgroundEvent_default as ScheduleBackgroundEvent, ScheduleEvent, ScheduleHeader, ScheduleHeaderBase, ScheduleHeaderNext, ScheduleHeaderPrevious, ScheduleHeaderToday, ViewSelect, WeekView, YearView, applyCascadeLayout, calculateDropTime, calculateMonthDropDate, clampIntervalMinutes, compareMonthEvents, createHeaderNavigation, expandRecurringEvents, formatDate, getBusinessHoursMod, getCurrentTimePosition, getDayPosition, getDayPositionedEvents, getDayTimeIntervals, getDayViewEvents, getEndOfWeek, getGroupToResourceIdMap, getLabel, getMonthDays, getMonthPositionedEvents, getMonthRange, getMonthViewEvents, getMonthsByQuarter, getMonthsList, getOrderedResources, getOverlapClusters, getRenderableMonthEventSegments, getResourcesDayViewEvents, getResourcesMonthViewLayout, getResourcesWeekViewEvents, getStartOfWeek, getVisibleEvents, getWeekDays, getWeekLabel, getWeekNumber, getWeekPositionedEvents, getWeekViewEvents, getWeekdaysNames, getYearsList, handleResourcesGridKeyDown, isAfterMinDate, isAllDayEvent, isBeforeMaxDate, isEventInTimeRange, isEventPlacementAllowed, isEventsOverlap, isInTimeRange, isMultiDayEvent, isMultidayEvent, isSameMonth, isWithinWeek, nextWeek, parseTimeString, previousWeek, provideDragContext, provideScheduleDragState, sortEvents, toDateString, toTimeString, useDragContext, useScheduleHeaderLabels, validateEvent };
 
 //# sourceMappingURL=index.mjs.map