@mantine/schedule 9.5.2 → 9.6.0

package/cjs/_virtual/_rolldown/runtime.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/cjs/components/AgendaView/AgendaView.cjs

@@ -42,15 +42,16 @@ const AgendaView = (0, _mantine_core.factory)((_props) => {
 		varsResolver,
 		rootSelector: "agendaView"
 	});
+	const expandedEvents = require_expand_recurring_events.expandRecurringEvents({
+		events,
+		rangeStart: (0, dayjs.default)(rangeStart).startOf("day").toDate(),
+		rangeEnd: (0, dayjs.default)(rangeEnd).endOf("day").toDate(),
+		expansionLimit: recurrenceExpansionLimit
+	});
 	const groupedEvents = require_get_agenda_view_events.getAgendaViewEvents({
 		rangeStart,
 		rangeEnd,
-		events: require_expand_recurring_events.expandRecurringEvents({
-			events,
-			rangeStart: (0, dayjs.default)(rangeStart).startOf("day").toDate(),
-			rangeEnd: (0, dayjs.default)(rangeEnd).endOf("day").toDate(),
-			expansionLimit: recurrenceExpansionLimit
-		})
+		events: expandedEvents
 	});
 	const sortedDates = Object.keys(groupedEvents).sort();
 	const headerLabel = `${require_format_date.formatDate({

package/cjs/components/AgendaView/AgendaView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AgendaView.cjs","names":["getAgendaViewEvents","expandRecurringEvents","formatDate","sortEvents","isMultidayEvent","isAllDayEvent","Box","Text","getLabel","React","UnstyledButton","classes"],"sources":["../../../src/components/AgendaView/AgendaView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineRadius,\n  StylesApiProps,\n  Text,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { AnyDateValue, DateLabelFormat, ScheduleEventData, ScheduleMode } from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  isAllDayEvent,\n  isMultidayEvent,\n  sortEvents,\n} from '../../utils';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getAgendaViewEvents } from './get-agenda-view-events';\nimport classes from './AgendaView.module.css';\n\nexport type AgendaViewStylesNames =\n  | 'agendaView'\n  | 'agendaViewHeader'\n  | 'agendaViewHeaderLabel'\n  | 'agendaViewBody'\n  | 'agendaViewDateGroup'\n  | 'agendaViewDateHeader'\n  | 'agendaViewEvent'\n  | 'agendaViewEventBody'\n  | 'agendaViewEventColor'\n  | 'agendaViewEventTitle'\n  | 'agendaViewEventTime'\n  | 'agendaViewNoEvents';\n\nexport type AgendaViewCssVariables = {\n  agendaView: '--agenda-view-radius';\n};\n\nexport interface AgendaViewProps\n  extends BoxProps, StylesApiProps<AgendaViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Start of the date range to display events for */\n  rangeStart: AnyDateValue;\n\n  /** End of the date range to display events for */\n  rangeEnd: AnyDateValue;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default 'default' */\n  mode?: ScheduleMode;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Format for the date group headers @default 'dddd, MMMM D' */\n  dateHeaderFormat?: DateLabelFormat;\n\n  /** Format for the header label showing the date range @default 'MMMM D, YYYY' */\n  headerFormat?: DateLabelFormat;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type AgendaViewFactory = Factory<{\n  props: AgendaViewProps;\n  ref: HTMLDivElement;\n  stylesNames: AgendaViewStylesNames;\n  vars: AgendaViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'AgendaView',\n  mode: 'default',\n  dateHeaderFormat: 'dddd, MMMM D',\n  headerFormat: 'MMMM D, YYYY',\n} satisfies Partial<AgendaViewProps>;\n\nconst varsResolver = createVarsResolver<AgendaViewFactory>((_theme, { radius }) => ({\n  agendaView: {\n    '--agenda-view-radius': getRadius(radius),\n  },\n}));\n\nexport const AgendaView = factory<AgendaViewFactory>((_props) => {\n  const props = useProps('AgendaView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    rangeStart,\n    rangeEnd,\n    events,\n    locale,\n    radius,\n    labels,\n    mode,\n    renderEvent,\n    dateHeaderFormat,\n    headerFormat,\n    onEventClick,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<AgendaViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'agendaView',\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(rangeStart).startOf('day').toDate(),\n    rangeEnd: dayjs(rangeEnd).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getAgendaViewEvents({\n    rangeStart,\n    rangeEnd,\n    events: expandedEvents,\n  });\n\n  const sortedDates = Object.keys(groupedEvents).sort();\n\n  const headerLabel = `${formatDate({\n    locale: ctx.getLocale(locale),\n    date: rangeStart,\n    format: headerFormat,\n  })} – ${formatDate({\n    locale: ctx.getLocale(locale),\n    date: rangeEnd,\n    format: headerFormat,\n  })}`;\n\n  const dateGroups = sortedDates.map((dateStr) => {\n    const dateEvents = sortEvents(groupedEvents[dateStr]);\n\n    const eventNodes = dateEvents.map((event) => {\n      const startTime = dayjs(event.start).format('HH:mm');\n      const endTime = dayjs(event.end).format('HH:mm');\n      const isAllDay = isMultidayEvent(event) || isAllDayEvent({ event, date: dateStr });\n\n      const eventChildren = (\n        <Box {...getStyles('agendaViewEventBody')}>\n          <div\n            {...getStyles('agendaViewEventColor', {\n              style: { backgroundColor: getThemeColor(event.color, theme) },\n            })}\n          />\n          <div>\n            <Text {...getStyles('agendaViewEventTitle')}>{event.title}</Text>\n            <Text {...getStyles('agendaViewEventTime')}>\n              {isAllDay ? getLabel('allDay', labels) : `${startTime} – ${endTime}`}\n            </Text>\n          </div>\n        </Box>\n      );\n\n      const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n        ...getStyles('agendaViewEvent'),\n        onClick:\n          mode === 'static'\n            ? undefined\n            : (e: React.MouseEvent<HTMLButtonElement>) => {\n                onEventClick?.(event, e);\n              },\n        tabIndex: mode === 'static' ? -1 : 0,\n        children: eventChildren,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return <React.Fragment key={event.id}>{renderEvent(event, rootProps)}</React.Fragment>;\n      }\n\n      return <UnstyledButton {...rootProps} key={event.id} />;\n    });\n\n    return (\n      <div {...getStyles('agendaViewDateGroup')} key={dateStr}>\n        <Text {...getStyles('agendaViewDateHeader')}>\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: dateStr,\n            format: dateHeaderFormat,\n          })}\n        </Text>\n        {eventNodes}\n      </div>\n    );\n  });\n\n  return (\n    <Box {...getStyles('agendaView')} {...others}>\n      <div {...getStyles('agendaViewHeader')}>\n        <Text {...getStyles('agendaViewHeaderLabel')}>{headerLabel}</Text>\n      </div>\n\n      <Box {...getStyles('agendaViewBody')}>\n        {dateGroups.length > 0 ? (\n          dateGroups\n        ) : (\n          <Text {...getStyles('agendaViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nAgendaView.displayName = '@mantine/schedule/AgendaView';\nAgendaView.classes = classes;\nAgendaView.varsResolver = varsResolver;\n\nexport namespace AgendaView {\n  export type Props = AgendaViewProps;\n  export type Factory = AgendaViewFactory;\n  export type StylesNames = AgendaViewStylesNames;\n  export type CssVariables = AgendaViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"AgendaView.cjs","names":["createVarsResolver","getRadius","factory","useProps","useDatesContext","useMantineTheme","useStyles","expandRecurringEvents","getAgendaViewEvents","formatDate","sortEvents","isMultidayEvent","isAllDayEvent","Box","getThemeColor","Text","getLabel","React","UnstyledButton","classes"],"sources":["../../../src/components/AgendaView/AgendaView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineRadius,\n  StylesApiProps,\n  Text,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { AnyDateValue, DateLabelFormat, ScheduleEventData, ScheduleMode } from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  isAllDayEvent,\n  isMultidayEvent,\n  sortEvents,\n} from '../../utils';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getAgendaViewEvents } from './get-agenda-view-events';\nimport classes from './AgendaView.module.css';\n\nexport type AgendaViewStylesNames =\n  | 'agendaView'\n  | 'agendaViewHeader'\n  | 'agendaViewHeaderLabel'\n  | 'agendaViewBody'\n  | 'agendaViewDateGroup'\n  | 'agendaViewDateHeader'\n  | 'agendaViewEvent'\n  | 'agendaViewEventBody'\n  | 'agendaViewEventColor'\n  | 'agendaViewEventTitle'\n  | 'agendaViewEventTime'\n  | 'agendaViewNoEvents';\n\nexport type AgendaViewCssVariables = {\n  agendaView: '--agenda-view-radius';\n};\n\nexport interface AgendaViewProps\n  extends BoxProps, StylesApiProps<AgendaViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Start of the date range to display events for */\n  rangeStart: AnyDateValue;\n\n  /** End of the date range to display events for */\n  rangeEnd: AnyDateValue;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default 'default' */\n  mode?: ScheduleMode;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Format for the date group headers @default 'dddd, MMMM D' */\n  dateHeaderFormat?: DateLabelFormat;\n\n  /** Format for the header label showing the date range @default 'MMMM D, YYYY' */\n  headerFormat?: DateLabelFormat;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type AgendaViewFactory = Factory<{\n  props: AgendaViewProps;\n  ref: HTMLDivElement;\n  stylesNames: AgendaViewStylesNames;\n  vars: AgendaViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'AgendaView',\n  mode: 'default',\n  dateHeaderFormat: 'dddd, MMMM D',\n  headerFormat: 'MMMM D, YYYY',\n} satisfies Partial<AgendaViewProps>;\n\nconst varsResolver = createVarsResolver<AgendaViewFactory>((_theme, { radius }) => ({\n  agendaView: {\n    '--agenda-view-radius': getRadius(radius),\n  },\n}));\n\nexport const AgendaView = factory<AgendaViewFactory>((_props) => {\n  const props = useProps('AgendaView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    rangeStart,\n    rangeEnd,\n    events,\n    locale,\n    radius,\n    labels,\n    mode,\n    renderEvent,\n    dateHeaderFormat,\n    headerFormat,\n    onEventClick,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<AgendaViewFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'agendaView',\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(rangeStart).startOf('day').toDate(),\n    rangeEnd: dayjs(rangeEnd).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getAgendaViewEvents({\n    rangeStart,\n    rangeEnd,\n    events: expandedEvents,\n  });\n\n  const sortedDates = Object.keys(groupedEvents).sort();\n\n  const headerLabel = `${formatDate({\n    locale: ctx.getLocale(locale),\n    date: rangeStart,\n    format: headerFormat,\n  })} – ${formatDate({\n    locale: ctx.getLocale(locale),\n    date: rangeEnd,\n    format: headerFormat,\n  })}`;\n\n  const dateGroups = sortedDates.map((dateStr) => {\n    const dateEvents = sortEvents(groupedEvents[dateStr]);\n\n    const eventNodes = dateEvents.map((event) => {\n      const startTime = dayjs(event.start).format('HH:mm');\n      const endTime = dayjs(event.end).format('HH:mm');\n      const isAllDay = isMultidayEvent(event) || isAllDayEvent({ event, date: dateStr });\n\n      const eventChildren = (\n        <Box {...getStyles('agendaViewEventBody')}>\n          <div\n            {...getStyles('agendaViewEventColor', {\n              style: { backgroundColor: getThemeColor(event.color, theme) },\n            })}\n          />\n          <div>\n            <Text {...getStyles('agendaViewEventTitle')}>{event.title}</Text>\n            <Text {...getStyles('agendaViewEventTime')}>\n              {isAllDay ? getLabel('allDay', labels) : `${startTime} – ${endTime}`}\n            </Text>\n          </div>\n        </Box>\n      );\n\n      const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n        ...getStyles('agendaViewEvent'),\n        onClick:\n          mode === 'static'\n            ? undefined\n            : (e: React.MouseEvent<HTMLButtonElement>) => {\n                onEventClick?.(event, e);\n              },\n        tabIndex: mode === 'static' ? -1 : 0,\n        children: eventChildren,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return <React.Fragment key={event.id}>{renderEvent(event, rootProps)}</React.Fragment>;\n      }\n\n      return <UnstyledButton {...rootProps} key={event.id} />;\n    });\n\n    return (\n      <div {...getStyles('agendaViewDateGroup')} key={dateStr}>\n        <Text {...getStyles('agendaViewDateHeader')}>\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: dateStr,\n            format: dateHeaderFormat,\n          })}\n        </Text>\n        {eventNodes}\n      </div>\n    );\n  });\n\n  return (\n    <Box {...getStyles('agendaView')} {...others}>\n      <div {...getStyles('agendaViewHeader')}>\n        <Text {...getStyles('agendaViewHeaderLabel')}>{headerLabel}</Text>\n      </div>\n\n      <Box {...getStyles('agendaViewBody')}>\n        {dateGroups.length > 0 ? (\n          dateGroups\n        ) : (\n          <Text {...getStyles('agendaViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nAgendaView.displayName = '@mantine/schedule/AgendaView';\nAgendaView.classes = classes;\nAgendaView.varsResolver = varsResolver;\n\nexport namespace AgendaView {\n  export type Props = AgendaViewProps;\n  export type Factory = AgendaViewFactory;\n  export type StylesNames = AgendaViewStylesNames;\n  export type CssVariables = AgendaViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/AgendaView/get-agenda-view-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-agenda-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../src/components/AgendaView/get-agenda-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nfunction getEffectiveEndDate(event: ScheduleEventData) {\n  const endDate = dayjs(event.end).startOf('day');\n  if (dayjs(event.end).hour() === 0 && dayjs(event.end).minute() === 0) {\n    return endDate.subtract(1, 'day');\n  }\n  return endDate;\n}\n\nexport type AgendaGroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(\n  event: ScheduleEventData,\n  groupedEvents: AgendaGroupedEvents,\n  rangeStart: dayjs.Dayjs,\n  rangeEnd: dayjs.Dayjs\n) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = getEffectiveEndDate(event);\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\n    ) {\n      if (date.isBefore(rangeStart) || date.isAfter(rangeEnd)) {\n        continue;\n      }\n      const dateKey = date.format('YYYY-MM-DD');\n      if (!groupedEvents[dateKey]) {\n        groupedEvents[dateKey] = [];\n      }\n      groupedEvents[dateKey].push(event);\n    }\n\n    return;\n  }\n\n  const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n  if (!groupedEvents[eventDate]) {\n    groupedEvents[eventDate] = [];\n  }\n  groupedEvents[eventDate].push(event);\n}\n\ninterface GetAgendaViewEventsInput {\n  rangeStart: AnyDateValue;\n  rangeEnd: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getAgendaViewEvents({ rangeStart, rangeEnd, events }: GetAgendaViewEventsInput) {\n  const groupedEvents: AgendaGroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const start = dayjs(rangeStart).startOf('day');\n  const end = dayjs(rangeEnd).startOf('day');\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    const eventStart = dayjs(event.start).startOf('day');\n    const eventEnd = dayjs(event.end).startOf('day');\n\n    if (eventEnd.isBefore(start) || eventStart.isAfter(end)) {\n      continue;\n    }\n\n    if (!ids.has(event.id)) {\n      ids.add(event.id);\n    } else {\n      throw new Error(`[@mantine/schedule] AgendaView: Duplicated event ids found: ${event.id}`);\n    }\n\n    groupEventByDate(validateEvent(event), groupedEvents, start, end);\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;;;AAIA,SAAS,oBAAoB,OAA0B;CACrD,MAAM,WAAA,GAAA,MAAA,QAAA,CAAgB,MAAM,GAAG,CAAC,CAAC,QAAQ,KAAK;CAC9C,KAAA,GAAA,MAAA,QAAA,CAAU,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,MAAA,GAAA,MAAA,QAAA,CAAW,MAAM,GAAG,CAAC,CAAC,OAAO,MAAM,GACjE,OAAO,QAAQ,SAAS,GAAG,KAAK;CAElC,OAAO;AACT;AAIA,SAAS,iBACP,OACA,eACA,YACA,UACA;CACA,IAAIA,0BAAAA,gBAAgB,KAAK,GAAG;EAC1B,MAAM,aAAA,GAAA,MAAA,QAAA,CAAkB,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EAClD,MAAM,UAAU,oBAAoB,KAAK;EAEzC,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,IAAI,KAAK,SAAS,UAAU,KAAK,KAAK,QAAQ,QAAQ,GACpD;GAEF,MAAM,UAAU,KAAK,OAAO,YAAY;GACxC,IAAI,CAAC,cAAc,UACjB,cAAc,WAAW,CAAC;GAE5B,cAAc,QAAQ,CAAC,KAAK,KAAK;EACnC;EAEA;CACF;CAEA,MAAM,aAAA,GAAA,MAAA,QAAA,CAAkB,MAAM,KAAK,CAAC,CAAC,OAAO,YAAY;CACxD,IAAI,CAAC,cAAc,YACjB,cAAc,aAAa,CAAC;CAE9B,cAAc,UAAU,CAAC,KAAK,KAAK;AACrC;AAQA,SAAgB,oBAAoB,EAAE,YAAY,UAAU,UAAoC;CAC9F,MAAM,gBAAqC,CAAC;CAE5C,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,SAAA,GAAA,MAAA,QAAA,CAAc,UAAU,CAAC,CAAC,QAAQ,KAAK;CAC7C,MAAM,OAAA,GAAA,MAAA,QAAA,CAAY,QAAQ,CAAC,CAAC,QAAQ,KAAK;CACzC,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,YAAY,cACpB;EAGF,MAAM,cAAA,GAAA,MAAA,QAAA,CAAmB,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EAGnD,KAAA,GAAA,MAAA,QAAA,CAFuB,MAAM,GAAG,CAAC,CAAC,QAAQ,KAE/B,CAAC,CAAC,SAAS,KAAK,KAAK,WAAW,QAAQ,GAAG,GACpD;EAGF,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,+DAA+D,MAAM,IAAI;EAG3F,iBAAiBC,uBAAAA,cAAc,KAAK,GAAG,eAAe,OAAO,GAAG;CAClE;CAEA,OAAO;AACT"}
+{"version":3,"file":"get-agenda-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../src/components/AgendaView/get-agenda-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nfunction getEffectiveEndDate(event: ScheduleEventData) {\n  const endDate = dayjs(event.end).startOf('day');\n  if (dayjs(event.end).hour() === 0 && dayjs(event.end).minute() === 0) {\n    return endDate.subtract(1, 'day');\n  }\n  return endDate;\n}\n\nexport type AgendaGroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(\n  event: ScheduleEventData,\n  groupedEvents: AgendaGroupedEvents,\n  rangeStart: dayjs.Dayjs,\n  rangeEnd: dayjs.Dayjs\n) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = getEffectiveEndDate(event);\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\n    ) {\n      if (date.isBefore(rangeStart) || date.isAfter(rangeEnd)) {\n        continue;\n      }\n      const dateKey = date.format('YYYY-MM-DD');\n      if (!groupedEvents[dateKey]) {\n        groupedEvents[dateKey] = [];\n      }\n      groupedEvents[dateKey].push(event);\n    }\n\n    return;\n  }\n\n  const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n  if (!groupedEvents[eventDate]) {\n    groupedEvents[eventDate] = [];\n  }\n  groupedEvents[eventDate].push(event);\n}\n\ninterface GetAgendaViewEventsInput {\n  rangeStart: AnyDateValue;\n  rangeEnd: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getAgendaViewEvents({ rangeStart, rangeEnd, events }: GetAgendaViewEventsInput) {\n  const groupedEvents: AgendaGroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const start = dayjs(rangeStart).startOf('day');\n  const end = dayjs(rangeEnd).startOf('day');\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    const eventStart = dayjs(event.start).startOf('day');\n    const eventEnd = dayjs(event.end).startOf('day');\n\n    if (eventEnd.isBefore(start) || eventStart.isAfter(end)) {\n      continue;\n    }\n\n    if (!ids.has(event.id)) {\n      ids.add(event.id);\n    } else {\n      throw new Error(`[@mantine/schedule] AgendaView: Duplicated event ids found: ${event.id}`);\n    }\n\n    groupEventByDate(validateEvent(event), groupedEvents, start, end);\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;;;AAIA,SAAS,oBAAoB,OAA0B;CACrD,MAAM,WAAA,GAAU,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,KAAK;CAC9C,KAAA,GAAI,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,MAAA,GAAK,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,OAAO,MAAM,GACjE,OAAO,QAAQ,SAAS,GAAG,KAAK;CAElC,OAAO;AACT;AAIA,SAAS,iBACP,OACA,eACA,YACA,UACA;CACA,IAAIA,0BAAAA,gBAAgB,KAAK,GAAG;EAC1B,MAAM,aAAA,GAAY,MAAA,QAAA,CAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EAClD,MAAM,UAAU,oBAAoB,KAAK;EAEzC,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,IAAI,KAAK,SAAS,UAAU,KAAK,KAAK,QAAQ,QAAQ,GACpD;GAEF,MAAM,UAAU,KAAK,OAAO,YAAY;GACxC,IAAI,CAAC,cAAc,UACjB,cAAc,WAAW,CAAC;GAE5B,cAAc,QAAQ,CAAC,KAAK,KAAK;EACnC;EAEA;CACF;CAEA,MAAM,aAAA,GAAY,MAAA,QAAA,CAAM,MAAM,KAAK,CAAC,CAAC,OAAO,YAAY;CACxD,IAAI,CAAC,cAAc,YACjB,cAAc,aAAa,CAAC;CAE9B,cAAc,UAAU,CAAC,KAAK,KAAK;AACrC;AAQA,SAAgB,oBAAoB,EAAE,YAAY,UAAU,UAAoC;CAC9F,MAAM,gBAAqC,CAAC;CAE5C,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,SAAA,GAAQ,MAAA,QAAA,CAAM,UAAU,CAAC,CAAC,QAAQ,KAAK;CAC7C,MAAM,OAAA,GAAM,MAAA,QAAA,CAAM,QAAQ,CAAC,CAAC,QAAQ,KAAK;CACzC,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,YAAY,cACpB;EAGF,MAAM,cAAA,GAAa,MAAA,QAAA,CAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EAGnD,KAAA,GAFiB,MAAA,QAAA,CAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,KAE/B,CAAC,CAAC,SAAS,KAAK,KAAK,WAAW,QAAQ,GAAG,GACpD;EAGF,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,+DAA+D,MAAM,IAAI;EAG3F,iBAAiBC,uBAAAA,cAAc,KAAK,GAAG,eAAe,OAAO,GAAG;CAClE;CAEA,OAAO;AACT"}

package/cjs/components/CurrentTimeIndicator/CurrentTimeIndicator.cjs

@@ -38,8 +38,9 @@ const CurrentTimeIndicator = (0, _mantine_core.factory)((_props) => {
 		rootSelector: "currentTimeIndicator"
 	});
 	const ctx = (0, _mantine_dates.useDatesContext)();
+	const mounted = (0, _mantine_hooks.useMounted)();
 	const [, setTick] = (0, react.useState)(0);
-	(0, _mantine_hooks.useInterval)(() => setTick((tick) => tick + 1), 1e3 * 60, { autoInvoke: true });
+	(0, _mantine_hooks.useInterval)(() => setTick((tick) => tick + 1), 6e4, { autoInvoke: true });
 	const now = getCurrentTime ? (0, dayjs.default)(getCurrentTime()) : (0, dayjs.default)();
 	const offsetPercent = require_get_current_time_position.getCurrentTimePosition({
 		startTime,
@@ -52,7 +53,7 @@ const CurrentTimeIndicator = (0, _mantine_core.factory)((_props) => {
 		date: now,
 		format: currentTimeFormat
 	}) : "";
-	if (!require_is_in_time_range.isInTimeRange({
+	if (!mounted || !require_is_in_time_range.isInTimeRange({
 		date: now,
 		startTime,
 		endTime

package/cjs/components/CurrentTimeIndicator/CurrentTimeIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentTimeIndicator.cjs","names":["getCurrentTimePosition","formatDate","isInTimeRange","Box","classes"],"sources":["../../../src/components/CurrentTimeIndicator/CurrentTimeIndicator.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useInterval } from '@mantine/hooks';\nimport { AnyDateValue, DateLabelFormat } from '../../types';\nimport { formatDate, getCurrentTimePosition, isInTimeRange } from '../../utils';\nimport classes from './CurrentTimeIndicator.module.css';\n\nexport type CurrentTimeIndicatorStylesNames =\n  | 'currentTimeIndicator'\n  | 'currentTimeIndicatorLine'\n  | 'currentTimeIndicatorThumb'\n  | 'currentTimeIndicatorTimeBubble';\n\nexport type CurrentTimeIndicatorCssVariables = {\n  currentTimeIndicator: '--indicator-color';\n};\n\nexport interface CurrentTimeIndicatorProps\n  extends BoxProps, StylesApiProps<CurrentTimeIndicatorFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Key of `theme.colors` or any valid CSS color value @default 'red' */\n  color?: MantineColor;\n\n  /** Offset from the left side */\n  startOffset?: string;\n\n  /** Offset from the right side */\n  endOffset?: string;\n\n  /** Extra configurable offset from the top */\n  topOffset?: string;\n\n  /** Offset for the time bubble */\n  timeBubbleStartOffset?: string;\n\n  /** If set, displays a bubble with the current time @default @true */\n  withTimeBubble?: boolean;\n\n  /** If set, displays thumb next to the line @default true */\n  withThumb?: boolean;\n\n  /** Format of the time displayed in the time bubble @default 'HH:mm' */\n  currentTimeFormat?: DateLabelFormat;\n\n  /** Locale passed down to dayjs during formatting */\n  locale?: string;\n\n  /** Start time of the day */\n  startTime?: string;\n\n  /** End time of the day */\n  endTime?: string;\n\n  /** Number of minutes per time slot. Used to align the indicator to whole slots when `endTime` does not divide evenly. */\n  intervalMinutes?: number;\n\n  /** A function to get the current time, called on every tick. Can be used to display the indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n}\n\nexport type CurrentTimeIndicatorFactory = Factory<{\n  props: CurrentTimeIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: CurrentTimeIndicatorStylesNames;\n  vars: CurrentTimeIndicatorCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'CurrentTimeIndicator',\n  withTimeBubble: true,\n  withThumb: true,\n  currentTimeFormat: 'HH:mm',\n  topOffset: '0rem',\n} satisfies Partial<CurrentTimeIndicatorProps>;\n\nconst varsResolver = createVarsResolver<CurrentTimeIndicatorFactory>((theme, { color }) => ({\n  currentTimeIndicator: {\n    '--indicator-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const CurrentTimeIndicator = factory<CurrentTimeIndicatorFactory>((_props) => {\n  const props = useProps('CurrentTimeIndicator', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    startOffset,\n    endOffset,\n    color,\n    withTimeBubble,\n    withThumb,\n    currentTimeFormat,\n    locale,\n    timeBubbleStartOffset,\n    __staticSelector,\n    topOffset,\n    startTime,\n    endTime,\n    intervalMinutes,\n    getCurrentTime,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CurrentTimeIndicatorFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'currentTimeIndicator',\n  });\n\n  const ctx = useDatesContext();\n  const [, setTick] = useState(0);\n  useInterval(() => setTick((tick) => tick + 1), 1000 * 60, {\n    autoInvoke: true,\n  });\n\n  const now = getCurrentTime ? dayjs(getCurrentTime()) : dayjs();\n  const offsetPercent = getCurrentTimePosition({ startTime, endTime, intervalMinutes, now });\n  const formattedTime = withTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: currentTimeFormat })\n    : '';\n\n  if (!isInTimeRange({ date: now, startTime, endTime })) {\n    return null;\n  }\n\n  return (\n    <Box\n      {...getStyles('currentTimeIndicator')}\n      __vars={{\n        '--top-offset': `calc(${offsetPercent}% + ${topOffset})`,\n        '--start-offset': startOffset,\n        '--end-offset': endOffset,\n        '--time-bubble-start-offset': timeBubbleStartOffset,\n\n        // Adjust time bubble width for formats including AM/PM\n        '--time-bubble-width': formattedTime?.toString().toLowerCase().includes('m')\n          ? '64px'\n          : '46px',\n      }}\n      {...others}\n    >\n      {withTimeBubble && (\n        <div {...getStyles('currentTimeIndicatorTimeBubble')}>{formattedTime}</div>\n      )}\n\n      {withThumb && <div {...getStyles('currentTimeIndicatorThumb')} />}\n\n      <div {...getStyles('currentTimeIndicatorLine')} />\n    </Box>\n  );\n});\n\nCurrentTimeIndicator.displayName = '@mantine/schedule/CurrentTimeIndicator';\nCurrentTimeIndicator.classes = classes;\nCurrentTimeIndicator.varsResolver = varsResolver;\n"],"mappings":";;;;;;;;;;;;;;AAkFA,MAAM,eAAe;CACnB,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,mBAAmB;CACnB,WAAW;AACb;AAEA,MAAM,gBAAA,GAAA,cAAA,mBAAA,EAAgE,OAAO,EAAE,aAAa,EAC1F,sBAAsB,EACpB,qBAAqB,SAAA,GAAA,cAAA,cAAA,CAAsB,OAAO,KAAK,IAAI,KAAA,EAC7D,EACF,EAAE;AAEF,MAAa,wBAAA,GAAA,cAAA,QAAA,EAA6D,WAAW;CACnF,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,wBAAwB,cAAc,MAAM;CACnE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,aACA,WACA,OACA,gBACA,WACA,mBACA,QACA,uBACA,kBACA,WACA,WACA,SACA,iBACA,gBACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,UAAA,CAAmD;EACvD,MAAM;EACN,SAAA,oCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,OAAA,GAAA,eAAA,gBAAA,CAAsB;CAC5B,MAAM,GAAG,YAAA,GAAA,MAAA,SAAA,CAAoB,CAAC;CAC9B,CAAA,GAAA,eAAA,YAAA,OAAkB,SAAS,SAAS,OAAO,CAAC,GAAG,MAAO,IAAI,EACxD,YAAY,KACd,CAAC;CAED,MAAM,MAAM,kBAAA,GAAA,MAAA,QAAA,CAAuB,eAAe,CAAC,KAAA,GAAA,MAAA,QAAA,CAAU;CAC7D,MAAM,gBAAgBA,kCAAAA,uBAAuB;EAAE;EAAW;EAAS;EAAiB;CAAI,CAAC;CACzF,MAAM,gBAAgB,iBAClBC,oBAAAA,WAAW;EAAE,QAAQ,IAAI,UAAU,MAAM;EAAG,MAAM;EAAK,QAAQ;CAAkB,CAAC,IAClF;CAEJ,IAAI,CAACC,yBAAAA,cAAc;EAAE,MAAM;EAAK;EAAW;CAAQ,CAAC,GAClD,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,KAAD;EACE,GAAI,UAAU,sBAAsB;EACpC,QAAQ;GACN,gBAAgB,QAAQ,cAAc,MAAM,UAAU;GACtD,kBAAkB;GAClB,gBAAgB;GAChB,8BAA8B;GAG9B,uBAAuB,eAAe,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,GAAG,IACvE,SACA;EACN;EACA,GAAI;YAbN;GAeG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,UAAU,gCAAgC;cAAI;GAAmB,CAAA;GAG3E,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,UAAU,2BAA2B,EAAI,CAAA;GAEhE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,UAAU,0BAA0B,EAAI,CAAA;EAC9C;;AAET,CAAC;AAED,qBAAqB,cAAc;AACnC,qBAAqB,UAAUC,oCAAAA;AAC/B,qBAAqB,eAAe"}
+{"version":3,"file":"CurrentTimeIndicator.cjs","names":["createVarsResolver","getThemeColor","factory","useProps","useStyles","useDatesContext","useMounted","useState","getCurrentTimePosition","formatDate","isInTimeRange","Box","classes"],"sources":["../../../src/components/CurrentTimeIndicator/CurrentTimeIndicator.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useInterval, useMounted } from '@mantine/hooks';\nimport { AnyDateValue, DateLabelFormat } from '../../types';\nimport { formatDate, getCurrentTimePosition, isInTimeRange } from '../../utils';\nimport classes from './CurrentTimeIndicator.module.css';\n\nexport type CurrentTimeIndicatorStylesNames =\n  | 'currentTimeIndicator'\n  | 'currentTimeIndicatorLine'\n  | 'currentTimeIndicatorThumb'\n  | 'currentTimeIndicatorTimeBubble';\n\nexport type CurrentTimeIndicatorCssVariables = {\n  currentTimeIndicator: '--indicator-color';\n};\n\nexport interface CurrentTimeIndicatorProps\n  extends BoxProps, StylesApiProps<CurrentTimeIndicatorFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Key of `theme.colors` or any valid CSS color value @default 'red' */\n  color?: MantineColor;\n\n  /** Offset from the left side */\n  startOffset?: string;\n\n  /** Offset from the right side */\n  endOffset?: string;\n\n  /** Extra configurable offset from the top */\n  topOffset?: string;\n\n  /** Offset for the time bubble */\n  timeBubbleStartOffset?: string;\n\n  /** If set, displays a bubble with the current time @default @true */\n  withTimeBubble?: boolean;\n\n  /** If set, displays thumb next to the line @default true */\n  withThumb?: boolean;\n\n  /** Format of the time displayed in the time bubble @default 'HH:mm' */\n  currentTimeFormat?: DateLabelFormat;\n\n  /** Locale passed down to dayjs during formatting */\n  locale?: string;\n\n  /** Start time of the day */\n  startTime?: string;\n\n  /** End time of the day */\n  endTime?: string;\n\n  /** Number of minutes per time slot. Used to align the indicator to whole slots when `endTime` does not divide evenly. */\n  intervalMinutes?: number;\n\n  /** A function to get the current time, called on every tick. Can be used to display the indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n}\n\nexport type CurrentTimeIndicatorFactory = Factory<{\n  props: CurrentTimeIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: CurrentTimeIndicatorStylesNames;\n  vars: CurrentTimeIndicatorCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'CurrentTimeIndicator',\n  withTimeBubble: true,\n  withThumb: true,\n  currentTimeFormat: 'HH:mm',\n  topOffset: '0rem',\n} satisfies Partial<CurrentTimeIndicatorProps>;\n\nconst varsResolver = createVarsResolver<CurrentTimeIndicatorFactory>((theme, { color }) => ({\n  currentTimeIndicator: {\n    '--indicator-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const CurrentTimeIndicator = factory<CurrentTimeIndicatorFactory>((_props) => {\n  const props = useProps('CurrentTimeIndicator', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    startOffset,\n    endOffset,\n    color,\n    withTimeBubble,\n    withThumb,\n    currentTimeFormat,\n    locale,\n    timeBubbleStartOffset,\n    __staticSelector,\n    topOffset,\n    startTime,\n    endTime,\n    intervalMinutes,\n    getCurrentTime,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CurrentTimeIndicatorFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'currentTimeIndicator',\n  });\n\n  const ctx = useDatesContext();\n  const mounted = useMounted();\n  const [, setTick] = useState(0);\n  useInterval(() => setTick((tick) => tick + 1), 1000 * 60, {\n    autoInvoke: true,\n  });\n\n  const now = getCurrentTime ? dayjs(getCurrentTime()) : dayjs();\n  const offsetPercent = getCurrentTimePosition({ startTime, endTime, intervalMinutes, now });\n  const formattedTime = withTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: now, format: currentTimeFormat })\n    : '';\n\n  if (!mounted || !isInTimeRange({ date: now, startTime, endTime })) {\n    return null;\n  }\n\n  return (\n    <Box\n      {...getStyles('currentTimeIndicator')}\n      __vars={{\n        '--top-offset': `calc(${offsetPercent}% + ${topOffset})`,\n        '--start-offset': startOffset,\n        '--end-offset': endOffset,\n        '--time-bubble-start-offset': timeBubbleStartOffset,\n\n        // Adjust time bubble width for formats including AM/PM\n        '--time-bubble-width': formattedTime?.toString().toLowerCase().includes('m')\n          ? '64px'\n          : '46px',\n      }}\n      {...others}\n    >\n      {withTimeBubble && (\n        <div {...getStyles('currentTimeIndicatorTimeBubble')}>{formattedTime}</div>\n      )}\n\n      {withThumb && <div {...getStyles('currentTimeIndicatorThumb')} />}\n\n      <div {...getStyles('currentTimeIndicatorLine')} />\n    </Box>\n  );\n});\n\nCurrentTimeIndicator.displayName = '@mantine/schedule/CurrentTimeIndicator';\nCurrentTimeIndicator.classes = classes;\nCurrentTimeIndicator.varsResolver = varsResolver;\n"],"mappings":";;;;;;;;;;;;;;AAkFA,MAAM,eAAe;CACnB,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,mBAAmB;CACnB,WAAW;AACb;AAEA,MAAM,gBAAA,GAAeA,cAAAA,mBAAAA,EAAiD,OAAO,EAAE,aAAa,EAC1F,sBAAsB,EACpB,qBAAqB,SAAA,GAAQC,cAAAA,cAAAA,CAAc,OAAO,KAAK,IAAI,KAAA,EAC7D,EACF,EAAE;AAEF,MAAa,wBAAA,GAAuBC,cAAAA,QAAAA,EAAsC,WAAW;CACnF,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,wBAAwB,cAAc,MAAM;CACnE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,aACA,WACA,OACA,gBACA,WACA,mBACA,QACA,uBACA,kBACA,WACA,WACA,SACA,iBACA,gBACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAAuC;EACvD,MAAM;EACN,SAAA,oCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,OAAA,GAAMC,eAAAA,gBAAAA,CAAgB;CAC5B,MAAM,WAAA,GAAUC,eAAAA,WAAAA,CAAW;CAC3B,MAAM,GAAG,YAAA,GAAWC,MAAAA,SAAAA,CAAS,CAAC;CAC9B,CAAA,GAAA,eAAA,YAAA,OAAkB,SAAS,SAAS,OAAO,CAAC,GAAG,KAAW,EACxD,YAAY,KACd,CAAC;CAED,MAAM,MAAM,kBAAA,GAAiB,MAAA,QAAA,CAAM,eAAe,CAAC,KAAA,GAAI,MAAA,QAAA,CAAM;CAC7D,MAAM,gBAAgBC,kCAAAA,uBAAuB;EAAE;EAAW;EAAS;EAAiB;CAAI,CAAC;CACzF,MAAM,gBAAgB,iBAClBC,oBAAAA,WAAW;EAAE,QAAQ,IAAI,UAAU,MAAM;EAAG,MAAM;EAAK,QAAQ;CAAkB,CAAC,IAClF;CAEJ,IAAI,CAAC,WAAW,CAACC,yBAAAA,cAAc;EAAE,MAAM;EAAK;EAAW;CAAQ,CAAC,GAC9D,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,KAAD;EACE,GAAI,UAAU,sBAAsB;EACpC,QAAQ;GACN,gBAAgB,QAAQ,cAAc,MAAM,UAAU;GACtD,kBAAkB;GAClB,gBAAgB;GAChB,8BAA8B;GAG9B,uBAAuB,eAAe,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,GAAG,IACvE,SACA;EACN;EACA,GAAI;EAbN,UAAA;GAeG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,UAAU,gCAAgC;IAAI,UAAA;GAAmB,CAAA;GAG3E,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,UAAU,2BAA2B,EAAI,CAAA;GAEhE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,UAAU,0BAA0B,EAAI,CAAA;EAC9C;;AAET,CAAC;AAED,qBAAqB,cAAc;AACnC,qBAAqB,UAAUC,oCAAAA;AAC/B,qBAAqB,eAAe"}

package/cjs/components/DayView/DayView.cjs

@@ -7,6 +7,7 @@ const require_get_day_time_intervals = require("../../utils/get-day-time-interva
 const require_to_date_string = require("../../utils/to-date-string/to-date-string.cjs");
 const require_is_all_day_event = require("../../utils/is-all-day-event/is-all-day-event.cjs");
 const require_get_visible_events = require("../../utils/get-visible-events/get-visible-events.cjs");
+const require_get_day_position = require("../../utils/get-day-position/get-day-position.cjs");
 const require_get_time_axis_event_style = require("../../utils/get-time-axis-event-style/get-time-axis-event-style.cjs");
 const require_calculate_drop_time = require("../../utils/calculate-drop-time/calculate-drop-time.cjs");
 const require_get_business_hours_mod = require("../../utils/get-business-hours-mod/get-business-hours-mod.cjs");
@@ -20,6 +21,7 @@ const require_CurrentTimeIndicator = require("../CurrentTimeIndicator/CurrentTim
 const require_DragContext = require("../DragContext/DragContext.cjs");
 const require_ScheduleEvent = require("../ScheduleEvent/ScheduleEvent.cjs");
 const require_MoreEvents = require("../MoreEvents/MoreEvents.cjs");
+const require_ScheduleBackgroundEvent = require("../ScheduleBackgroundEvent/ScheduleBackgroundEvent.cjs");
 const require_ScheduleHeaderBase = require("../ScheduleHeader/ScheduleHeaderBase.cjs");
 const require_get_day_view_events = require("./get-day-view-events/get-day-view-events.cjs");
 const require_DayView_module = require("./DayView.module.cjs");
@@ -47,7 +49,8 @@ const defaultProps = {
 	withEventsDragAndDrop: false,
 	withDragSlotSelect: false,
 	withEventResize: false,
-	mode: "default"
+	mode: "default",
+	withInteractiveBackgroundEvents: false
 };
 const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, slotHeight, allDaySlotHeight }) => ({ dayView: {
 	"--day-view-radius": radius !== void 0 ? (0, _mantine_core.getRadius)(radius) : void 0,
@@ -56,7 +59,7 @@ const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, sl
 } }));
 const DayView = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("DayView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, eventResizeInterval, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
 	const [agendaOpen, setAgendaOpen] = (0, react.useState)(false);
 	const getStyles = (0, _mantine_core.useStyles)({
 		name: __staticSelector,
@@ -84,7 +87,6 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 		__staticSelector,
 		radius
 	};
-	const theme = (0, _mantine_core.useMantineTheme)();
 	const ctx = (0, _mantine_dates.useDatesContext)();
 	const resolveNow = () => getCurrentTime ? (0, dayjs.default)(getCurrentTime()) : (0, dayjs.default)();
 	const showCurrentTimeIndicator = withCurrentTimeIndicator ?? (0, dayjs.default)(date).isSame(resolveNow(), "day");
@@ -114,20 +116,43 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 			top: slotRect.top - viewportRect.top
 		});
 	}, []);
+	const dragOffsetRef = (0, react.useRef)({
+		offset: 0,
+		size: 0
+	});
 	const getSlotIndexFromDragPoint = (0, react.useCallback)((event) => {
 		const slotIndex = slotsRef.current.findIndex((slotNode) => {
 			if (!slotNode) return false;
 			const rect = slotNode.getBoundingClientRect();
 			return event.clientY >= rect.top && event.clientY <= rect.bottom;
 		});
-		if (slotIndex >= 0) return slotIndex;
+		if (slotIndex >= 0) {
+			const rect = slotsRef.current[slotIndex].getBoundingClientRect();
+			dragOffsetRef.current = {
+				offset: event.clientY - rect.top,
+				size: rect.height
+			};
+			return slotIndex;
+		}
 		const firstSlot = slotsRef.current[0];
 		const lastSlot = slotsRef.current[slotsRef.current.length - 1];
 		if (!firstSlot || !lastSlot) return null;
 		const firstRect = firstSlot.getBoundingClientRect();
 		const lastRect = lastSlot.getBoundingClientRect();
-		if (event.clientY < firstRect.top) return 0;
-		if (event.clientY > lastRect.bottom) return slotsRef.current.length - 1;
+		if (event.clientY < firstRect.top) {
+			dragOffsetRef.current = {
+				offset: 0,
+				size: firstRect.height
+			};
+			return 0;
+		}
+		if (event.clientY > lastRect.bottom) {
+			dragOffsetRef.current = {
+				offset: lastRect.height,
+				size: lastRect.height
+			};
+			return slotsRef.current.length - 1;
+		}
 		return null;
 	}, []);
 	const handleSlotKeyDown = (event, slotIndex) => {
@@ -148,13 +173,14 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 			onSlotDragEnd(`${slotDate} ${slots[startIndex].startTime}`, `${slotDate} ${slots[endIndex].endTime}`);
 		}
 	});
+	const expandedEvents = require_expand_recurring_events.expandRecurringEvents({
+		events,
+		rangeStart: (0, dayjs.default)(date).startOf("day").toDate(),
+		rangeEnd: (0, dayjs.default)(date).endOf("day").toDate(),
+		expansionLimit: recurrenceExpansionLimit
+	});
 	const eventsData = require_get_day_view_events.getDayViewEvents({
-		events: require_expand_recurring_events.expandRecurringEvents({
-			events,
-			rangeStart: (0, dayjs.default)(date).startOf("day").toDate(),
-			rangeEnd: (0, dayjs.default)(date).endOf("day").toDate(),
-			expansionLimit: recurrenceExpansionLimit
-		}),
+		events: expandedEvents,
 		date,
 		startTime,
 		endTime,
@@ -163,12 +189,50 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 	const handleExternalDrop = (0, react.useCallback)((e, slotIndex) => {
 		if (!onExternalEventDrop) return;
 		const slotDate = (0, dayjs.default)(date).format("YYYY-MM-DD");
-		onExternalEventDrop(e.dataTransfer, `${slotDate} ${slots[slotIndex].startTime}`);
+		const slotTime = slots[slotIndex].startTime;
+		if (eventDragInterval == null) {
+			onExternalEventDrop(e.dataTransfer, `${slotDate} ${slotTime}`);
+			return;
+		}
+		const slotStart = `${slotDate} ${slotTime}`;
+		const { start } = require_calculate_drop_time.calculateDropTime({
+			draggedEvent: {
+				start: slotStart,
+				end: slotStart
+			},
+			targetDate: date,
+			targetSlotTime: slotTime,
+			intervalMinutes,
+			dragIntervalMinutes: eventDragInterval,
+			slotOffset: dragOffsetRef.current.offset,
+			slotSize: dragOffsetRef.current.size,
+			startTime,
+			endTime
+		});
+		onExternalEventDrop(e.dataTransfer, (0, dayjs.default)(start).format("YYYY-MM-DD HH:mm:ss"));
 	}, [
 		onExternalEventDrop,
 		date,
-		slots
+		slots,
+		eventDragInterval,
+		intervalMinutes,
+		startTime,
+		endTime
 	]);
+	const getDropTimeForSlot = (slotIndex, draggedEvent) => {
+		const slotTime = slots[slotIndex].startTime;
+		return require_calculate_drop_time.calculateDropTime({
+			draggedEvent,
+			targetDate: date,
+			targetSlotTime: slotTime,
+			intervalMinutes,
+			dragIntervalMinutes: eventDragInterval,
+			slotOffset: eventDragInterval == null ? void 0 : dragOffsetRef.current.offset,
+			slotSize: eventDragInterval == null ? void 0 : dragOffsetRef.current.size,
+			startTime,
+			endTime
+		});
+	};
 	const dragDrop = require_use_drag_drop_handlers.useDragDropHandlers({
 		enabled: withEventsDragAndDrop,
 		mode,
@@ -176,23 +240,27 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 		canDragEvent,
 		onEventDragStart,
 		onEventDragEnd,
-		calculateDropTarget: (slotIndex, draggedEvent) => {
-			const slotTime = slots[slotIndex].startTime;
-			return require_calculate_drop_time.calculateDropTime({
-				draggedEvent,
-				targetDate: date,
-				targetSlotTime: slotTime,
-				intervalMinutes
-			});
-		},
+		calculateDropTarget: getDropTimeForSlot,
 		onExternalDrop: onExternalEventDrop ? handleExternalDrop : void 0
 	});
+	const updateDragPreview = (slotIndex) => {
+		const draggedEvent = dragDrop.dragContextValue.draggedEvent;
+		if (eventDragInterval == null || !draggedEvent) return;
+		const { start, end } = getDropTimeForSlot(slotIndex, draggedEvent);
+		const newStart = (0, dayjs.default)(start).format("YYYY-MM-DD HH:mm:ss");
+		if (dragDrop.dragPreview?.start !== newStart) dragDrop.setDragPreview({
+			start: newStart,
+			end: (0, dayjs.default)(end).format("YYYY-MM-DD HH:mm:ss"),
+			target: slotIndex
+		});
+	};
 	const eventResize = require_use_event_resize.useEventResize({
 		enabled: withEventResize,
 		mode,
 		startTime,
 		endTime,
 		intervalMinutes,
+		resizeIntervalMinutes: eventResizeInterval,
 		onEventResize,
 		canResizeEvent
 	});
@@ -257,8 +325,9 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 		...stylesApiProps
 	}, event.id));
 	const dayGroup = (0, dayjs.default)(date).format("YYYY-MM-DD");
+	const suppressDropHighlight = eventDragInterval != null && dragDrop.dragContextValue.isDragging;
 	const items = slots.map((slot, index) => {
-		const isDropTarget = dragDrop.isDropTarget(index);
+		const isDropTarget = !suppressDropHighlight && dragDrop.isDropTarget(index);
 		const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);
 		const slotStart = `${dayGroup} ${slot.startTime}`;
 		const slotEnd = `${dayGroup} ${slot.endTime}`;
@@ -324,59 +393,34 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 		}
 		return acc;
 	}, []);
-	const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => {
-		const colors = theme.variantColorResolver({
-			color: event.color || theme.primaryColor,
-			theme,
-			variant: "light",
-			autoContrast: true
-		});
-		const bgEventBody = typeof renderEventBody === "function" ? renderEventBody(event) : event.title;
-		const bgEventProps = {
-			key: `bg-allday-${event.id}`,
-			...getStyles("dayViewBackgroundEvent", { style: {
-				top: 0,
-				height: "100%",
-				width: "100%"
-			} }),
-			__vars: {
-				"--bg-event-bg": colors.background,
-				"--bg-event-color": colors.color
-			},
-			children: bgEventBody
-		};
-		if (typeof renderEvent === "function") return renderEvent(event, bgEventProps);
-		const { key: bgEventKey, ...restBgEventProps } = bgEventProps;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, { ...restBgEventProps }, bgEventKey);
-	});
-	const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => {
-		const colors = theme.variantColorResolver({
-			color: event.color || theme.primaryColor,
-			theme,
-			variant: "light",
-			autoContrast: true
-		});
-		const bgEventBody = typeof renderEventBody === "function" ? renderEventBody(event) : event.title;
-		const bgEventProps = {
-			key: event.id,
-			...getStyles("dayViewBackgroundEvent", { style: {
-				...require_get_time_axis_event_style.getTimeAxisEventStyle({
-					start: event.position.top,
-					span: event.position.height,
-					axis: "vertical"
-				}),
-				width: "100%"
-			} }),
-			__vars: {
-				"--bg-event-bg": colors.background,
-				"--bg-event-color": colors.color
-			},
-			children: bgEventBody
-		};
-		if (typeof renderEvent === "function") return renderEvent(event, bgEventProps);
-		const { key: bgEventKey, ...restBgEventProps } = bgEventProps;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, { ...restBgEventProps }, bgEventKey);
-	});
+	const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== "static";
+	const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleBackgroundEvent.ScheduleBackgroundEvent, {
+		event,
+		renderEvent,
+		renderEventBody,
+		interactive: interactiveBackgroundEvents,
+		onEventClick,
+		...getStyles("dayViewBackgroundEvent", { style: {
+			top: 0,
+			height: "100%",
+			width: "100%"
+		} })
+	}, `bg-allday-${event.id}`));
+	const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleBackgroundEvent.ScheduleBackgroundEvent, {
+		event,
+		renderEvent,
+		renderEventBody,
+		interactive: interactiveBackgroundEvents,
+		onEventClick,
+		...getStyles("dayViewBackgroundEvent", { style: {
+			...require_get_time_axis_event_style.getTimeAxisEventStyle({
+				start: event.position.top,
+				span: event.position.height,
+				axis: "vertical"
+			}),
+			width: "100%"
+		} })
+	}, event.id));
 	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
 		...getStyles("dayView"),
 		mod: {
@@ -478,7 +522,10 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 							...getStyles("dayViewTimeSlots"),
 							onDragOver: withDragHandlers ? (event) => {
 								const slotIndex = getSlotIndexFromDragPoint(event);
-								if (slotIndex !== null) dragDrop.handleDragOver(event, slotIndex);
+								if (slotIndex !== null) {
+									dragDrop.handleDragOver(event, slotIndex);
+									updateDragPreview(slotIndex);
+								}
 							} : void 0,
 							onDragLeave: withDragHandlers ? dragDrop.handleDragLeave : void 0,
 							onDrop: withDragHandlers ? (event) => {
@@ -488,6 +535,25 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 							children: [
 								backgroundTimedEventNodes,
 								eventsNodes,
+								dragDrop.dragPreview && dragDrop.dragContextValue.draggedEvent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, { ...getStyles("dayViewDragPreview", { style: (() => {
+									const { top, height } = require_get_day_position.getDayPosition({
+										event: {
+											...dragDrop.dragContextValue.draggedEvent,
+											start: dragDrop.dragPreview.start,
+											end: dragDrop.dragPreview.end
+										},
+										startTime,
+										endTime,
+										intervalMinutes
+									});
+									return {
+										position: "absolute",
+										insetInlineStart: 0,
+										insetInlineEnd: 0,
+										top: `${top}%`,
+										height: `${height}%`
+									};
+								})() }) }),
 								showCurrentTimeIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CurrentTimeIndicator.CurrentTimeIndicator, {
 									startOffset: "calc(var(--day-view-slot-labels-width) * -1)",
 									endOffset: "0rem",