@mantine/schedule 9.5.2 → 9.6.1

package/esm/utils/get-month-days/get-month-days.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-month-days.mjs","names":[],"sources":["../../../src/utils/get-month-days/get-month-days.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, DayOfWeek } from '../../types';\nimport { getEndOfWeek } from '../get-end-of-week/get-end-of-week';\nimport { getStartOfWeek } from '../get-start-of-week/get-start-of-week';\n\ninterface GetMonthDaysInput {\n  month: AnyDateValue;\n  firstDayOfWeek: DayOfWeek | undefined;\n  consistentWeeks: boolean | undefined;\n}\n\nexport function getMonthDays({\n  month,\n  firstDayOfWeek = 1,\n  consistentWeeks,\n}: GetMonthDaysInput): DateStringValue[][] {\n  const day = dayjs(month).subtract(dayjs(month).date() - 1, 'day');\n  const start = dayjs(day.format('YYYY-MM-DD'));\n  const startOfMonth = start.format('YYYY-MM-DD');\n  const endOfMonth = start.add(+start.daysInMonth() - 1, 'day').format('YYYY-MM-DD');\n  const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek);\n  const weeks: DateStringValue[][] = [];\n\n  let date = dayjs(getStartOfWeek({ date: startOfMonth, firstDayOfWeek }));\n\n  while (dayjs(date).isBefore(endDate, 'day')) {\n    const days: DateStringValue[] = [];\n\n    for (let i = 0; i < 7; i += 1) {\n      days.push(date.format('YYYY-MM-DD 00:00:00'));\n      date = date.add(1, 'day');\n    }\n\n    weeks.push(days);\n  }\n\n  if (consistentWeeks && weeks.length < 6) {\n    const lastWeek = weeks[weeks.length - 1];\n    const lastDay = lastWeek[lastWeek.length - 1];\n    let nextDay = dayjs(lastDay).add(1, 'day');\n\n    while (weeks.length < 6) {\n      const days: DateStringValue[] = [];\n\n      for (let i = 0; i < 7; i += 1) {\n        days.push(nextDay.format('YYYY-MM-DD 00:00:00'));\n        nextDay = nextDay.add(1, 'day');\n      }\n\n      weeks.push(days);\n    }\n  }\n\n  return weeks;\n}\n"],"mappings":";;;;;AAWA,SAAgB,aAAa,EAC3B,OACA,iBAAiB,GACjB,mBACyC;CAEzC,MAAM,QAAQ,MADF,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KACrC,CAAC,CAAC,OAAO,YAAY,CAAC;CAC5C,MAAM,eAAe,MAAM,OAAO,YAAY;CAE9C,MAAM,UAAU,aADG,MAAM,IAAI,CAAC,MAAM,YAAY,IAAI,GAAG,KAAK,CAAC,CAAC,OAAO,YAC/B,GAAG,cAAc;CACvD,MAAM,QAA6B,CAAC;CAEpC,IAAI,OAAO,MAAM,eAAe;EAAE,MAAM;EAAc;CAAe,CAAC,CAAC;CAEvE,OAAO,MAAM,IAAI,CAAC,CAAC,SAAS,SAAS,KAAK,GAAG;EAC3C,MAAM,OAA0B,CAAC;EAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;GAC7B,KAAK,KAAK,KAAK,OAAO,qBAAqB,CAAC;GAC5C,OAAO,KAAK,IAAI,GAAG,KAAK;EAC1B;EAEA,MAAM,KAAK,IAAI;CACjB;CAEA,IAAI,mBAAmB,MAAM,SAAS,GAAG;EACvC,MAAM,WAAW,MAAM,MAAM,SAAS;EACtC,MAAM,UAAU,SAAS,SAAS,SAAS;EAC3C,IAAI,UAAU,MAAM,OAAO,CAAC,CAAC,IAAI,GAAG,KAAK;EAEzC,OAAO,MAAM,SAAS,GAAG;GACvB,MAAM,OAA0B,CAAC;GAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;IAC7B,KAAK,KAAK,QAAQ,OAAO,qBAAqB,CAAC;IAC/C,UAAU,QAAQ,IAAI,GAAG,KAAK;GAChC;GAEA,MAAM,KAAK,IAAI;EACjB;CACF;CAEA,OAAO;AACT"}
+{"version":3,"file":"get-month-days.mjs","names":[],"sources":["../../../src/utils/get-month-days/get-month-days.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, DayOfWeek } from '../../types';\nimport { getEndOfWeek } from '../get-end-of-week/get-end-of-week';\nimport { getStartOfWeek } from '../get-start-of-week/get-start-of-week';\n\ninterface GetMonthDaysInput {\n  month: AnyDateValue;\n  firstDayOfWeek: DayOfWeek | undefined;\n  consistentWeeks: boolean | undefined;\n}\n\nexport function getMonthDays({\n  month,\n  firstDayOfWeek = 1,\n  consistentWeeks,\n}: GetMonthDaysInput): DateStringValue[][] {\n  const day = dayjs(month).subtract(dayjs(month).date() - 1, 'day');\n  const start = dayjs(day.format('YYYY-MM-DD'));\n  const startOfMonth = start.format('YYYY-MM-DD');\n  const endOfMonth = start.add(+start.daysInMonth() - 1, 'day').format('YYYY-MM-DD');\n  const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek);\n  const weeks: DateStringValue[][] = [];\n\n  let date = dayjs(getStartOfWeek({ date: startOfMonth, firstDayOfWeek }));\n\n  while (dayjs(date).isBefore(endDate, 'day')) {\n    const days: DateStringValue[] = [];\n\n    for (let i = 0; i < 7; i += 1) {\n      days.push(date.format('YYYY-MM-DD 00:00:00'));\n      date = date.add(1, 'day');\n    }\n\n    weeks.push(days);\n  }\n\n  if (consistentWeeks && weeks.length < 6) {\n    const lastWeek = weeks[weeks.length - 1];\n    const lastDay = lastWeek[lastWeek.length - 1];\n    let nextDay = dayjs(lastDay).add(1, 'day');\n\n    while (weeks.length < 6) {\n      const days: DateStringValue[] = [];\n\n      for (let i = 0; i < 7; i += 1) {\n        days.push(nextDay.format('YYYY-MM-DD 00:00:00'));\n        nextDay = nextDay.add(1, 'day');\n      }\n\n      weeks.push(days);\n    }\n  }\n\n  return weeks;\n}\n"],"mappings":";;;;;AAWA,SAAgB,aAAa,EAC3B,OACA,iBAAiB,GACjB,mBACyC;CACzC,MAAM,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK;CAChE,MAAM,QAAQ,MAAM,IAAI,OAAO,YAAY,CAAC;CAC5C,MAAM,eAAe,MAAM,OAAO,YAAY;CAC9C,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,YAAY,IAAI,GAAG,KAAK,CAAC,CAAC,OAAO,YAAY;CACjF,MAAM,UAAU,aAAa,YAAY,cAAc;CACvD,MAAM,QAA6B,CAAC;CAEpC,IAAI,OAAO,MAAM,eAAe;EAAE,MAAM;EAAc;CAAe,CAAC,CAAC;CAEvE,OAAO,MAAM,IAAI,CAAC,CAAC,SAAS,SAAS,KAAK,GAAG;EAC3C,MAAM,OAA0B,CAAC;EAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;GAC7B,KAAK,KAAK,KAAK,OAAO,qBAAqB,CAAC;GAC5C,OAAO,KAAK,IAAI,GAAG,KAAK;EAC1B;EAEA,MAAM,KAAK,IAAI;CACjB;CAEA,IAAI,mBAAmB,MAAM,SAAS,GAAG;EACvC,MAAM,WAAW,MAAM,MAAM,SAAS;EACtC,MAAM,UAAU,SAAS,SAAS,SAAS;EAC3C,IAAI,UAAU,MAAM,OAAO,CAAC,CAAC,IAAI,GAAG,KAAK;EAEzC,OAAO,MAAM,SAAS,GAAG;GACvB,MAAM,OAA0B,CAAC;GAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;IAC7B,KAAK,KAAK,QAAQ,OAAO,qBAAqB,CAAC;IAC/C,UAAU,QAAQ,IAAI,GAAG,KAAK;GAChC;GAEA,MAAM,KAAK,IAAI;EACjB;CACF;CAEA,OAAO;AACT"}

package/esm/{components/ResourcesDayView → utils}/get-overlap-clusters/get-overlap-clusters.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { isEventsOverlap } from "../../../utils/is-events-overlap/is-events-overlap.mjs";
-//#region packages/@mantine/schedule/src/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.ts
+import { isEventsOverlap } from "../is-events-overlap/is-events-overlap.mjs";
+//#region packages/@mantine/schedule/src/utils/get-overlap-clusters/get-overlap-clusters.ts
 function getOverlapClusters(events) {
 	const clusters = [];
 	const assigned = /* @__PURE__ */ new Set();

package/esm/utils/get-overlap-clusters/get-overlap-clusters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-overlap-clusters.mjs","names":[],"sources":["../../../src/utils/get-overlap-clusters/get-overlap-clusters.ts"],"sourcesContent":["import { ScheduleEventData } from '../../types';\nimport { isEventsOverlap } from '../is-events-overlap/is-events-overlap';\n\nexport function getOverlapClusters<T extends ScheduleEventData>(events: T[]): T[][] {\n  const clusters: T[][] = [];\n  const assigned = new Set<number>();\n\n  for (let i = 0; i < events.length; i++) {\n    if (assigned.has(i)) {\n      continue;\n    }\n\n    const cluster: T[] = [events[i]];\n    assigned.add(i);\n\n    let j = 0;\n    while (j < cluster.length) {\n      for (let k = 0; k < events.length; k++) {\n        if (!assigned.has(k) && isEventsOverlap(cluster[j], events[k])) {\n          cluster.push(events[k]);\n          assigned.add(k);\n        }\n      }\n      j++;\n    }\n\n    clusters.push(cluster);\n  }\n\n  return clusters;\n}\n"],"mappings":";;;AAGA,SAAgB,mBAAgD,QAAoB;CAClF,MAAM,WAAkB,CAAC;CACzB,MAAM,2BAAW,IAAI,IAAY;CAEjC,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,IAAI,SAAS,IAAI,CAAC,GAChB;EAGF,MAAM,UAAe,CAAC,OAAO,EAAE;EAC/B,SAAS,IAAI,CAAC;EAEd,IAAI,IAAI;EACR,OAAO,IAAI,QAAQ,QAAQ;GACzB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KACjC,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,gBAAgB,QAAQ,IAAI,OAAO,EAAE,GAAG;IAC9D,QAAQ,KAAK,OAAO,EAAE;IACtB,SAAS,IAAI,CAAC;GAChB;GAEF;EACF;EAEA,SAAS,KAAK,OAAO;CACvB;CAEA,OAAO;AACT"}

package/esm/utils/get-week-number/get-week-number.mjs

@@ -4,7 +4,10 @@ import isoWeek from "dayjs/plugin/isoWeek.js";
 //#region packages/@mantine/schedule/src/utils/get-week-number/get-week-number.ts
 dayjs.extend(isoWeek);
 function getWeekNumber(week) {
-	if (Array.isArray(week)) return dayjs(week.find((date) => dayjs(date).day() === 1)).isoWeek();
+	if (Array.isArray(week)) {
+		const monday = week.find((date) => dayjs(date).day() === 1);
+		return dayjs(monday).isoWeek();
+	}
 	return dayjs(week).isoWeek();
 }
 //#endregion

package/esm/utils/get-week-number/get-week-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-week-number.mjs","names":[],"sources":["../../../src/utils/get-week-number/get-week-number.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport { AnyDateValue } from '../../types';\n\ndayjs.extend(isoWeek);\n\nexport function getWeekNumber(week: AnyDateValue | AnyDateValue[]): number {\n  if (Array.isArray(week)) {\n    const monday = week.find((date) => dayjs(date).day() === 1);\n    return dayjs(monday).isoWeek();\n  }\n\n  return dayjs(week).isoWeek();\n}\n"],"mappings":";;;;AAIA,MAAM,OAAO,OAAO;AAEpB,SAAgB,cAAc,MAA6C;CACzE,IAAI,MAAM,QAAQ,IAAI,GAEpB,OAAO,MADQ,KAAK,MAAM,SAAS,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,CACvC,CAAC,CAAC,CAAC,QAAQ;CAG/B,OAAO,MAAM,IAAI,CAAC,CAAC,QAAQ;AAC7B"}
+{"version":3,"file":"get-week-number.mjs","names":[],"sources":["../../../src/utils/get-week-number/get-week-number.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport { AnyDateValue } from '../../types';\n\ndayjs.extend(isoWeek);\n\nexport function getWeekNumber(week: AnyDateValue | AnyDateValue[]): number {\n  if (Array.isArray(week)) {\n    const monday = week.find((date) => dayjs(date).day() === 1);\n    return dayjs(monday).isoWeek();\n  }\n\n  return dayjs(week).isoWeek();\n}\n"],"mappings":";;;;AAIA,MAAM,OAAO,OAAO;AAEpB,SAAgB,cAAc,MAA6C;CACzE,IAAI,MAAM,QAAQ,IAAI,GAAG;EACvB,MAAM,SAAS,KAAK,MAAM,SAAS,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;EAC1D,OAAO,MAAM,MAAM,CAAC,CAAC,QAAQ;CAC/B;CAEA,OAAO,MAAM,IAAI,CAAC,CAAC,QAAQ;AAC7B"}

package/esm/utils/is-event-in-time-range/is-event-in-time-range.mjs

@@ -18,8 +18,9 @@ function isEventInTimeRange({ event, startTime, endTime }) {
 	const timeWindowEndMinutes = endHour * 60 + endMinute;
 	const eventStart = dayjs(event.start);
 	const eventEnd = dayjs(event.end);
+	const endsAtNextDayStart = eventEnd.isSame(eventStart.startOf("day").add(1, "day"), "second");
 	const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();
-	return !(eventEnd.hour() * 60 + eventEnd.minute() <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
+	return !((endsAtNextDayStart ? 1440 : eventEnd.hour() * 60 + eventEnd.minute()) <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
 }
 //#endregion
 export { isEventInTimeRange };

package/esm/utils/is-event-in-time-range/is-event-in-time-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"is-event-in-time-range.mjs","names":[],"sources":["../../../src/utils/is-event-in-time-range/is-event-in-time-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\nimport { isMultidayEvent } from '../is-multiday-event/is-multiday-event';\n\ninterface IsEventInTimeRangeInput {\n  event: ScheduleEventData;\n  startTime?: string;\n  endTime?: string;\n}\n\nfunction spansFullDay(event: ScheduleEventData) {\n  const start = dayjs(event.start);\n  const end = dayjs(event.end);\n  if (!start.isSame(start.startOf('day'))) {\n    return false;\n  }\n  const nextDayStart = start.startOf('day').add(1, 'day');\n  return end.isSame(nextDayStart) || end.isSame(nextDayStart.subtract(1, 'second'));\n}\n\nexport function isEventInTimeRange({ event, startTime, endTime }: IsEventInTimeRangeInput) {\n  if (isMultidayEvent(event) || spansFullDay(event)) {\n    return true;\n  }\n\n  if (!startTime || !endTime) {\n    return true;\n  }\n\n  const [startHour, startMinute] = startTime.split(':').map(Number);\n  const [endHour, endMinute] = endTime.split(':').map(Number);\n  const timeWindowStartMinutes = startHour * 60 + startMinute;\n  const timeWindowEndMinutes = endHour * 60 + endMinute;\n\n  const eventStart = dayjs(event.start);\n  const eventEnd = dayjs(event.end);\n  const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();\n  const eventEndMinutes = eventEnd.hour() * 60 + eventEnd.minute();\n\n  return !(eventEndMinutes <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);\n}\n"],"mappings":";;;;AAUA,SAAS,aAAa,OAA0B;CAC9C,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,MAAM,MAAM,MAAM,MAAM,GAAG;CAC3B,IAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,KAAK,CAAC,GACpC,OAAO;CAET,MAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK;CACtD,OAAO,IAAI,OAAO,YAAY,KAAK,IAAI,OAAO,aAAa,SAAS,GAAG,QAAQ,CAAC;AAClF;AAEA,SAAgB,mBAAmB,EAAE,OAAO,WAAW,WAAoC;CACzF,IAAI,gBAAgB,KAAK,KAAK,aAAa,KAAK,GAC9C,OAAO;CAGT,IAAI,CAAC,aAAa,CAAC,SACjB,OAAO;CAGT,MAAM,CAAC,WAAW,eAAe,UAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAChE,MAAM,CAAC,SAAS,aAAa,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAC1D,MAAM,yBAAyB,YAAY,KAAK;CAChD,MAAM,uBAAuB,UAAU,KAAK;CAE5C,MAAM,aAAa,MAAM,MAAM,KAAK;CACpC,MAAM,WAAW,MAAM,MAAM,GAAG;CAChC,MAAM,oBAAoB,WAAW,KAAK,IAAI,KAAK,WAAW,OAAO;CAGrE,OAAO,EAFiB,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAEnC,0BAA0B,qBAAqB;AAC7E"}
+{"version":3,"file":"is-event-in-time-range.mjs","names":[],"sources":["../../../src/utils/is-event-in-time-range/is-event-in-time-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\nimport { isMultidayEvent } from '../is-multiday-event/is-multiday-event';\n\ninterface IsEventInTimeRangeInput {\n  event: ScheduleEventData;\n  startTime?: string;\n  endTime?: string;\n}\n\nfunction spansFullDay(event: ScheduleEventData) {\n  const start = dayjs(event.start);\n  const end = dayjs(event.end);\n  if (!start.isSame(start.startOf('day'))) {\n    return false;\n  }\n  const nextDayStart = start.startOf('day').add(1, 'day');\n  return end.isSame(nextDayStart) || end.isSame(nextDayStart.subtract(1, 'second'));\n}\n\nexport function isEventInTimeRange({ event, startTime, endTime }: IsEventInTimeRangeInput) {\n  if (isMultidayEvent(event) || spansFullDay(event)) {\n    return true;\n  }\n\n  if (!startTime || !endTime) {\n    return true;\n  }\n\n  const [startHour, startMinute] = startTime.split(':').map(Number);\n  const [endHour, endMinute] = endTime.split(':').map(Number);\n  const timeWindowStartMinutes = startHour * 60 + startMinute;\n  const timeWindowEndMinutes = endHour * 60 + endMinute;\n\n  const eventStart = dayjs(event.start);\n  const eventEnd = dayjs(event.end);\n  const endsAtNextDayStart = eventEnd.isSame(eventStart.startOf('day').add(1, 'day'), 'second');\n  const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();\n  const eventEndMinutes = endsAtNextDayStart ? 24 * 60 : eventEnd.hour() * 60 + eventEnd.minute();\n\n  return !(eventEndMinutes <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);\n}\n"],"mappings":";;;;AAUA,SAAS,aAAa,OAA0B;CAC9C,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,MAAM,MAAM,MAAM,MAAM,GAAG;CAC3B,IAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,KAAK,CAAC,GACpC,OAAO;CAET,MAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK;CACtD,OAAO,IAAI,OAAO,YAAY,KAAK,IAAI,OAAO,aAAa,SAAS,GAAG,QAAQ,CAAC;AAClF;AAEA,SAAgB,mBAAmB,EAAE,OAAO,WAAW,WAAoC;CACzF,IAAI,gBAAgB,KAAK,KAAK,aAAa,KAAK,GAC9C,OAAO;CAGT,IAAI,CAAC,aAAa,CAAC,SACjB,OAAO;CAGT,MAAM,CAAC,WAAW,eAAe,UAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAChE,MAAM,CAAC,SAAS,aAAa,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;CAC1D,MAAM,yBAAyB,YAAY,KAAK;CAChD,MAAM,uBAAuB,UAAU,KAAK;CAE5C,MAAM,aAAa,MAAM,MAAM,KAAK;CACpC,MAAM,WAAW,MAAM,MAAM,GAAG;CAChC,MAAM,qBAAqB,SAAS,OAAO,WAAW,QAAQ,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,GAAG,QAAQ;CAC5F,MAAM,oBAAoB,WAAW,KAAK,IAAI,KAAK,WAAW,OAAO;CAGrE,OAAO,GAFiB,qBAAqB,OAAU,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,MAElE,0BAA0B,qBAAqB;AAC7E"}

package/lib/components/DayView/DayView.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps, DataAttributes, ElementProps, Factory, MantineRadius, ScrollAreaAutosizeProps, StylesApiProps } from '@mantine/core';
 import { ScheduleLabelsOverride } from '../../labels';
-import { AnyDateValue, DateLabelFormat, DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';
+import { AnyDateValue, DateLabelFormat, DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleEventOverlapMode, ScheduleMode, ScheduleViewLevel } from '../../types';
 import { AgendaViewStylesNames } from '../AgendaView/AgendaView';
 import { CurrentTimeIndicatorStylesNames } from '../CurrentTimeIndicator/CurrentTimeIndicator';
 import { MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';
@@ -8,7 +8,7 @@ import { RenderEvent, RenderEventBody, ScheduleEventStylesNames } from '../Sched
 import { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';
 import { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';
 import { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';
-export type DayViewStylesNames = 'dayView' | 'dayViewInner' | 'dayViewScrollArea' | 'dayViewAllDay' | 'dayViewAllDayEvents' | 'dayViewSlot' | 'dayViewSlots' | 'dayViewTimeSlots' | 'dayViewSlotLabel' | 'dayViewSlotLabels' | 'dayViewBackgroundEvent' | MoreEventsStylesNames | ScheduleEventStylesNames | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames> | CurrentTimeIndicatorStylesNames | AgendaViewStylesNames;
+export type DayViewStylesNames = 'dayView' | 'dayViewInner' | 'dayViewScrollArea' | 'dayViewAllDay' | 'dayViewAllDayEvents' | 'dayViewSlot' | 'dayViewSlots' | 'dayViewTimeSlots' | 'dayViewSlotLabel' | 'dayViewSlotLabels' | 'dayViewBackgroundEvent' | 'dayViewDragPreview' | MoreEventsStylesNames | ScheduleEventStylesNames | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames> | CurrentTimeIndicatorStylesNames | AgendaViewStylesNames;
 export type DayViewCssVariables = {
     dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';
 };
@@ -28,6 +28,10 @@ export interface DayViewProps extends BoxProps, StylesApiProps<DayViewFactory>,
     intervalMinutes?: number;
     /** If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals @default true */
     withSubHourGridLines?: boolean;
+    /** Determines how events that overlap in time are laid out: `columns` splits the available width between them, `cascade` indents each event and stacks it over the previous one @default 'columns' */
+    eventOverlapMode?: ScheduleEventOverlapMode;
+    /** Time in ms the pointer must rest on an event before it is raised above the events covering it, only used with `eventOverlapMode="cascade"` @default 600 */
+    eventOverlapRaiseDelay?: number;
     /** If set, the all-day slot is displayed below the header @default true */
     withAllDaySlot?: boolean;
     /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */
@@ -85,6 +89,8 @@ export interface DayViewProps extends BoxProps, StylesApiProps<DayViewFactory>,
     }) => void;
     /** Function to determine if event can be dragged */
     canDragEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventDragInterval?: number;
     /** Called when any event drag starts */
     onEventDragStart?: (event: ScheduleEventData) => void;
     /** Called when any event drag ends */
@@ -99,6 +105,8 @@ export interface DayViewProps extends BoxProps, StylesApiProps<DayViewFactory>,
     onAllDaySlotClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Called when event is clicked */
     onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** If set, enables drag-to-select time slot ranges @default false */
     withDragSlotSelect?: boolean;
     /** Called when a time slot range is selected by dragging */
@@ -120,6 +128,8 @@ export interface DayViewProps extends BoxProps, StylesApiProps<DayViewFactory>,
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventResizeInterval?: number;
     /** Max number of generated recurring instances per recurring series @default 2000 */
     recurrenceExpansionLimit?: number;
     /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */

package/lib/components/DayView/get-day-view-events/get-day-positioned-events.d.ts

@@ -1,4 +1,4 @@
-import { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';
+import { AnyDateValue, DayPositionedEventData, ScheduleEventData, ScheduleEventOverlapMode } from '../../../types';
 interface GetDayPositionedEventsInput {
     /** Date at which events are positioned, used to check if events are all-day */
     date: AnyDateValue;
@@ -10,6 +10,8 @@ interface GetDayPositionedEventsInput {
     endTime?: string;
     /** Number of minutes per time slot, used to align the canvas to whole slots */
     intervalMinutes?: number;
+    /** Determines how events that overlap in time are laid out @default 'columns' */
+    eventOverlapMode?: ScheduleEventOverlapMode;
 }
-export declare function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, date, }: GetDayPositionedEventsInput): DayPositionedEventData[];
+export declare function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, date, eventOverlapMode, }: GetDayPositionedEventsInput): DayPositionedEventData[];
 export {};

package/lib/components/DayView/get-day-view-events/get-day-view-events.d.ts

@@ -1,12 +1,13 @@
-import { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';
+import { AnyDateValue, DayPositionedEventData, ScheduleEventData, ScheduleEventOverlapMode } from '../../../types';
 interface GetDayViewEventsInput {
     events: ScheduleEventData[] | undefined;
     date: AnyDateValue;
     startTime?: string;
     endTime?: string;
     intervalMinutes?: number;
+    eventOverlapMode?: ScheduleEventOverlapMode;
 }
-export declare function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes, }: GetDayViewEventsInput): {
+export declare function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes, eventOverlapMode, }: GetDayViewEventsInput): {
     allDayEvents: DayPositionedEventData[];
     regularEvents: DayPositionedEventData[];
     backgroundTimedEvents: DayPositionedEventData[];

package/lib/components/MonthView/MonthView.d.ts

@@ -86,6 +86,8 @@ export interface MonthViewProps extends BoxProps, StylesApiProps<MonthViewFactor
     onEventDragEnd?: () => void;
     /** Called when event is clicked */
     onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** If set, enables drag-to-select day ranges @default false */
     withDragSlotSelect?: boolean;
     /** Called when a day range is selected by dragging */

package/lib/components/ResourcesDayView/ResourcesDayView.d.ts

@@ -5,7 +5,7 @@ import { MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents
 import { RenderEvent, RenderEventBody } from '../ScheduleEvent/ScheduleEvent';
 import { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';
 import { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';
-export type ResourcesDayViewStylesNames = 'resourcesDayView' | 'resourcesDayViewRoot' | 'resourcesDayViewInner' | 'resourcesDayViewTimeLabelsRow' | 'resourcesDayViewScrollArea' | 'resourcesDayViewCorner' | 'resourcesDayViewTimeLabel' | 'resourcesDayViewResourceLabel' | 'resourcesDayViewRow' | 'resourcesDayViewRowSlot' | 'resourcesDayViewRowSlots' | 'resourcesDayViewBackgroundEvent' | 'resourcesDayViewAllDayEvent' | 'resourcesDayViewCurrentTimeIndicator' | 'resourcesDayViewCurrentTimeIndicatorLine' | 'resourcesDayViewCurrentTimeIndicatorThumb' | 'resourcesDayViewCurrentTimeIndicatorTimeBubble' | 'resourcesDayViewEventWrapper' | 'resourcesDayViewResizeHandle' | 'resourcesDayViewGroupColumn' | 'resourcesDayViewGroupColumnEmpty' | MoreEventsStylesNames | CombinedScheduleHeaderStylesNames;
+export type ResourcesDayViewStylesNames = 'resourcesDayView' | 'resourcesDayViewRoot' | 'resourcesDayViewInner' | 'resourcesDayViewTimeLabelsRow' | 'resourcesDayViewScrollArea' | 'resourcesDayViewCorner' | 'resourcesDayViewTimeLabel' | 'resourcesDayViewResourceLabel' | 'resourcesDayViewRow' | 'resourcesDayViewRowSlot' | 'resourcesDayViewRowSlots' | 'resourcesDayViewBackgroundEvent' | 'resourcesDayViewAllDayEvent' | 'resourcesDayViewCurrentTimeIndicator' | 'resourcesDayViewCurrentTimeIndicatorLine' | 'resourcesDayViewCurrentTimeIndicatorThumb' | 'resourcesDayViewCurrentTimeIndicatorTimeBubble' | 'resourcesDayViewEventWrapper' | 'resourcesDayViewDragPreview' | 'resourcesDayViewResizeHandle' | 'resourcesDayViewGroupColumn' | 'resourcesDayViewGroupColumnEmpty' | MoreEventsStylesNames | CombinedScheduleHeaderStylesNames;
 export type ResourcesDayViewCssVariables = {
     resourcesDayView: '--resources-day-view-radius' | '--resources-day-view-slot-width' | '--resources-day-view-row-height' | '--resources-day-view-group-label-width';
 };
@@ -91,6 +91,8 @@ export interface ResourcesDayViewProps extends BoxProps, StylesApiProps<Resource
     }) => void;
     /** Function to determine if event can be dragged */
     canDragEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventDragInterval?: number;
     /** Called when any event drag starts */
     onEventDragStart?: (event: ScheduleEventData) => void;
     /** Called when any event drag ends */
@@ -104,6 +106,8 @@ export interface ResourcesDayViewProps extends BoxProps, StylesApiProps<Resource
     }) => void;
     /** Called when event is clicked */
     onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** If set, enables drag-to-select time slot ranges @default false */
     withDragSlotSelect?: boolean;
     /** Called when a time slot range is selected by dragging, includes resourceId */
@@ -131,6 +135,8 @@ export interface ResourcesDayViewProps extends BoxProps, StylesApiProps<Resource
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventResizeInterval?: number;
     /** Max number of generated recurring instances per recurring series @default 2000 */
     recurrenceExpansionLimit?: number;
     /** Maximum number of events visible per time slot before "+more" indicator shows, minimum value is 1 @default 2 */

package/lib/components/ResourcesDayView/ResourcesDayViewColumn.d.ts

@@ -36,4 +36,4 @@ export interface ResourcesDayViewRowProps {
     groupInfo?: ResourceGroupInfo | null;
     allDayCount?: number;
 }
-export declare function ResourcesDayViewRow({ resource, resourceIndex, date, slots, getStyles, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onRowSlotsDragOver, onRowSlotsDragLeave, onRowSlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, rowSlotsContainerRef, renderResourceLabel, renderGroupLabel, scrolledX, groupInfo, allDayCount, }: ResourcesDayViewRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourcesDayViewRow({ resource, resourceIndex, date, slots, getStyles, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onRowSlotsDragOver, onRowSlotsDragLeave, onRowSlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, rowSlotsContainerRef, renderResourceLabel, renderGroupLabel, scrolledX, groupInfo, allDayCount, }: ResourcesDayViewRowProps): import("react").JSX.Element;

package/lib/components/ResourcesSchedule/ResourcesSchedule.d.ts

@@ -7,7 +7,7 @@ import { ResourcesWeekViewProps, ResourcesWeekViewStylesNames } from '../Resourc
 import { RenderEventBody } from '../ScheduleEvent/ScheduleEvent';
 export type ResourcesScheduleStylesNames = 'root' | ResourcesDayViewStylesNames | ResourcesWeekViewStylesNames | ResourcesMonthViewStylesNames;
 export type ResourcesScheduleViewLevel = 'day' | 'week' | 'month';
-type ResourcesScheduleCommonProps = 'date' | 'onDateChange' | 'resources' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'renderResourceLabel' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onEventClick' | 'onDayClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'view' | 'onViewChange' | 'mode' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit';
+type ResourcesScheduleCommonProps = 'date' | 'onDateChange' | 'resources' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'renderResourceLabel' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onEventClick' | 'onDayClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'view' | 'onViewChange' | 'mode' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit' | 'withInteractiveBackgroundEvents';
 type ResourcesScheduleViewProps<T> = Partial<Omit<T, ResourcesScheduleCommonProps>>;
 export interface ResourcesScheduleProps extends BoxProps, StylesApiProps<ResourcesScheduleFactory>, ElementProps<'div'> {
     __staticSelector?: string;
@@ -95,6 +95,8 @@ export interface ResourcesScheduleProps extends BoxProps, StylesApiProps<Resourc
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick`. Applies to `day` and `week` views only – `ResourcesMonthView` does not render background events separately. @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** Max number of generated recurring instances @default 2000 */
     recurrenceExpansionLimit?: number;
     /** Props specific to ResourcesDayView */

package/lib/components/ResourcesWeekView/ResourcesWeekView.d.ts

@@ -5,7 +5,7 @@ import { MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents
 import { RenderEvent, RenderEventBody } from '../ScheduleEvent/ScheduleEvent';
 import { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';
 import { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';
-export type ResourcesWeekViewStylesNames = 'resourcesWeekView' | 'resourcesWeekViewRoot' | 'resourcesWeekViewInner' | 'resourcesWeekViewHeaderRows' | 'resourcesWeekViewHeaderContent' | 'resourcesWeekViewDayLabelsRow' | 'resourcesWeekViewDayLabel' | 'resourcesWeekViewTimeLabelsRow' | 'resourcesWeekViewScrollArea' | 'resourcesWeekViewCorner' | 'resourcesWeekViewTimeLabel' | 'resourcesWeekViewResourceLabel' | 'resourcesWeekViewRow' | 'resourcesWeekViewRowSlot' | 'resourcesWeekViewRowSlots' | 'resourcesWeekViewBackgroundEvent' | 'resourcesWeekViewAllDayEvent' | 'resourcesWeekViewCurrentTimeIndicator' | 'resourcesWeekViewCurrentTimeIndicatorLine' | 'resourcesWeekViewCurrentTimeIndicatorThumb' | 'resourcesWeekViewCurrentTimeIndicatorTimeBubble' | 'resourcesWeekViewEventWrapper' | 'resourcesWeekViewResizeHandle' | 'resourcesWeekViewGroupColumn' | 'resourcesWeekViewGroupColumnEmpty' | MoreEventsStylesNames | CombinedScheduleHeaderStylesNames;
+export type ResourcesWeekViewStylesNames = 'resourcesWeekView' | 'resourcesWeekViewRoot' | 'resourcesWeekViewInner' | 'resourcesWeekViewHeaderRows' | 'resourcesWeekViewHeaderContent' | 'resourcesWeekViewDayLabelsRow' | 'resourcesWeekViewDayLabel' | 'resourcesWeekViewTimeLabelsRow' | 'resourcesWeekViewScrollArea' | 'resourcesWeekViewCorner' | 'resourcesWeekViewTimeLabel' | 'resourcesWeekViewResourceLabel' | 'resourcesWeekViewRow' | 'resourcesWeekViewRowSlot' | 'resourcesWeekViewRowSlots' | 'resourcesWeekViewBackgroundEvent' | 'resourcesWeekViewAllDayEvent' | 'resourcesWeekViewCurrentTimeIndicator' | 'resourcesWeekViewCurrentTimeIndicatorLine' | 'resourcesWeekViewCurrentTimeIndicatorThumb' | 'resourcesWeekViewCurrentTimeIndicatorTimeBubble' | 'resourcesWeekViewEventWrapper' | 'resourcesWeekViewDragPreview' | 'resourcesWeekViewResizeHandle' | 'resourcesWeekViewGroupColumn' | 'resourcesWeekViewGroupColumnEmpty' | MoreEventsStylesNames | CombinedScheduleHeaderStylesNames;
 export type ResourcesWeekViewCssVariables = {
     resourcesWeekView: '--resources-week-view-radius' | '--resources-week-view-slot-width' | '--resources-week-view-row-height' | '--resources-week-view-group-label-width';
 };
@@ -65,6 +65,8 @@ export interface ResourcesWeekViewProps extends BoxProps, StylesApiProps<Resourc
         resourceId?: string | number;
     }) => void;
     canDragEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventDragInterval?: number;
     onEventDragStart?: (event: ScheduleEventData) => void;
     onEventDragEnd?: () => void;
     onTimeSlotClick?: (data: {
@@ -74,6 +76,8 @@ export interface ResourcesWeekViewProps extends BoxProps, StylesApiProps<Resourc
         resourceId?: string | number;
     }) => void;
     onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */
+    withInteractiveBackgroundEvents?: boolean;
     withDragSlotSelect?: boolean;
     onSlotDragEnd?: (data: {
         rangeStart: DateTimeStringValue;
@@ -97,6 +101,8 @@ export interface ResourcesWeekViewProps extends BoxProps, StylesApiProps<Resourc
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventResizeInterval?: number;
     recurrenceExpansionLimit?: number;
     /** Maximum number of events visible per time slot before "+more" indicator shows, minimum value is 1 @default 2 */
     maxEventsPerTimeSlot?: number;

package/lib/components/ResourcesWeekView/ResourcesWeekViewRow.d.ts

@@ -36,4 +36,4 @@ export interface ResourcesWeekViewRowProps {
     groupInfo?: ResourceGroupInfo | null;
     allDayCount?: number;
 }
-export declare function ResourcesWeekViewRow({ resource, resourceIndex, weekdays, slots, getStyles, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onRowSlotsDragOver, onRowSlotsDragLeave, onRowSlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, rowSlotsContainerRef, renderResourceLabel, renderGroupLabel, scrolledX, groupInfo, allDayCount, }: ResourcesWeekViewRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourcesWeekViewRow({ resource, resourceIndex, weekdays, slots, getStyles, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onRowSlotsDragOver, onRowSlotsDragLeave, onRowSlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, rowSlotsContainerRef, renderResourceLabel, renderGroupLabel, scrolledX, groupInfo, allDayCount, }: ResourcesWeekViewRowProps): import("react").JSX.Element;

package/lib/components/Schedule/Schedule.d.ts

@@ -9,7 +9,7 @@ import { WeekViewProps, WeekViewStylesNames } from '../WeekView/WeekView';
 import { YearViewProps, YearViewStylesNames } from '../YearView/YearView';
 export type ScheduleStylesNames = 'root' | 'desktopView' | 'mobileView' | DayViewStylesNames | WeekViewStylesNames | MonthViewStylesNames | YearViewStylesNames | MobileMonthViewStylesNames;
 export type ScheduleLayout = 'default' | 'responsive';
-type ScheduleCommonProps = 'date' | 'onDateChange' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onAllDaySlotClick' | 'onEventClick' | 'onDayClick' | 'onMonthClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'view' | 'onViewChange' | 'mode' | 'withAgenda' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit';
+type ScheduleCommonProps = 'date' | 'onDateChange' | 'events' | 'locale' | 'radius' | 'labels' | 'renderEventBody' | 'withEventsDragAndDrop' | 'onEventDrop' | 'canDragEvent' | 'onEventDragStart' | 'onEventDragEnd' | 'onTimeSlotClick' | 'onAllDaySlotClick' | 'onEventClick' | 'onDayClick' | 'onMonthClick' | 'withDragSlotSelect' | 'onSlotDragEnd' | 'view' | 'onViewChange' | 'mode' | 'withAgenda' | 'onExternalEventDrop' | 'withEventResize' | 'onEventResize' | 'canResizeEvent' | 'recurrenceExpansionLimit' | 'withInteractiveBackgroundEvents';
 type ScheduleViewProps<T> = Partial<Omit<T, ScheduleCommonProps>>;
 export interface ScheduleProps extends BoxProps, StylesApiProps<ScheduleFactory>, ElementProps<'div'> {
     __staticSelector?: string;
@@ -84,6 +84,8 @@ export interface ScheduleProps extends BoxProps, StylesApiProps<ScheduleFactory>
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick`. Applies to `day`, `week` and `month` views only – `YearView` and the `MobileMonthView` used by `layout="responsive"` on small screens do not render background events at all. @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** Max number of generated recurring instances per recurring series @default 2000 */
     recurrenceExpansionLimit?: number;
     /** Layout mode:

package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps, ElementProps } from '@mantine/core';
+import { ScheduleEventData } from '../../types';
+import { RenderEvent, RenderEventBody } from '../ScheduleEvent/ScheduleEvent';
+export interface ScheduleBackgroundEventProps extends BoxProps, ElementProps<'div', 'onClick'> {
+    /** Background event to display */
+    event: ScheduleEventData;
+    /** If set, the root element is a `button` instead of a `div` and the event can be clicked @default false */
+    interactive?: boolean;
+    /** Called when the event is clicked, only when `interactive` is set */
+    onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Function to fully customize event rendering */
+    renderEvent?: RenderEvent;
+    /** Function to customize event body */
+    renderEventBody?: RenderEventBody;
+}
+export declare function ScheduleBackgroundEvent(props: ScheduleBackgroundEventProps): import("react").JSX.Element;
+export declare namespace ScheduleBackgroundEvent {
+    var displayName: string;
+}

package/lib/components/ScheduleBackgroundEvent/index.d.ts

@@ -0,0 +1,2 @@
+export { ScheduleBackgroundEvent } from './ScheduleBackgroundEvent';
+export type { ScheduleBackgroundEventProps } from './ScheduleBackgroundEvent';

package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.d.ts

@@ -29,15 +29,15 @@ export declare const HeaderControl: import("@mantine/core").MantineComponent<{
     stylesNames: HeaderControlStylesNames;
     vars: HeaderControlCssVariables;
 }>;
-export declare function ScheduleHeaderNext(props: HeaderControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleHeaderNext(props: HeaderControlProps): import("react").JSX.Element;
 export declare namespace ScheduleHeaderNext {
     var displayName: string;
 }
-export declare function ScheduleHeaderPrevious(props: HeaderControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleHeaderPrevious(props: HeaderControlProps): import("react").JSX.Element;
 export declare namespace ScheduleHeaderPrevious {
     var displayName: string;
 }
-export declare function ScheduleHeaderToday(props: HeaderControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleHeaderToday(props: HeaderControlProps): import("react").JSX.Element;
 export declare namespace ScheduleHeaderToday {
     var displayName: string;
 }

package/lib/components/ScheduleHeader/ScheduleHeaderBase.d.ts

@@ -53,5 +53,5 @@ export interface ScheduleHeaderBaseProps {
     /** Whether the agenda view is currently active */
     agendaActive?: boolean;
 }
-export declare function ScheduleHeaderBase({ view, navigationHandlers, control, labels, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, stylesApiProps, onAgendaClick, agendaActive, }: ScheduleHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleHeaderBase({ view, navigationHandlers, control, labels, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, stylesApiProps, onAgendaClick, agendaActive, }: ScheduleHeaderBaseProps): import("react").JSX.Element;
 export {};

package/lib/components/WeekView/WeekView.d.ts

@@ -1,13 +1,13 @@
 import { BoxProps, DataAttributes, ElementProps, Factory, MantineRadius, ScrollAreaAutosizeProps, StylesApiProps } from '@mantine/core';
 import { ScheduleLabelsOverride } from '../../labels';
-import { AnyDateValue, DateLabelFormat, DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';
+import { AnyDateValue, DateLabelFormat, DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleEventData, ScheduleEventOverlapMode, ScheduleMode, ScheduleViewLevel } from '../../types';
 import { BusinessHoursValue } from '../../utils';
 import { AgendaViewStylesNames } from '../AgendaView/AgendaView';
 import { CurrentTimeIndicatorStylesNames } from '../CurrentTimeIndicator/CurrentTimeIndicator';
 import { RenderEvent, RenderEventBody } from '../ScheduleEvent/ScheduleEvent';
 import { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';
 import { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';
-export type WeekViewStylesNames = 'weekView' | 'weekViewRoot' | 'weekViewHeader' | 'weekViewInner' | 'weekViewAllDaySlotsEvents' | 'weekViewAllDaySlots' | 'weekViewAllDaySlotsList' | 'weekViewAllDaySlot' | 'weekViewAllDaySlotsLabel' | 'weekViewScrollArea' | 'weekViewCorner' | 'weekViewSlotLabels' | 'weekViewSlotLabel' | 'weekViewDayLabel' | 'weekViewDayWeekday' | 'weekViewDay' | 'weekViewDayNumber' | 'weekViewDaySlot' | 'weekViewDaySlots' | 'weekViewWeekLabel' | 'weekViewWeekNumber' | 'weekViewBackgroundEvent' | CurrentTimeIndicatorStylesNames | CombinedScheduleHeaderStylesNames | AgendaViewStylesNames;
+export type WeekViewStylesNames = 'weekView' | 'weekViewRoot' | 'weekViewHeader' | 'weekViewInner' | 'weekViewAllDaySlotsEvents' | 'weekViewAllDaySlots' | 'weekViewAllDaySlotsList' | 'weekViewAllDaySlot' | 'weekViewAllDaySlotsLabel' | 'weekViewScrollArea' | 'weekViewCorner' | 'weekViewSlotLabels' | 'weekViewSlotLabel' | 'weekViewDayLabel' | 'weekViewDayWeekday' | 'weekViewDay' | 'weekViewDayNumber' | 'weekViewDaySlot' | 'weekViewDaySlots' | 'weekViewWeekLabel' | 'weekViewWeekNumber' | 'weekViewBackgroundEvent' | 'weekViewDragPreview' | CurrentTimeIndicatorStylesNames | CombinedScheduleHeaderStylesNames | AgendaViewStylesNames;
 export type WeekViewCssVariables = {
     weekView: '--week-view-radius' | '--week-view-slot-height' | '--week-view-all-day-slots-height';
 };
@@ -35,6 +35,10 @@ export interface WeekViewProps extends BoxProps, StylesApiProps<WeekViewFactory>
     weekendDays?: DayOfWeek[];
     /** If set to false, weekend days are hidden @default true */
     withWeekendDays?: boolean;
+    /** Determines how events that overlap in time are laid out: `columns` splits the available width between them, `cascade` indents each event and stacks it over the previous one @default 'columns' */
+    eventOverlapMode?: ScheduleEventOverlapMode;
+    /** Time in ms the pointer must rest on an event before it is raised above the events covering it, only used with `eventOverlapMode="cascade"` @default 600 */
+    eventOverlapRaiseDelay?: number;
     /** If set to true, highlights today in the weekday row @default false */
     highlightToday?: boolean;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */
@@ -96,6 +100,8 @@ export interface WeekViewProps extends BoxProps, StylesApiProps<WeekViewFactory>
     }) => void;
     /** Function to determine if event can be dragged */
     canDragEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for moving events by drag and drop, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventDragInterval?: number;
     /** Called when any event drag starts */
     onEventDragStart?: (event: ScheduleEventData) => void;
     /** Called when any event drag ends */
@@ -110,6 +116,8 @@ export interface WeekViewProps extends BoxProps, StylesApiProps<WeekViewFactory>
     onAllDaySlotClick?: (day: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Called when event is clicked */
     onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** If set, background events (`display: 'background'`) can be clicked and trigger `onEventClick` @default false */
+    withInteractiveBackgroundEvents?: boolean;
     /** If set, enables drag-to-select time slot ranges @default false */
     withDragSlotSelect?: boolean;
     /** Called when a time slot range is selected by dragging */
@@ -136,6 +144,8 @@ export interface WeekViewProps extends BoxProps, StylesApiProps<WeekViewFactory>
     }) => void;
     /** Function to determine if event can be resized */
     canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /** Snap step for resizing events, in minutes. Must divide evenly into an hour (e.g. `15`, `30`) or be a whole number of hours. When not set, `intervalMinutes` is used. @default intervalMinutes */
+    eventResizeInterval?: number;
     /** Max number of generated recurring instances per recurring series @default 2000 */
     recurrenceExpansionLimit?: number;
     /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */

package/lib/components/WeekView/WeekViewDay.d.ts

@@ -64,4 +64,4 @@ export interface WeekViewDayProps {
         end: DateTimeStringValue;
     }) => Record<string, any> | undefined;
 }
-export declare function WeekViewDay({ day, dayIndex, slots, intervalMinutes, getStyles, weekendDays, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onDaySlotsDragOver, onDaySlotsDragLeave, onDaySlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, onFirstSlotArrowUp, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, daySlotsContainerRef, getTimeSlotProps, }: WeekViewDayProps): import("react/jsx-runtime").JSX.Element;
+export declare function WeekViewDay({ day, dayIndex, slots, intervalMinutes, getStyles, weekendDays, children, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onDaySlotsDragOver, onDaySlotsDragLeave, onDaySlotsDrop, onSlotClick, dropTargetSlotIndex, mode, slotsRef, firstSlotIndex, onSlotKeyDown, onFirstSlotArrowUp, withDragSlotSelect, onSlotPointerDown, isSlotDragSelected, daySlotsContainerRef, getTimeSlotProps, }: WeekViewDayProps): import("react").JSX.Element;

package/lib/components/WeekView/get-week-view-events/get-week-positioned-events.d.ts

@@ -1,4 +1,4 @@
-import { AnyDateValue, DateStringValue, DayOfWeek, ScheduleEventData, WeekPositionedEventData } from '../../../types';
+import { AnyDateValue, DateStringValue, DayOfWeek, ScheduleEventData, ScheduleEventOverlapMode, WeekPositionedEventData } from '../../../types';
 export interface GetWeekPositionedEventsInput {
     /** Date (week start) at which events are positioned, used to check if events are all-day */
     date: AnyDateValue;
@@ -16,6 +16,8 @@ export interface GetWeekPositionedEventsInput {
     weekendDays?: DayOfWeek[];
     /** If set to false, weekend days are hidden @default true */
     withWeekendDays?: boolean;
+    /** Determines how events that overlap in time are laid out @default 'columns' */
+    eventOverlapMode?: ScheduleEventOverlapMode;
 }
 /** Events grouped by week day date (YYYY-MM-DD 00:00:00) and by columns */
 export interface GroupedWeekEvents {
@@ -23,4 +25,4 @@ export interface GroupedWeekEvents {
     regularEvents: Record<DateStringValue, WeekPositionedEventData[]>;
     backgroundEvents: Record<DateStringValue, WeekPositionedEventData[]>;
 }
-export declare function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMinutes, firstDayOfWeek, weekendDays, withWeekendDays, }: GetWeekPositionedEventsInput): GroupedWeekEvents;
+export declare function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMinutes, firstDayOfWeek, weekendDays, withWeekendDays, eventOverlapMode, }: GetWeekPositionedEventsInput): GroupedWeekEvents;

package/lib/components/YearView/YearViewMonth.d.ts

@@ -68,4 +68,4 @@ export interface YearViewMonthProps extends YearViewMonthSettings {
         dayIndex: number;
     };
 }
-export declare function YearViewMonth({ month, getStyles, monthLabelFormat, withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, withWeekendDays, getDayProps, onDayClick, onWeekNumberClick, onMonthClick, getWeekNumberProps, highlightToday, groupedEvents, mode, withOutsideDays, renderDay, __getDayRef, __onDayKeyDown, firstDayIndex, }: YearViewMonthProps): import("react/jsx-runtime").JSX.Element;
+export declare function YearViewMonth({ month, getStyles, monthLabelFormat, withWeekNumbers, withWeekDays, locale, firstDayOfWeek, weekdayFormat, weekendDays, withWeekendDays, getDayProps, onDayClick, onWeekNumberClick, onMonthClick, getWeekNumberProps, highlightToday, groupedEvents, mode, withOutsideDays, renderDay, __getDayRef, __onDayKeyDown, firstDayIndex, }: YearViewMonthProps): import("react").JSX.Element;

package/lib/hooks/use-drag-drop-handlers.d.ts

@@ -1,5 +1,10 @@
 import { DragContextValue } from '../components/DragContext/DragContext';
 import { DateTimeStringValue, ScheduleEventData, ScheduleMode } from '../types';
+export interface DragPreview<T = any> {
+    start: DateTimeStringValue;
+    end: DateTimeStringValue;
+    target: T;
+}
 export interface UseDragDropHandlersOptions<T = any> {
     /** Whether drag and drop is enabled */
     enabled: boolean;
@@ -41,13 +46,17 @@ export interface DragDropHandlers<T = any> {
     /** Handle drag over event */
     handleDragOver: (e: React.DragEvent, target: T) => void;
     /** Handle drag leave event */
-    handleDragLeave: () => void;
+    handleDragLeave: (event?: React.DragEvent) => void;
     /** Handle drop event */
     handleDrop: (e: React.DragEvent, target: T) => void;
     /** Check if event is draggable */
     isDraggableEvent: (event: ScheduleEventData) => boolean;
     /** Check if target is the current drop target */
     isDropTarget: (target: T) => boolean;
+    /** Snapped drop preview used to render the drag ghost, or `null` when not dragging */
+    dragPreview: DragPreview<T> | null;
+    /** Sets the current drag preview */
+    setDragPreview: (preview: DragPreview<T> | null) => void;
 }
 /**
  * Hook that provides unified drag-drop handlers for Schedule views.

package/lib/hooks/use-event-resize.d.ts

@@ -6,6 +6,7 @@ export interface UseEventResizeInput {
     startTime: string;
     endTime: string;
     intervalMinutes: number;
+    resizeIntervalMinutes?: number;
     onEventResize?: (data: {
         eventId: string | number;
         newStart: DateTimeStringValue;
@@ -14,7 +15,7 @@ export interface UseEventResizeInput {
     }) => void;
     canResizeEvent?: (event: ScheduleEventData) => boolean;
 }
-export declare function useEventResize({ enabled, mode, startTime, endTime, intervalMinutes, onEventResize, canResizeEvent, }: UseEventResizeInput): {
+export declare function useEventResize({ enabled, mode, startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent, }: UseEventResizeInput): {
     handleResizeStart: ({ event, edge, container, originalTop, originalHeight, eventDate, pointerEvent, }: {
         event: ScheduleEventData;
         edge: ResizeEdge;

package/lib/hooks/use-horizontal-event-resize.d.ts

@@ -6,6 +6,7 @@ export interface UseHorizontalEventResizeInput {
     startTime: string;
     endTime: string;
     intervalMinutes: number;
+    resizeIntervalMinutes?: number;
     onEventResize?: (data: {
         eventId: string | number;
         newStart: DateTimeStringValue;
@@ -14,7 +15,7 @@ export interface UseHorizontalEventResizeInput {
     }) => void;
     canResizeEvent?: (event: ScheduleEventData) => boolean;
 }
-export declare function useHorizontalEventResize({ enabled, mode, startTime, endTime, intervalMinutes, onEventResize, canResizeEvent, }: UseHorizontalEventResizeInput): {
+export declare function useHorizontalEventResize({ enabled, mode, startTime, endTime, intervalMinutes, resizeIntervalMinutes, onEventResize, canResizeEvent, }: UseHorizontalEventResizeInput): {
     handleResizeStart: ({ event, edge, container, originalLeft, originalWidth, eventDate, dayIndex, dayCount, pointerEvent, }: {
         event: ScheduleEventData;
         edge: ResizeEdge;

package/lib/index.d.mts

@@ -12,6 +12,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/AgendaView';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/AgendaView';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';

package/lib/types.d.ts

@@ -68,7 +68,7 @@ interface ScheduleEventBase<Payload extends EventPayload = EventPayload> {
     color: MantineColor;
     /** Event variant, default is `'light'` */
     variant?: 'filled' | 'light';
-    /** Event display mode. Background events render as full-width, non-interactive blocks behind regular events. @default 'default' */
+    /** Event display mode. Background events render as full-width blocks behind regular events, non-interactive unless `withInteractiveBackgroundEvents` is set on the view. @default 'default' */
     display?: 'default' | 'background';
     /** Additional event data, defined by the user, not used internally by the library */
     payload?: Payload;
@@ -102,6 +102,8 @@ interface ScheduleEventRuntimeMeta {
 }
 /** Event data object passed to all `@mantine/schedule` components */
 export type ScheduleEventData<Payload extends EventPayload = EventPayload> = (ScheduleSingleEventData<Payload> & ScheduleEventRuntimeMeta) | (ScheduleRecurringSeriesEventData<Payload> & ScheduleEventRuntimeMeta) | (ScheduleRecurringOverrideEventData<Payload> & ScheduleEventRuntimeMeta);
+/** Controls how events that overlap in time are laid out along the horizontal axis */
+export type ScheduleEventOverlapMode = 'columns' | 'cascade';
 export interface DayEventPositionData {
     /** All day events */
     allDay: boolean;

package/lib/utils/apply-cascade-layout/apply-cascade-layout.d.ts

@@ -0,0 +1,6 @@
+import { DayEventPositionData, ScheduleEventData } from '../../types';
+/** Minimal shape `applyCascadeLayout` needs, shared by day and week positioned events */
+export type CascadePositionedEvent = ScheduleEventData & {
+    position: Pick<DayEventPositionData, 'allDay' | 'column' | 'width' | 'offset' | 'overlaps'>;
+};
+export declare function applyCascadeLayout<T extends CascadePositionedEvent>(events: T[]): void;