@mantine/schedule 9.3.2 → 9.4.0

package/cjs/components/DayView/DayView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DayView.cjs","names":["getDayTimeIntervals","useSlotDragSelect","getDayViewEvents","expandRecurringEvents","useDragDropHandlers","calculateDropTime","useEventResize","isAllDayEvent","ScheduleEvent","getVisibleEvents","UnstyledButton","getBusinessHoursMod","clampIntervalMinutes","getLabel","formatDate","Box","ScheduleHeaderBase","toDateString","ScrollArea","MoreEvents","CurrentTimeIndicator","DragContext","classes"],"sources":["../../../src/components/DayView/DayView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  AnyDateValue,\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  clampIntervalMinutes,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayTimeIntervals,\n  getVisibleEvents,\n  isAllDayEvent,\n  toDateString,\n} from '../../utils';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport {\n  RenderEvent,\n  RenderEventBody,\n  ScheduleEvent,\n  ScheduleEventStylesNames,\n} from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getDayViewEvents } from './get-day-view-events/get-day-view-events';\nimport classes from './DayView.module.css';\n\nexport type DayViewStylesNames =\n  | 'dayView'\n  | 'dayViewInner'\n  | 'dayViewScrollArea'\n  | 'dayViewAllDay'\n  | 'dayViewAllDayEvents'\n  | 'dayViewSlot'\n  | 'dayViewSlots'\n  | 'dayViewTimeSlots'\n  | 'dayViewSlotLabel'\n  | 'dayViewSlotLabels'\n  | 'dayViewBackgroundEvent'\n  | MoreEventsStylesNames\n  | ScheduleEventStylesNames\n  | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames>\n  | CurrentTimeIndicatorStylesNames;\n\nexport type DayViewCssVariables = {\n  dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';\n};\n\nexport interface DayViewProps\n  extends BoxProps, StylesApiProps<DayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | DateStringValue;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\n\n  /** Time slots start time, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** Time slots end time in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each time slot @default 15 */\n  intervalMinutes?: number;\n\n  /** If set, the all-day slot is displayed below the header @default true */\n  withAllDaySlot?: boolean;\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  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Date format in the header @default MMMM D, YYYY */\n  headerFormat?: DateLabelFormat;\n\n  /** If set, displays a line indicating the current time. By default, displayed only for the current day. */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\n  withCurrentTimeBubble?: boolean;\n\n  /** A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 44px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Props passed down to the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\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  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format @default ['09:00:00', '17:00:00'] */\n  businessHours?: [string, string];\n\n  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** 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. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n}\n\nexport type DayViewFactory = Factory<{\n  props: DayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: DayViewStylesNames;\n  vars: DayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'DayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  intervalMinutes: 15,\n  withAllDaySlot: true,\n  slotLabelFormat: 'HH:mm',\n  headerFormat: 'MMMM D, YYYY',\n  withCurrentTimeBubble: true,\n  withHeader: true,\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n} satisfies Partial<DayViewProps>;\n\nconst varsResolver = createVarsResolver<DayViewFactory>(\n  (_theme, { radius, slotHeight, allDaySlotHeight }) => ({\n    dayView: {\n      '--day-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--day-view-slot-height': rem(slotHeight),\n      '--day-view-all-day-slot-height': rem(allDaySlotHeight),\n    },\n  })\n);\n\nexport const DayView = factory<DayViewFactory>((_props) => {\n  const props = useProps('DayView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    __staticSelector,\n    startTime,\n    endTime,\n    intervalMinutes,\n    withAllDaySlot,\n    date,\n    locale,\n    slotLabelFormat,\n    headerFormat,\n    getCurrentTime,\n    withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    withHeader,\n    radius,\n    onDateChange,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    slotHeight,\n    allDaySlotHeight,\n    scrollAreaProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<DayViewFactory>({\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: 'dayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DayViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const ctx = useDatesContext();\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const showCurrentTimeIndicator =\n    withCurrentTimeIndicator ?? dayjs(date).isSame(resolveNow(), 'day');\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const slotsRef = useRef<HTMLButtonElement[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const timeSlotsContainerRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current || slotsRef.current.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = slotsRef.current[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent) => {\n    const slotIndex = slotsRef.current.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      return slotIndex;\n    }\n\n    const firstSlot = slotsRef.current[0];\n    const lastSlot = slotsRef.current[slotsRef.current.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      return slotsRef.current.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, slotIndex: number) => {\n    const direction = event.key;\n    if (direction === 'ArrowDown' && slotIndex < slots.length - 1) {\n      event.preventDefault();\n      slotsRef.current[slotIndex + 1]?.focus();\n    } else if (direction === 'ArrowUp' && slotIndex > 0) {\n      event.preventDefault();\n      slotsRef.current[slotIndex - 1]?.focus();\n    }\n  };\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('day').toDate(),\n    rangeEnd: dayjs(date).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const eventsData = getDayViewEvents({\n    events: expandedEvents,\n    date,\n    startTime,\n    endTime,\n    intervalMinutes,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, slotIndex: number) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onExternalEventDrop(e.dataTransfer, `${slotDate} ${slots[slotIndex].startTime}`);\n    },\n    [onExternalEventDrop, date, slots]\n  );\n\n  const dragDrop = useDragDropHandlers({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (slotIndex: number, draggedEvent: ScheduleEventData) => {\n      const slotTime = slots[slotIndex].startTime;\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: date,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const eventsNodes = eventsData.regularEvents.map((event) => {\n    const eventIsAllDay = isAllDayEvent({ event, date });\n    const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n    const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n    const resizePosition = eventResize.getResizePosition(event.id);\n    const eventTop = resizePosition ? resizePosition.top : event.position.top;\n    const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n    return (\n      <ScheduleEvent\n        event={event}\n        key={event.id}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        autoSize\n        draggable={isDraggable}\n        withResize={isResizable}\n        isResizing={resizePosition !== null}\n        onResizeStart={\n          isResizable\n            ? (edge, e) => {\n                if (timeSlotsContainerRef.current) {\n                  eventResize.handleResizeStart({\n                    event,\n                    edge,\n                    container: timeSlotsContainerRef.current,\n                    originalTop: event.position.top,\n                    originalHeight: event.position.height,\n                    eventDate: dayjs(date).format('YYYY-MM-DD'),\n                    pointerEvent: e,\n                  });\n                }\n              }\n            : undefined\n        }\n        mode={mode}\n        onClick={\n          onEventClick\n            ? (e) => {\n                if (!eventResize.wasResizing()) {\n                  onEventClick(event, e);\n                }\n              }\n            : undefined\n        }\n        {...stylesApiProps}\n        style={{\n          ...stylesApiProps.styles?.event,\n          top: `${eventTop}%`,\n          height: `${eventHeight}%`,\n          insetInlineStart: `${event.position.offset}%`,\n          width: `${event.position.width}%`,\n          position: 'absolute',\n        }}\n      />\n    );\n  });\n\n  const allDayEventsCount = getVisibleEvents({\n    maxEvents: 2,\n    totalEvents: eventsData.allDayEvents.length,\n  });\n\n  const allDayEventsNodes = eventsData.allDayEvents\n    .slice(0, allDayEventsCount.visibleEventsCount)\n    .map((event) => (\n      <ScheduleEvent\n        key={event.id}\n        event={event}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        style={{ maxHeight: '50%' }}\n        nowrap\n        autoSize\n        mode={mode}\n        onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        {...stylesApiProps}\n      />\n    ));\n\n  const dayGroup = dayjs(date).format('YYYY-MM-DD');\n\n  const items = slots.map((slot, index) => {\n    const isDropTarget = dragDrop.isDropTarget(index);\n    const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);\n    const slotStart = `${dayGroup} ${slot.startTime}` as DateTimeStringValue;\n    const slotEnd = `${dayGroup} ${slot.endTime}` as DateTimeStringValue;\n    const { onClick: externalOnClick, ...externalSlotProps } =\n      getTimeSlotProps?.({ start: slotStart, end: slotEnd }) || {};\n\n    const handleClick =\n      mode === 'static'\n        ? undefined\n        : (event: React.MouseEvent<HTMLButtonElement>) => {\n            onTimeSlotClick?.({\n              slotStart,\n              slotEnd,\n              nativeEvent: event,\n            });\n            externalOnClick?.(event);\n          };\n\n    return (\n      <UnstyledButton\n        {...getStyles('dayViewSlot')}\n        key={slot.startTime}\n        ref={(node) => {\n          slotsRef.current[index] = node!;\n        }}\n        mod={{\n          first: index === 0,\n          'hour-start': slot.isHourStart,\n          ...getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n          'drop-target': isDropTarget,\n          'drag-selected': isDragSelected,\n          static: mode === 'static',\n        }}\n        __vars={{ '--slot-size': `${clampIntervalMinutes(intervalMinutes) / 60}` }}\n        aria-label={`${getLabel('timeSlot', labels)} ${slot.startTime} - ${slot.endTime}`}\n        tabIndex={mode === 'static' ? -1 : index === 0 ? 0 : -1}\n        data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? index : undefined}\n        data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? dayGroup : undefined}\n        onKeyDown={mode === 'static' ? undefined : (e) => handleSlotKeyDown(e, index)}\n        onPointerDown={\n          withDragSlotSelect && mode !== 'static'\n            ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup)\n            : undefined\n        }\n        onClick={handleClick}\n        onDragOver={withDragHandlers ? (event) => event.preventDefault() : undefined}\n        {...externalSlotProps}\n      />\n    );\n  });\n\n  const slotsLabels = slots.reduce<React.ReactNode[]>((acc, slot) => {\n    if (slot.isHourStart) {\n      const slotTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${slot.startTime}`);\n      const label = formatDate({\n        locale: ctx.getLocale(locale),\n        date: slotTime,\n        format: slotLabelFormat,\n      });\n\n      acc.push(\n        <Box\n          {...getStyles('dayViewSlotLabel')}\n          key={slot.startTime}\n          mod={getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          })}\n        >\n          {label}\n        </Box>\n      );\n    }\n    return acc;\n  }, []);\n\n  const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: 'light',\n      autoContrast: true,\n    });\n\n    const bgEventBody =\n      typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n    const bgEventProps = {\n      key: `bg-allday-${event.id}`,\n      ...getStyles('dayViewBackgroundEvent', {\n        style: { top: 0, height: '100%', width: '100%' },\n      }),\n      __vars: {\n        '--bg-event-bg': colors.background,\n        '--bg-event-color': colors.color,\n      },\n      children: bgEventBody,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return renderEvent(event, bgEventProps as any);\n    }\n\n    const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n    return <Box key={bgEventKey} {...restBgEventProps} />;\n  });\n\n  const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: 'light',\n      autoContrast: true,\n    });\n\n    const bgEventBody =\n      typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n    const bgEventProps = {\n      key: event.id,\n      ...getStyles('dayViewBackgroundEvent', {\n        style: {\n          top: `calc(${event.position.top}% + 1px)`,\n          height: `calc(${event.position.height}% - 2px)`,\n          width: '100%',\n        },\n      }),\n      __vars: {\n        '--bg-event-bg': colors.background,\n        '--bg-event-color': colors.color,\n      },\n      children: bgEventBody,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return renderEvent(event, bgEventProps as any);\n    }\n\n    const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n    return <Box key={bgEventKey} {...restBgEventProps} />;\n  });\n\n  const content = (\n    <Box\n      {...getStyles('dayView')}\n      mod={{ static: mode === 'static', 'slot-dragging': slotDragSelect.isDragging }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"day\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'day')),\n            next: () => toDateString(dayjs(date).add(1, 'day')),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            title: formatDate({ locale: ctx.getLocale(locale), date, format: headerFormat }),\n            miw: 140,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <ScrollArea.Autosize\n        scrollbarSize={4}\n        {...scrollAreaProps}\n        {...getStyles('dayViewScrollArea', {\n          className: scrollAreaProps?.className,\n          style: scrollAreaProps?.style,\n        })}\n        viewportRef={mergedViewportRef}\n      >\n        <Box {...getStyles('dayViewInner')}>\n          <div {...getStyles('dayViewSlotLabels')}>\n            {withAllDaySlot && (\n              <Box {...getStyles('dayViewSlotLabel')} mod={{ 'all-day': true }}>\n                {getLabel('allDay', labels)}\n              </Box>\n            )}\n            {slotsLabels}\n          </div>\n\n          <div {...getStyles('dayViewSlots')}>\n            {withAllDaySlot && (\n              <div {...getStyles('dayViewAllDay')}>\n                {backgroundAllDayEventNodes}\n                <div {...getStyles('dayViewAllDayEvents')}>\n                  {allDayEventsNodes}\n                  {allDayEventsCount.hiddenEventsCount > 0 && (\n                    <MoreEvents\n                      events={eventsData.allDayEvents}\n                      moreEventsCount={allDayEventsCount.hiddenEventsCount}\n                      renderEventBody={renderEventBody}\n                      renderEvent={renderEvent}\n                      mode={mode}\n                      labels={labels}\n                      onEventClick={onEventClick}\n                      {...stylesApiProps}\n                      {...moreEventsProps}\n                    />\n                  )}\n                </div>\n                <UnstyledButton\n                  {...getStyles('dayViewSlot')}\n                  mod={{ 'all-day': true, static: mode === 'static' }}\n                  aria-label={`${getLabel('timeSlot', labels)} ${getLabel('allDay', labels)}`}\n                  onClick={\n                    mode === 'static' || !onAllDaySlotClick\n                      ? undefined\n                      : (e) => {\n                          onAllDaySlotClick(dayjs(date).format('YYYY-MM-DD'), e);\n                        }\n                  }\n                />\n              </div>\n            )}\n\n            <div\n              ref={timeSlotsContainerRef}\n              {...getStyles('dayViewTimeSlots')}\n              onDragOver={\n                withDragHandlers\n                  ? (event) => {\n                      const slotIndex = getSlotIndexFromDragPoint(event);\n                      if (slotIndex !== null) {\n                        dragDrop.handleDragOver(event, slotIndex);\n                      }\n                    }\n                  : undefined\n              }\n              onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n              onDrop={\n                withDragHandlers\n                  ? (event) => {\n                      const slotIndex = getSlotIndexFromDragPoint(event);\n                      if (slotIndex !== null) {\n                        dragDrop.handleDrop(event, slotIndex);\n                      }\n                    }\n                  : undefined\n              }\n            >\n              {backgroundTimedEventNodes}\n\n              {eventsNodes}\n\n              {showCurrentTimeIndicator && (\n                <CurrentTimeIndicator\n                  startOffset=\"calc(var(--day-view-slot-labels-width) * -1)\"\n                  endOffset=\"0rem\"\n                  topOffset=\"0rem\"\n                  timeBubbleStartOffset=\"calc(var(--day-view-slot-labels-width) * -1 + 30px)\"\n                  currentTimeFormat={slotLabelFormat}\n                  withTimeBubble={withCurrentTimeBubble}\n                  withThumb={!withCurrentTimeBubble}\n                  locale={locale}\n                  startTime={startTime}\n                  endTime={endTime}\n                  intervalMinutes={intervalMinutes}\n                  getCurrentTime={getCurrentTime}\n                  {...stylesApiProps}\n                />\n              )}\n              {items}\n            </div>\n          </div>\n        </Box>\n      </ScrollArea.Autosize>\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nDayView.displayName = '@mantine/schedule/DayView';\nDayView.classes = classes;\nDayView.varsResolver = varsResolver;\n\nexport namespace DayView {\n  export type Props = DayViewProps;\n  export type Factory = DayViewFactory;\n  export type StylesNames = DayViewStylesNames;\n  export type CssVariables = DayViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"DayView.cjs","names":["getDayTimeIntervals","useSlotDragSelect","getDayViewEvents","expandRecurringEvents","useDragDropHandlers","calculateDropTime","useEventResize","isAllDayEvent","ScheduleEvent","getVisibleEvents","UnstyledButton","getBusinessHoursMod","clampIntervalMinutes","getLabel","formatDate","Box","ScheduleHeaderBase","toDateString","AgendaView","ScrollArea","MoreEvents","CurrentTimeIndicator","DragContext","classes"],"sources":["../../../src/components/DayView/DayView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  AnyDateValue,\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateDropTime,\n  clampIntervalMinutes,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayTimeIntervals,\n  getVisibleEvents,\n  isAllDayEvent,\n  toDateString,\n} from '../../utils';\nimport { AgendaView, AgendaViewStylesNames } from '../AgendaView/AgendaView';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents';\nimport {\n  RenderEvent,\n  RenderEventBody,\n  ScheduleEvent,\n  ScheduleEventStylesNames,\n} from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectStylesNames } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getDayViewEvents } from './get-day-view-events/get-day-view-events';\nimport classes from './DayView.module.css';\n\nexport type DayViewStylesNames =\n  | 'dayView'\n  | 'dayViewInner'\n  | 'dayViewScrollArea'\n  | 'dayViewAllDay'\n  | 'dayViewAllDayEvents'\n  | 'dayViewSlot'\n  | 'dayViewSlots'\n  | 'dayViewTimeSlots'\n  | 'dayViewSlotLabel'\n  | 'dayViewSlotLabels'\n  | 'dayViewBackgroundEvent'\n  | MoreEventsStylesNames\n  | ScheduleEventStylesNames\n  | Exclude<CombinedScheduleHeaderStylesNames, MonthYearSelectStylesNames>\n  | CurrentTimeIndicatorStylesNames\n  | AgendaViewStylesNames;\n\nexport type DayViewCssVariables = {\n  dayView: '--day-view-radius' | '--day-view-slot-height' | '--day-view-all-day-slot-height';\n};\n\nexport interface DayViewProps\n  extends BoxProps, StylesApiProps<DayViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Day to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | DateStringValue;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Events to display, must be a stable reference */\n  events?: ScheduleEventData[];\n\n  /** Time slots start time, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** Time slots end time in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each time slot @default 15 */\n  intervalMinutes?: number;\n\n  /** If set, grid lines are displayed for intervals smaller than one hour, for example 15 and 30 minutes intervals @default true */\n  withSubHourGridLines?: boolean;\n\n  /** If set, the all-day slot is displayed below the header @default true */\n  withAllDaySlot?: boolean;\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  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Date format in the header @default MMMM D, YYYY */\n  headerFormat?: DateLabelFormat;\n\n  /** If set, displays a line indicating the current time. By default, displayed only for the current day. */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\n  withCurrentTimeBubble?: boolean;\n\n  /** A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 44px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Props passed down to the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Props passed down to `MoreEvents` component */\n  moreEventsProps?: Partial<MoreEventsProps>;\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\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  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format @default ['09:00:00', '17:00:00'] */\n  businessHours?: [string, string];\n\n  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** 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. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n\n  /** If set, displays an Agenda button in the header that opens an agenda list view @default false */\n  withAgenda?: boolean;\n}\n\nexport type DayViewFactory = Factory<{\n  props: DayViewProps;\n  ref: HTMLDivElement;\n  stylesNames: DayViewStylesNames;\n  vars: DayViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'DayView',\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  intervalMinutes: 15,\n  withSubHourGridLines: true,\n  withAllDaySlot: true,\n  slotLabelFormat: 'HH:mm',\n  headerFormat: 'MMMM D, YYYY',\n  withCurrentTimeBubble: true,\n  withHeader: true,\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n} satisfies Partial<DayViewProps>;\n\nconst varsResolver = createVarsResolver<DayViewFactory>(\n  (_theme, { radius, slotHeight, allDaySlotHeight }) => ({\n    dayView: {\n      '--day-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--day-view-slot-height': rem(slotHeight),\n      '--day-view-all-day-slot-height': rem(allDaySlotHeight),\n    },\n  })\n);\n\nexport const DayView = factory<DayViewFactory>((_props) => {\n  const props = useProps('DayView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    __staticSelector,\n    startTime,\n    endTime,\n    intervalMinutes,\n    withSubHourGridLines,\n    withAllDaySlot,\n    date,\n    locale,\n    slotLabelFormat,\n    headerFormat,\n    getCurrentTime,\n    withCurrentTimeIndicator,\n    withCurrentTimeBubble,\n    withHeader,\n    radius,\n    onDateChange,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    slotHeight,\n    allDaySlotHeight,\n    scrollAreaProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    withAgenda,\n    ...others\n  } = props;\n\n  const [agendaOpen, setAgendaOpen] = useState(false);\n\n  const getStyles = useStyles<DayViewFactory>({\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: 'dayView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DayViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const ctx = useDatesContext();\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const showCurrentTimeIndicator =\n    withCurrentTimeIndicator ?? dayjs(date).isSame(resolveNow(), 'day');\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const slotsRef = useRef<HTMLButtonElement[]>([]);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const timeSlotsContainerRef = useRef<HTMLDivElement>(null);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current || slotsRef.current.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = slotsRef.current[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent) => {\n    const slotIndex = slotsRef.current.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      return slotIndex;\n    }\n\n    const firstSlot = slotsRef.current[0];\n    const lastSlot = slotsRef.current[slotsRef.current.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      return slotsRef.current.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, slotIndex: number) => {\n    const direction = event.key;\n    if (direction === 'ArrowDown' && slotIndex < slots.length - 1) {\n      event.preventDefault();\n      slotsRef.current[slotIndex + 1]?.focus();\n    } else if (direction === 'ArrowUp' && slotIndex > 0) {\n      event.preventDefault();\n      slotsRef.current[slotIndex - 1]?.focus();\n    }\n  };\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('day').toDate(),\n    rangeEnd: dayjs(date).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const eventsData = getDayViewEvents({\n    events: expandedEvents,\n    date,\n    startTime,\n    endTime,\n    intervalMinutes,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, slotIndex: number) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(date).format('YYYY-MM-DD');\n      onExternalEventDrop(e.dataTransfer, `${slotDate} ${slots[slotIndex].startTime}`);\n    },\n    [onExternalEventDrop, date, slots]\n  );\n\n  const dragDrop = useDragDropHandlers({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (slotIndex: number, draggedEvent: ScheduleEventData) => {\n      const slotTime = slots[slotIndex].startTime;\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: date,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const eventsNodes = eventsData.regularEvents.map((event) => {\n    const eventIsAllDay = isAllDayEvent({ event, date });\n    const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n    const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n    const resizePosition = eventResize.getResizePosition(event.id);\n    const eventTop = resizePosition ? resizePosition.top : event.position.top;\n    const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n    return (\n      <ScheduleEvent\n        event={event}\n        key={event.id}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        autoSize\n        draggable={isDraggable}\n        withResize={isResizable}\n        isResizing={resizePosition !== null}\n        onResizeStart={\n          isResizable\n            ? (edge, e) => {\n                if (timeSlotsContainerRef.current) {\n                  eventResize.handleResizeStart({\n                    event,\n                    edge,\n                    container: timeSlotsContainerRef.current,\n                    originalTop: event.position.top,\n                    originalHeight: event.position.height,\n                    eventDate: dayjs(date).format('YYYY-MM-DD'),\n                    pointerEvent: e,\n                  });\n                }\n              }\n            : undefined\n        }\n        mode={mode}\n        onClick={\n          onEventClick\n            ? (e) => {\n                if (!eventResize.wasResizing()) {\n                  onEventClick(event, e);\n                }\n              }\n            : undefined\n        }\n        {...stylesApiProps}\n        style={{\n          ...stylesApiProps.styles?.event,\n          top: `${eventTop}%`,\n          height: `${eventHeight}%`,\n          insetInlineStart: `${event.position.offset}%`,\n          width: `${event.position.width}%`,\n          position: 'absolute',\n        }}\n      />\n    );\n  });\n\n  const allDayEventsCount = getVisibleEvents({\n    maxEvents: 2,\n    totalEvents: eventsData.allDayEvents.length,\n  });\n\n  const allDayEventsNodes = eventsData.allDayEvents\n    .slice(0, allDayEventsCount.visibleEventsCount)\n    .map((event) => (\n      <ScheduleEvent\n        key={event.id}\n        event={event}\n        renderEventBody={renderEventBody}\n        renderEvent={renderEvent}\n        style={{ maxHeight: '50%' }}\n        nowrap\n        autoSize\n        mode={mode}\n        onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n        {...stylesApiProps}\n      />\n    ));\n\n  const dayGroup = dayjs(date).format('YYYY-MM-DD');\n\n  const items = slots.map((slot, index) => {\n    const isDropTarget = dragDrop.isDropTarget(index);\n    const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);\n    const slotStart = `${dayGroup} ${slot.startTime}` as DateTimeStringValue;\n    const slotEnd = `${dayGroup} ${slot.endTime}` as DateTimeStringValue;\n    const { onClick: externalOnClick, ...externalSlotProps } =\n      getTimeSlotProps?.({ start: slotStart, end: slotEnd }) || {};\n\n    const handleClick =\n      mode === 'static'\n        ? undefined\n        : (event: React.MouseEvent<HTMLButtonElement>) => {\n            onTimeSlotClick?.({\n              slotStart,\n              slotEnd,\n              nativeEvent: event,\n            });\n            externalOnClick?.(event);\n          };\n\n    return (\n      <UnstyledButton\n        {...getStyles('dayViewSlot')}\n        key={slot.startTime}\n        ref={(node) => {\n          slotsRef.current[index] = node!;\n        }}\n        mod={{\n          first: index === 0,\n          'hour-start': slot.isHourStart,\n          ...getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n          'drop-target': isDropTarget,\n          'drag-selected': isDragSelected,\n          static: mode === 'static',\n        }}\n        __vars={{ '--slot-size': `${clampIntervalMinutes(intervalMinutes) / 60}` }}\n        aria-label={`${getLabel('timeSlot', labels)} ${slot.startTime} - ${slot.endTime}`}\n        tabIndex={mode === 'static' ? -1 : index === 0 ? 0 : -1}\n        data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? index : undefined}\n        data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? dayGroup : undefined}\n        onKeyDown={mode === 'static' ? undefined : (e) => handleSlotKeyDown(e, index)}\n        onPointerDown={\n          withDragSlotSelect && mode !== 'static'\n            ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup)\n            : undefined\n        }\n        onClick={handleClick}\n        onDragOver={withDragHandlers ? (event) => event.preventDefault() : undefined}\n        {...externalSlotProps}\n      />\n    );\n  });\n\n  const slotsLabels = slots.reduce<React.ReactNode[]>((acc, slot) => {\n    if (slot.isHourStart) {\n      const slotTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${slot.startTime}`);\n      const label = formatDate({\n        locale: ctx.getLocale(locale),\n        date: slotTime,\n        format: slotLabelFormat,\n      });\n\n      acc.push(\n        <Box\n          {...getStyles('dayViewSlotLabel')}\n          key={slot.startTime}\n          mod={getBusinessHoursMod({\n            time: slot.startTime,\n            businessHours,\n            highlightBusinessHours,\n          })}\n        >\n          {label}\n        </Box>\n      );\n    }\n    return acc;\n  }, []);\n\n  const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: 'light',\n      autoContrast: true,\n    });\n\n    const bgEventBody =\n      typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n    const bgEventProps = {\n      key: `bg-allday-${event.id}`,\n      ...getStyles('dayViewBackgroundEvent', {\n        style: { top: 0, height: '100%', width: '100%' },\n      }),\n      __vars: {\n        '--bg-event-bg': colors.background,\n        '--bg-event-color': colors.color,\n      },\n      children: bgEventBody,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return renderEvent(event, bgEventProps as any);\n    }\n\n    const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n    return <Box key={bgEventKey} {...restBgEventProps} />;\n  });\n\n  const backgroundTimedEventNodes = eventsData.backgroundTimedEvents.map((event) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: 'light',\n      autoContrast: true,\n    });\n\n    const bgEventBody =\n      typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n    const bgEventProps = {\n      key: event.id,\n      ...getStyles('dayViewBackgroundEvent', {\n        style: {\n          top: `calc(${event.position.top}% + 1px)`,\n          height: `calc(${event.position.height}% - 2px)`,\n          width: '100%',\n        },\n      }),\n      __vars: {\n        '--bg-event-bg': colors.background,\n        '--bg-event-color': colors.color,\n      },\n      children: bgEventBody,\n    };\n\n    if (typeof renderEvent === 'function') {\n      return renderEvent(event, bgEventProps as any);\n    }\n\n    const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n    return <Box key={bgEventKey} {...restBgEventProps} />;\n  });\n\n  const content = (\n    <Box\n      {...getStyles('dayView')}\n      mod={{\n        static: mode === 'static',\n        'slot-dragging': slotDragSelect.isDragging,\n        'hide-sub-hour-grid-lines': !withSubHourGridLines,\n        'event-interaction': eventResize.isResizing || dragDrop.dragContextValue.isDragging,\n      }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"day\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'day')),\n            next: () => toDateString(dayjs(date).add(1, 'day')),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            title: formatDate({ locale: ctx.getLocale(locale), date, format: headerFormat }),\n            miw: 140,\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n          onAgendaClick={withAgenda ? () => setAgendaOpen((v) => !v) : undefined}\n          agendaActive={agendaOpen}\n        />\n      )}\n\n      {agendaOpen && (\n        <AgendaView\n          rangeStart={dayjs(date).startOf('day').format('YYYY-MM-DD')}\n          rangeEnd={dayjs(date).endOf('day').format('YYYY-MM-DD')}\n          events={events}\n          locale={locale}\n          labels={labels}\n          mode={mode}\n          onEventClick={onEventClick}\n          recurrenceExpansionLimit={recurrenceExpansionLimit}\n          {...stylesApiProps}\n        />\n      )}\n\n      {!agendaOpen && (\n        <ScrollArea.Autosize\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('dayViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          viewportRef={mergedViewportRef}\n        >\n          <Box {...getStyles('dayViewInner')}>\n            <div {...getStyles('dayViewSlotLabels')}>\n              {withAllDaySlot && (\n                <Box {...getStyles('dayViewSlotLabel')} mod={{ 'all-day': true }}>\n                  {getLabel('allDay', labels)}\n                </Box>\n              )}\n              {slotsLabels}\n            </div>\n\n            <div {...getStyles('dayViewSlots')}>\n              {withAllDaySlot && (\n                <div {...getStyles('dayViewAllDay')}>\n                  {backgroundAllDayEventNodes}\n                  <div {...getStyles('dayViewAllDayEvents')}>\n                    {allDayEventsNodes}\n                    {allDayEventsCount.hiddenEventsCount > 0 && (\n                      <MoreEvents\n                        events={eventsData.allDayEvents}\n                        moreEventsCount={allDayEventsCount.hiddenEventsCount}\n                        renderEventBody={renderEventBody}\n                        renderEvent={renderEvent}\n                        mode={mode}\n                        labels={labels}\n                        onEventClick={onEventClick}\n                        {...stylesApiProps}\n                        {...moreEventsProps}\n                      />\n                    )}\n                  </div>\n                  <UnstyledButton\n                    {...getStyles('dayViewSlot')}\n                    mod={{ 'all-day': true, static: mode === 'static' }}\n                    aria-label={`${getLabel('timeSlot', labels)} ${getLabel('allDay', labels)}`}\n                    onClick={\n                      mode === 'static' || !onAllDaySlotClick\n                        ? undefined\n                        : (e) => {\n                            onAllDaySlotClick(dayjs(date).format('YYYY-MM-DD'), e);\n                          }\n                    }\n                  />\n                </div>\n              )}\n\n              <div\n                ref={timeSlotsContainerRef}\n                {...getStyles('dayViewTimeSlots')}\n                onDragOver={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDragOver(event, slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n                onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n                onDrop={\n                  withDragHandlers\n                    ? (event) => {\n                        const slotIndex = getSlotIndexFromDragPoint(event);\n                        if (slotIndex !== null) {\n                          dragDrop.handleDrop(event, slotIndex);\n                        }\n                      }\n                    : undefined\n                }\n              >\n                {backgroundTimedEventNodes}\n\n                {eventsNodes}\n\n                {showCurrentTimeIndicator && (\n                  <CurrentTimeIndicator\n                    startOffset=\"calc(var(--day-view-slot-labels-width) * -1)\"\n                    endOffset=\"0rem\"\n                    topOffset=\"0rem\"\n                    timeBubbleStartOffset=\"calc(var(--day-view-slot-labels-width) * -1 + 30px)\"\n                    currentTimeFormat={slotLabelFormat}\n                    withTimeBubble={withCurrentTimeBubble}\n                    withThumb={!withCurrentTimeBubble}\n                    locale={locale}\n                    startTime={startTime}\n                    endTime={endTime}\n                    intervalMinutes={intervalMinutes}\n                    getCurrentTime={getCurrentTime}\n                    {...stylesApiProps}\n                  />\n                )}\n                {items}\n              </div>\n            </div>\n          </Box>\n        </ScrollArea.Autosize>\n      )}\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nDayView.displayName = '@mantine/schedule/DayView';\nDayView.classes = classes;\nDayView.varsResolver = varsResolver;\n\nexport namespace DayView {\n  export type Props = DayViewProps;\n  export type Factory = DayViewFactory;\n  export type StylesNames = DayViewStylesNames;\n  export type CssVariables = DayViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/DayView/DayView.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DayView.module.cjs","names":[],"sources":["../../../src/components/DayView/DayView.module.css"],"sourcesContent":[".dayView {\n  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */\n  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */\n  --day-view-slot-labels-width: 80px;\n  --day-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  @mixin where-light {\n    --day-view-border-color: var(--mantine-color-gray-3);\n    --day-view-business-hours-bg: var(--mantine-color-white);\n    --day-view-non-business-hours-bg: var(--mantine-color-gray-0);\n  }\n\n  @mixin where-dark {\n    --day-view-border-color: var(--mantine-color-dark-4);\n    --day-view-business-hours-bg: var(--mantine-color-dark-7);\n    --day-view-non-business-hours-bg: var(--mantine-color-dark-6);\n  }\n}\n\n.dayViewHeader {\n  text-transform: capitalize;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n}\n\n.dayViewScrollArea {\n  border: 1px solid var(--day-view-border-color);\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  :where(:global(.mantine-ScrollArea-scrollbar)) {\n    z-index: 4;\n  }\n}\n\n.dayViewInner {\n  display: flex;\n}\n\n.dayViewTimeSlots {\n  position: relative;\n\n  &:where(:first-of-type) .dayViewSlot:where([data-first]) {\n    border-top-color: transparent;\n  }\n}\n\n.dayViewSlotLabels {\n  width: var(--day-view-slot-labels-width);\n}\n\n.dayViewSlotLabel {\n  height: var(--slot-height);\n  border-top: 1px solid var(--day-view-border-color);\n  font-size: var(--mantine-font-size-sm);\n  text-align: right;\n  padding: 4px 8px;\n  font-variant-numeric: tabular-nums;\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where(:first-of-type) {\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\n  }\n}\n\n.dayViewSlots {\n  flex: 1;\n}\n\n.dayViewSlot {\n  display: block;\n  width: 100%;\n  border-top: 1px dotted var(--day-view-border-color);\n  height: calc(var(--slot-height) * var(--slot-size));\n  position: relative;\n\n  &:where(:focus) {\n    z-index: 1;\n  }\n\n  &:where([data-hour-start]) {\n    border-top: 1px solid var(--day-view-border-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\n  }\n\n  &:where([data-drop-target]) {\n    @mixin where-light {\n      background-color: var(--mantine-color-blue-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n      border-radius: 2px;\n\n      @mixin where-light {\n        border-color: var(--mantine-color-blue-4);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-color-blue-6);\n      }\n    }\n  }\n\n  &:where([data-drag-selected]) {\n    &,\n    &:hover {\n      background-color: var(--mantine-primary-color-light);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n\n      @mixin where-light {\n        border-color: var(--mantine-primary-color-2);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-primary-color-9);\n      }\n    }\n  }\n\n  &:where([data-drag-slot-index]) {\n    touch-action: none;\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.dayViewBackgroundEvent {\n  position: absolute;\n  border-radius: 0;\n  pointer-events: none;\n  z-index: 2;\n  background-color: var(--bg-event-bg);\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  padding: 3px 4px;\n  color: var(--bg-event-color);\n}\n\n.dayViewAllDay {\n  position: relative;\n  height: var(--all-day-slot-height);\n}\n\n.dayViewAllDayEvents {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}
+{"version":3,"file":"DayView.module.cjs","names":[],"sources":["../../../src/components/DayView/DayView.module.css"],"sourcesContent":[".dayView {\n  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */\n  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */\n  --day-view-slot-labels-width: 80px;\n  --day-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  @mixin where-light {\n    --day-view-border-color: var(--mantine-color-gray-3);\n    --day-view-business-hours-bg: var(--mantine-color-white);\n    --day-view-non-business-hours-bg: var(--mantine-color-gray-0);\n  }\n\n  @mixin where-dark {\n    --day-view-border-color: var(--mantine-color-dark-4);\n    --day-view-business-hours-bg: var(--mantine-color-dark-7);\n    --day-view-non-business-hours-bg: var(--mantine-color-dark-6);\n  }\n}\n\n.dayViewHeader {\n  text-transform: capitalize;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n}\n\n.dayViewScrollArea {\n  border: 1px solid var(--day-view-border-color);\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  :where(:global(.mantine-ScrollArea-scrollbar)) {\n    z-index: 4;\n  }\n}\n\n.dayViewInner {\n  display: flex;\n}\n\n.dayViewTimeSlots {\n  position: relative;\n\n  &:where(:first-of-type) .dayViewSlot:where([data-first]) {\n    border-top-color: transparent;\n  }\n}\n\n.dayViewSlotLabels {\n  width: var(--day-view-slot-labels-width);\n}\n\n.dayViewSlotLabel {\n  height: var(--slot-height);\n  border-top: 1px solid var(--day-view-border-color);\n  font-size: var(--mantine-font-size-sm);\n  text-align: right;\n  padding: 4px 8px;\n  font-variant-numeric: tabular-nums;\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where(:first-of-type) {\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\n  }\n}\n\n.dayViewSlots {\n  flex: 1;\n}\n\n.dayViewSlot {\n  display: block;\n  width: 100%;\n  border-top: 1px dotted var(--day-view-border-color);\n  height: calc(var(--slot-height) * var(--slot-size));\n  position: relative;\n\n  &:where(:focus) {\n    z-index: 1;\n  }\n\n  &:where([data-hour-start]) {\n    border-top: 1px solid var(--day-view-border-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\n  }\n\n  &:where([data-drop-target]) {\n    @mixin where-light {\n      background-color: var(--mantine-color-blue-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n      border-radius: 2px;\n\n      @mixin where-light {\n        border-color: var(--mantine-color-blue-4);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-color-blue-6);\n      }\n    }\n  }\n\n  &:where([data-drag-selected]) {\n    &,\n    &:hover {\n      background-color: var(--mantine-primary-color-light);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n\n      @mixin where-light {\n        border-color: var(--mantine-primary-color-2);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-primary-color-9);\n      }\n    }\n  }\n\n  &:where([data-drag-slot-index]) {\n    touch-action: none;\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.dayView:where([data-hide-sub-hour-grid-lines]) .dayViewSlot:not([data-hour-start]) {\n  border-top-color: transparent;\n}\n\n.dayView:where([data-event-interaction]) .dayViewSlot:not([data-all-day]) {\n  pointer-events: none;\n}\n\n.dayViewBackgroundEvent {\n  position: absolute;\n  border-radius: 0;\n  pointer-events: none;\n  z-index: 2;\n  background-color: var(--bg-event-bg);\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  padding: 3px 4px;\n  color: var(--bg-event-color);\n}\n\n.dayViewAllDay {\n  position: relative;\n  height: var(--all-day-slot-height);\n}\n\n.dayViewAllDayEvents {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}

package/cjs/components/DayView/get-day-view-events/get-day-positioned-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-day-positioned-events.cjs","names":["isAllDayEvent","isEventsOverlap","sortEvents","getDayPosition"],"sources":["../../../../src/components/DayView/get-day-view-events/get-day-positioned-events.ts"],"sourcesContent":["import { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';\nimport { getDayPosition, isAllDayEvent, isEventsOverlap, sortEvents } from '../../../utils';\n\ninterface ColumnHasConflictOptions {\n  columns: ScheduleEventData[][];\n  columnIndex: number;\n  event: ScheduleEventData;\n  allDay: boolean;\n  date: AnyDateValue;\n}\n\nfunction columnHasConflict({\n  columns,\n  columnIndex,\n  event,\n  allDay,\n  date,\n}: ColumnHasConflictOptions): boolean {\n  if (!columns[columnIndex]) {\n    return false;\n  }\n\n  return columns[columnIndex].some((e) => {\n    const eAllDay = isAllDayEvent({ event: e, date });\n    const hasTimeConflict = isEventsOverlap(e, event);\n\n    // Don't count all-day events as overlaps\n    if (allDay || eAllDay) {\n      return false;\n    }\n\n    return hasTimeConflict;\n  });\n}\n\ninterface GetDayPositionedEventsInput {\n  /** Date at which events are positioned, used to check if events are all-day */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given date, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** Start time of the day view, used to calculate event positions */\n  startTime?: string;\n\n  /** End time of the day view, used to calculate event positions */\n  endTime?: string;\n\n  /** Number of minutes per time slot, used to align the canvas to whole slots */\n  intervalMinutes?: number;\n}\n\nexport function getDayPositionedEvents({\n  events,\n  startTime,\n  endTime,\n  intervalMinutes,\n  date,\n}: GetDayPositionedEventsInput) {\n  const columns: ScheduleEventData[][] = [];\n  const positioned: DayPositionedEventData[] = [];\n\n  const sorted = sortEvents(events);\n\n  for (const event of sorted) {\n    const allDay = isAllDayEvent({ event, date });\n\n    let column = 0;\n\n    while (columnHasConflict({ columns, columnIndex: column, event, allDay, date })) {\n      column++;\n    }\n\n    if (!columns[column]) {\n      columns[column] = [];\n    }\n\n    columns[column].push(event);\n\n    const verticalPosition = allDay\n      ? { top: 0, height: 100 }\n      : getDayPosition({ event, startTime, endTime, intervalMinutes });\n\n    positioned.push({\n      ...event,\n      position: {\n        ...verticalPosition,\n        allDay,\n        column,\n\n        // set later\n        width: 0,\n        offset: 0,\n        overlaps: 0,\n      },\n    });\n  }\n  for (const positionedEvent of positioned) {\n    const { allDay, column } = positionedEvent.position;\n\n    if (allDay) {\n      positionedEvent.position.overlaps = 1;\n      positionedEvent.position.width = 100;\n      positionedEvent.position.offset = 0;\n      continue;\n    }\n\n    // Find events that directly overlap with this event\n    const directlyOverlapping: DayPositionedEventData[] = [];\n\n    for (const otherEvent of positioned) {\n      if (otherEvent === positionedEvent || otherEvent.position.allDay) {\n        continue;\n      }\n\n      if (isEventsOverlap(otherEvent, positionedEvent)) {\n        directlyOverlapping.push(otherEvent);\n      }\n    }\n\n    // Find the max column by also checking overlaps of overlapping events\n    // This ensures we account for the full column group\n    let maxColumn = column;\n\n    for (const overlappingEvent of directlyOverlapping) {\n      maxColumn = Math.max(maxColumn, overlappingEvent.position.column);\n\n      // Check what overlaps with each overlapping event\n      for (const otherEvent of positioned) {\n        if (otherEvent === overlappingEvent || otherEvent.position.allDay) {\n          continue;\n        }\n\n        if (isEventsOverlap(otherEvent, overlappingEvent)) {\n          maxColumn = Math.max(maxColumn, otherEvent.position.column);\n        }\n      }\n    }\n\n    const totalColumns = maxColumn + 1;\n\n    // Find the first occupied column to the right of this event\n    // Events expand to fill empty columns but stop at the next occupied column\n    let nextOccupiedColumn = totalColumns;\n\n    for (const other of directlyOverlapping) {\n      if (other.position.column > column && other.position.column < nextOccupiedColumn) {\n        nextOccupiedColumn = other.position.column;\n      }\n    }\n\n    const columnsSpanned = nextOccupiedColumn - column;\n\n    positionedEvent.position.overlaps = totalColumns;\n    positionedEvent.position.width = (columnsSpanned / totalColumns) * 100;\n    positionedEvent.position.offset = (column * 100) / totalColumns;\n  }\n\n  return positioned;\n}\n"],"mappings":";;;;;;AAWA,SAAS,kBAAkB,EACzB,SACA,aACA,OACA,QACA,QACoC;CACpC,IAAI,CAAC,QAAQ,cACX,OAAO;CAGT,OAAO,QAAQ,aAAa,MAAM,MAAM;EACtC,MAAM,UAAUA,yBAAAA,cAAc;GAAE,OAAO;GAAG;EAAK,CAAC;EAChD,MAAM,kBAAkBC,0BAAAA,gBAAgB,GAAG,KAAK;EAGhD,IAAI,UAAU,SACZ,OAAO;EAGT,OAAO;CACT,CAAC;AACH;AAmBA,SAAgB,uBAAuB,EACrC,QACA,WACA,SACA,iBACA,QAC8B;CAC9B,MAAM,UAAiC,CAAC;CACxC,MAAM,aAAuC,CAAC;CAE9C,MAAM,SAASC,oBAAAA,WAAW,MAAM;CAEhC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,SAASF,yBAAAA,cAAc;GAAE;GAAO;EAAK,CAAC;EAE5C,IAAI,SAAS;EAEb,OAAO,kBAAkB;GAAE;GAAS,aAAa;GAAQ;GAAO;GAAQ;EAAK,CAAC,GAC5E;EAGF,IAAI,CAAC,QAAQ,SACX,QAAQ,UAAU,CAAC;EAGrB,QAAQ,QAAQ,KAAK,KAAK;EAE1B,MAAM,mBAAmB,SACrB;GAAE,KAAK;GAAG,QAAQ;EAAI,IACtBG,yBAAAA,eAAe;GAAE;GAAO;GAAW;GAAS;EAAgB,CAAC;EAEjE,WAAW,KAAK;GACd,GAAG;GACH,UAAU;IACR,GAAG;IACH;IACA;IAGA,OAAO;IACP,QAAQ;IACR,UAAU;GACZ;EACF,CAAC;CACH;CACA,KAAK,MAAM,mBAAmB,YAAY;EACxC,MAAM,EAAE,QAAQ,WAAW,gBAAgB;EAE3C,IAAI,QAAQ;GACV,gBAAgB,SAAS,WAAW;GACpC,gBAAgB,SAAS,QAAQ;GACjC,gBAAgB,SAAS,SAAS;GAClC;EACF;EAGA,MAAM,sBAAgD,CAAC;EAEvD,KAAK,MAAM,cAAc,YAAY;GACnC,IAAI,eAAe,mBAAmB,WAAW,SAAS,QACxD;GAGF,IAAIF,0BAAAA,gBAAgB,YAAY,eAAe,GAC7C,oBAAoB,KAAK,UAAU;EAEvC;EAIA,IAAI,YAAY;EAEhB,KAAK,MAAM,oBAAoB,qBAAqB;GAClD,YAAY,KAAK,IAAI,WAAW,iBAAiB,SAAS,MAAM;GAGhE,KAAK,MAAM,cAAc,YAAY;IACnC,IAAI,eAAe,oBAAoB,WAAW,SAAS,QACzD;IAGF,IAAIA,0BAAAA,gBAAgB,YAAY,gBAAgB,GAC9C,YAAY,KAAK,IAAI,WAAW,WAAW,SAAS,MAAM;GAE9D;EACF;EAEA,MAAM,eAAe,YAAY;EAIjC,IAAI,qBAAqB;EAEzB,KAAK,MAAM,SAAS,qBAClB,IAAI,MAAM,SAAS,SAAS,UAAU,MAAM,SAAS,SAAS,oBAC5D,qBAAqB,MAAM,SAAS;EAIxC,MAAM,iBAAiB,qBAAqB;EAE5C,gBAAgB,SAAS,WAAW;EACpC,gBAAgB,SAAS,QAAS,iBAAiB,eAAgB;EACnE,gBAAgB,SAAS,SAAU,SAAS,MAAO;CACrD;CAEA,OAAO;AACT"}
+{"version":3,"file":"get-day-positioned-events.cjs","names":["isAllDayEvent","isEventsOverlap","sortEvents","getDayPosition"],"sources":["../../../../src/components/DayView/get-day-view-events/get-day-positioned-events.ts"],"sourcesContent":["import { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';\nimport { getDayPosition, isAllDayEvent, isEventsOverlap, sortEvents } from '../../../utils';\n\ninterface ColumnHasConflictOptions {\n  columns: ScheduleEventData[][];\n  columnIndex: number;\n  event: ScheduleEventData;\n  allDay: boolean;\n  date: AnyDateValue;\n}\n\nfunction columnHasConflict({\n  columns,\n  columnIndex,\n  event,\n  allDay,\n  date,\n}: ColumnHasConflictOptions): boolean {\n  if (!columns[columnIndex]) {\n    return false;\n  }\n\n  return columns[columnIndex].some((e) => {\n    const eAllDay = isAllDayEvent({ event: e, date });\n    const hasTimeConflict = isEventsOverlap(e, event);\n\n    // Don't count all-day events as overlaps\n    if (allDay || eAllDay) {\n      return false;\n    }\n\n    return hasTimeConflict;\n  });\n}\n\ninterface GetDayPositionedEventsInput {\n  /** Date at which events are positioned, used to check if events are all-day */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given date, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** Start time of the day view, used to calculate event positions */\n  startTime?: string;\n\n  /** End time of the day view, used to calculate event positions */\n  endTime?: string;\n\n  /** Number of minutes per time slot, used to align the canvas to whole slots */\n  intervalMinutes?: number;\n}\n\nexport function getDayPositionedEvents({\n  events,\n  startTime,\n  endTime,\n  intervalMinutes,\n  date,\n}: GetDayPositionedEventsInput) {\n  const columns: ScheduleEventData[][] = [];\n  const positioned: DayPositionedEventData[] = [];\n\n  const sorted = sortEvents(events);\n\n  for (const event of sorted) {\n    const allDay = isAllDayEvent({ event, date });\n\n    let column = 0;\n\n    while (columnHasConflict({ columns, columnIndex: column, event, allDay, date })) {\n      column++;\n    }\n\n    if (!columns[column]) {\n      columns[column] = [];\n    }\n\n    columns[column].push(event);\n\n    const verticalPosition = allDay\n      ? { top: 0, height: 100 }\n      : getDayPosition({ event, startTime, endTime, intervalMinutes });\n\n    positioned.push({\n      ...event,\n      position: {\n        ...verticalPosition,\n        allDay,\n        column,\n\n        // set later\n        width: 0,\n        offset: 0,\n        overlaps: 0,\n      },\n    });\n  }\n  for (const positionedEvent of positioned) {\n    const { allDay, column } = positionedEvent.position;\n\n    if (allDay) {\n      positionedEvent.position.overlaps = 1;\n      positionedEvent.position.width = 100;\n      positionedEvent.position.offset = 0;\n      continue;\n    }\n\n    // Find events that directly overlap with this event\n    const directlyOverlapping: DayPositionedEventData[] = [];\n\n    for (const otherEvent of positioned) {\n      if (otherEvent === positionedEvent || otherEvent.position.allDay) {\n        continue;\n      }\n\n      if (isEventsOverlap(otherEvent, positionedEvent)) {\n        directlyOverlapping.push(otherEvent);\n      }\n    }\n\n    // Find the max column by also checking overlaps of overlapping events\n    // This ensures we account for the full column group\n    let maxColumn = column;\n\n    for (const overlappingEvent of directlyOverlapping) {\n      maxColumn = Math.max(maxColumn, overlappingEvent.position.column);\n\n      // Check what overlaps with each overlapping event\n      for (const otherEvent of positioned) {\n        if (otherEvent === overlappingEvent || otherEvent.position.allDay) {\n          continue;\n        }\n\n        if (isEventsOverlap(otherEvent, overlappingEvent)) {\n          maxColumn = Math.max(maxColumn, otherEvent.position.column);\n        }\n      }\n    }\n\n    const totalColumns = maxColumn + 1;\n\n    // Find the first occupied column to the right of this event\n    // Events expand to fill empty columns but stop at the next occupied column\n    let nextOccupiedColumn = totalColumns;\n\n    for (const other of directlyOverlapping) {\n      if (other.position.column > column && other.position.column < nextOccupiedColumn) {\n        nextOccupiedColumn = other.position.column;\n      }\n    }\n\n    const columnsSpanned = nextOccupiedColumn - column;\n\n    positionedEvent.position.overlaps = totalColumns;\n    positionedEvent.position.width = (columnsSpanned / totalColumns) * 100;\n    positionedEvent.position.offset = (column * 100) / totalColumns;\n  }\n\n  return positioned;\n}\n"],"mappings":";;;;;;AAWA,SAAS,kBAAkB,EACzB,SACA,aACA,OACA,QACA,QACoC;CACpC,IAAI,CAAC,QAAQ,cACX,OAAO;CAGT,OAAO,QAAQ,YAAY,CAAC,MAAM,MAAM;EACtC,MAAM,UAAUA,yBAAAA,cAAc;GAAE,OAAO;GAAG;EAAK,CAAC;EAChD,MAAM,kBAAkBC,0BAAAA,gBAAgB,GAAG,KAAK;EAGhD,IAAI,UAAU,SACZ,OAAO;EAGT,OAAO;CACT,CAAC;AACH;AAmBA,SAAgB,uBAAuB,EACrC,QACA,WACA,SACA,iBACA,QAC8B;CAC9B,MAAM,UAAiC,CAAC;CACxC,MAAM,aAAuC,CAAC;CAE9C,MAAM,SAASC,oBAAAA,WAAW,MAAM;CAEhC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,SAASF,yBAAAA,cAAc;GAAE;GAAO;EAAK,CAAC;EAE5C,IAAI,SAAS;EAEb,OAAO,kBAAkB;GAAE;GAAS,aAAa;GAAQ;GAAO;GAAQ;EAAK,CAAC,GAC5E;EAGF,IAAI,CAAC,QAAQ,SACX,QAAQ,UAAU,CAAC;EAGrB,QAAQ,OAAO,CAAC,KAAK,KAAK;EAE1B,MAAM,mBAAmB,SACrB;GAAE,KAAK;GAAG,QAAQ;EAAI,IACtBG,yBAAAA,eAAe;GAAE;GAAO;GAAW;GAAS;EAAgB,CAAC;EAEjE,WAAW,KAAK;GACd,GAAG;GACH,UAAU;IACR,GAAG;IACH;IACA;IAGA,OAAO;IACP,QAAQ;IACR,UAAU;GACZ;EACF,CAAC;CACH;CACA,KAAK,MAAM,mBAAmB,YAAY;EACxC,MAAM,EAAE,QAAQ,WAAW,gBAAgB;EAE3C,IAAI,QAAQ;GACV,gBAAgB,SAAS,WAAW;GACpC,gBAAgB,SAAS,QAAQ;GACjC,gBAAgB,SAAS,SAAS;GAClC;EACF;EAGA,MAAM,sBAAgD,CAAC;EAEvD,KAAK,MAAM,cAAc,YAAY;GACnC,IAAI,eAAe,mBAAmB,WAAW,SAAS,QACxD;GAGF,IAAIF,0BAAAA,gBAAgB,YAAY,eAAe,GAC7C,oBAAoB,KAAK,UAAU;EAEvC;EAIA,IAAI,YAAY;EAEhB,KAAK,MAAM,oBAAoB,qBAAqB;GAClD,YAAY,KAAK,IAAI,WAAW,iBAAiB,SAAS,MAAM;GAGhE,KAAK,MAAM,cAAc,YAAY;IACnC,IAAI,eAAe,oBAAoB,WAAW,SAAS,QACzD;IAGF,IAAIA,0BAAAA,gBAAgB,YAAY,gBAAgB,GAC9C,YAAY,KAAK,IAAI,WAAW,WAAW,SAAS,MAAM;GAE9D;EACF;EAEA,MAAM,eAAe,YAAY;EAIjC,IAAI,qBAAqB;EAEzB,KAAK,MAAM,SAAS,qBAClB,IAAI,MAAM,SAAS,SAAS,UAAU,MAAM,SAAS,SAAS,oBAC5D,qBAAqB,MAAM,SAAS;EAIxC,MAAM,iBAAiB,qBAAqB;EAE5C,gBAAgB,SAAS,WAAW;EACpC,gBAAgB,SAAS,QAAS,iBAAiB,eAAgB;EACnE,gBAAgB,SAAS,SAAU,SAAS,MAAO;CACrD;CAEA,OAAO;AACT"}

package/cjs/components/DayView/get-day-view-events/get-day-view-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-day-view-events.cjs","names":["isEventInTimeRange","validateEvent","getDayPositionedEvents","isAllDayEvent","getDayPosition"],"sources":["../../../../src/components/DayView/get-day-view-events/get-day-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';\nimport { getDayPosition, isAllDayEvent, isEventInTimeRange, validateEvent } from '../../../utils';\nimport { getDayPositionedEvents } from './get-day-positioned-events';\n\ninterface GetDayViewEventsInput {\n  events: ScheduleEventData[] | undefined;\n  date: AnyDateValue;\n  startTime?: string;\n  endTime?: string;\n  intervalMinutes?: number;\n}\n\nexport function getDayViewEvents({\n  events,\n  date,\n  startTime,\n  endTime,\n  intervalMinutes,\n}: GetDayViewEventsInput) {\n  if (events === undefined) {\n    return {\n      allDayEvents: [],\n      regularEvents: [],\n      backgroundTimedEvents: [],\n      backgroundAllDayEvents: [],\n    };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n  const backgroundFiltered: ScheduleEventData[] = [];\n  const dayStart = dayjs(date).startOf('day');\n  const dayEnd = dayjs(date).endOf('day');\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start);\n    const eventEnd = dayjs(event.end);\n    const isOnDay = eventStart.isSame(dayStart, 'day');\n    const spansIntoDay =\n      !isOnDay &&\n      event.display === 'background' &&\n      eventStart.isBefore(dayEnd) &&\n      eventEnd.isAfter(dayStart);\n\n    if (isOnDay || spansIntoDay) {\n      if (isOnDay && !isEventInTimeRange({ event, startTime, endTime })) {\n        continue;\n      }\n\n      const validated = validateEvent(event);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] DayView: Duplicated event ids found: ${event.id}`);\n      }\n\n      if (event.display === 'background') {\n        backgroundFiltered.push(validated);\n      } else {\n        filteredEvents.push(validated);\n      }\n    }\n  }\n\n  const positionedEvents = getDayPositionedEvents({\n    events: filteredEvents,\n    startTime,\n    endTime,\n    intervalMinutes,\n    date,\n  });\n\n  const allDayEvents: DayPositionedEventData[] = [];\n  const regularEvents: DayPositionedEventData[] = [];\n\n  for (const event of positionedEvents) {\n    if (event.position.allDay) {\n      allDayEvents.push(event);\n    } else {\n      regularEvents.push(event);\n    }\n  }\n\n  const backgroundTimedEvents: DayPositionedEventData[] = [];\n  const backgroundAllDayEvents: DayPositionedEventData[] = [];\n  for (const event of backgroundFiltered) {\n    const eventStart = dayjs(event.start);\n    const eventEnd = dayjs(event.end);\n    const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;\n    const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;\n\n    const clippedEvent = {\n      ...event,\n      start: clippedStart.format('YYYY-MM-DD HH:mm:ss'),\n      end: clippedEnd.format('YYYY-MM-DD HH:mm:ss'),\n    };\n\n    const allDay = isAllDayEvent({ event: clippedEvent, date });\n\n    if (allDay) {\n      backgroundAllDayEvents.push({\n        ...event,\n        position: {\n          top: 0,\n          height: 100,\n          allDay: true,\n          width: 100,\n          offset: 0,\n          column: 0,\n          overlaps: 1,\n        },\n      });\n    } else {\n      const { top, height } = getDayPosition({\n        event: clippedEvent,\n        startTime,\n        endTime,\n        intervalMinutes,\n      });\n      if (height <= 0) {\n        continue;\n      }\n      backgroundTimedEvents.push({\n        ...event,\n        position: { top, height, allDay: false, width: 100, offset: 0, column: 0, overlaps: 1 },\n      });\n    }\n  }\n\n  return { allDayEvents, regularEvents, backgroundTimedEvents, backgroundAllDayEvents };\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,WACA,SACA,mBACwB;CACxB,IAAI,WAAW,KAAA,GACb,OAAO;EACL,cAAc,CAAC;EACf,eAAe,CAAC;EAChB,uBAAuB,CAAC;EACxB,wBAAwB,CAAC;CAC3B;CAGF,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAC7C,MAAM,qBAA0C,CAAC;CACjD,MAAM,YAAA,GAAA,MAAA,SAAiB,IAAI,EAAE,QAAQ,KAAK;CAC1C,MAAM,UAAA,GAAA,MAAA,SAAe,IAAI,EAAE,MAAM,KAAK;CAEtC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,cAAA,GAAA,MAAA,SAAmB,MAAM,KAAK;EACpC,MAAM,YAAA,GAAA,MAAA,SAAiB,MAAM,GAAG;EAChC,MAAM,UAAU,WAAW,OAAO,UAAU,KAAK;EACjD,MAAM,eACJ,CAAC,WACD,MAAM,YAAY,gBAClB,WAAW,SAAS,MAAM,KAC1B,SAAS,QAAQ,QAAQ;EAE3B,IAAI,WAAW,cAAc;GAC3B,IAAI,WAAW,CAACA,+BAAAA,mBAAmB;IAAE;IAAO;IAAW;GAAQ,CAAC,GAC9D;GAGF,MAAM,YAAYC,uBAAAA,cAAc,KAAK;GAErC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MAAM,4DAA4D,MAAM,IAAI;GAGxF,IAAI,MAAM,YAAY,cACpB,mBAAmB,KAAK,SAAS;QAEjC,eAAe,KAAK,SAAS;EAEjC;CACF;CAEA,MAAM,mBAAmBC,kCAAAA,uBAAuB;EAC9C,QAAQ;EACR;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAyC,CAAC;CAChD,MAAM,gBAA0C,CAAC;CAEjD,KAAK,MAAM,SAAS,kBAClB,IAAI,MAAM,SAAS,QACjB,aAAa,KAAK,KAAK;MAEvB,cAAc,KAAK,KAAK;CAI5B,MAAM,wBAAkD,CAAC;CACzD,MAAM,yBAAmD,CAAC;CAC1D,KAAK,MAAM,SAAS,oBAAoB;EACtC,MAAM,cAAA,GAAA,MAAA,SAAmB,MAAM,KAAK;EACpC,MAAM,YAAA,GAAA,MAAA,SAAiB,MAAM,GAAG;EAChC,MAAM,eAAe,WAAW,SAAS,QAAQ,IAAI,WAAW;EAChE,MAAM,aAAa,SAAS,QAAQ,MAAM,IAAI,SAAS;EAEvD,MAAM,eAAe;GACnB,GAAG;GACH,OAAO,aAAa,OAAO,qBAAqB;GAChD,KAAK,WAAW,OAAO,qBAAqB;EAC9C;EAIA,IAFeC,yBAAAA,cAAc;GAAE,OAAO;GAAc;EAAK,CAEhD,GACP,uBAAuB,KAAK;GAC1B,GAAG;GACH,UAAU;IACR,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,UAAU;GACZ;EACF,CAAC;OACI;GACL,MAAM,EAAE,KAAK,WAAWC,yBAAAA,eAAe;IACrC,OAAO;IACP;IACA;IACA;GACF,CAAC;GACD,IAAI,UAAU,GACZ;GAEF,sBAAsB,KAAK;IACzB,GAAG;IACH,UAAU;KAAE;KAAK;KAAQ,QAAQ;KAAO,OAAO;KAAK,QAAQ;KAAG,QAAQ;KAAG,UAAU;IAAE;GACxF,CAAC;EACH;CACF;CAEA,OAAO;EAAE;EAAc;EAAe;EAAuB;CAAuB;AACtF"}
+{"version":3,"file":"get-day-view-events.cjs","names":["isEventInTimeRange","validateEvent","getDayPositionedEvents","isAllDayEvent","getDayPosition"],"sources":["../../../../src/components/DayView/get-day-view-events/get-day-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayPositionedEventData, ScheduleEventData } from '../../../types';\nimport { getDayPosition, isAllDayEvent, isEventInTimeRange, validateEvent } from '../../../utils';\nimport { getDayPositionedEvents } from './get-day-positioned-events';\n\ninterface GetDayViewEventsInput {\n  events: ScheduleEventData[] | undefined;\n  date: AnyDateValue;\n  startTime?: string;\n  endTime?: string;\n  intervalMinutes?: number;\n}\n\nexport function getDayViewEvents({\n  events,\n  date,\n  startTime,\n  endTime,\n  intervalMinutes,\n}: GetDayViewEventsInput) {\n  if (events === undefined) {\n    return {\n      allDayEvents: [],\n      regularEvents: [],\n      backgroundTimedEvents: [],\n      backgroundAllDayEvents: [],\n    };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n  const backgroundFiltered: ScheduleEventData[] = [];\n  const dayStart = dayjs(date).startOf('day');\n  const dayEnd = dayjs(date).endOf('day');\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start);\n    const eventEnd = dayjs(event.end);\n    const isOnDay = eventStart.isSame(dayStart, 'day');\n    const spansIntoDay =\n      !isOnDay &&\n      event.display === 'background' &&\n      eventStart.isBefore(dayEnd) &&\n      eventEnd.isAfter(dayStart);\n\n    if (isOnDay || spansIntoDay) {\n      if (isOnDay && !isEventInTimeRange({ event, startTime, endTime })) {\n        continue;\n      }\n\n      const validated = validateEvent(event);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] DayView: Duplicated event ids found: ${event.id}`);\n      }\n\n      if (event.display === 'background') {\n        backgroundFiltered.push(validated);\n      } else {\n        filteredEvents.push(validated);\n      }\n    }\n  }\n\n  const positionedEvents = getDayPositionedEvents({\n    events: filteredEvents,\n    startTime,\n    endTime,\n    intervalMinutes,\n    date,\n  });\n\n  const allDayEvents: DayPositionedEventData[] = [];\n  const regularEvents: DayPositionedEventData[] = [];\n\n  for (const event of positionedEvents) {\n    if (event.position.allDay) {\n      allDayEvents.push(event);\n    } else {\n      regularEvents.push(event);\n    }\n  }\n\n  const backgroundTimedEvents: DayPositionedEventData[] = [];\n  const backgroundAllDayEvents: DayPositionedEventData[] = [];\n  for (const event of backgroundFiltered) {\n    const eventStart = dayjs(event.start);\n    const eventEnd = dayjs(event.end);\n    const clippedStart = eventStart.isBefore(dayStart) ? dayStart : eventStart;\n    const clippedEnd = eventEnd.isAfter(dayEnd) ? dayEnd : eventEnd;\n\n    const clippedEvent = {\n      ...event,\n      start: clippedStart.format('YYYY-MM-DD HH:mm:ss'),\n      end: clippedEnd.format('YYYY-MM-DD HH:mm:ss'),\n    };\n\n    const allDay = isAllDayEvent({ event: clippedEvent, date });\n\n    if (allDay) {\n      backgroundAllDayEvents.push({\n        ...event,\n        position: {\n          top: 0,\n          height: 100,\n          allDay: true,\n          width: 100,\n          offset: 0,\n          column: 0,\n          overlaps: 1,\n        },\n      });\n    } else {\n      const { top, height } = getDayPosition({\n        event: clippedEvent,\n        startTime,\n        endTime,\n        intervalMinutes,\n      });\n      if (height <= 0) {\n        continue;\n      }\n      backgroundTimedEvents.push({\n        ...event,\n        position: { top, height, allDay: false, width: 100, offset: 0, column: 0, overlaps: 1 },\n      });\n    }\n  }\n\n  return { allDayEvents, regularEvents, backgroundTimedEvents, backgroundAllDayEvents };\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,WACA,SACA,mBACwB;CACxB,IAAI,WAAW,KAAA,GACb,OAAO;EACL,cAAc,CAAC;EACf,eAAe,CAAC;EAChB,uBAAuB,CAAC;EACxB,wBAAwB,CAAC;CAC3B;CAGF,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAC7C,MAAM,qBAA0C,CAAC;CACjD,MAAM,YAAA,GAAA,MAAA,QAAA,CAAiB,IAAI,CAAC,CAAC,QAAQ,KAAK;CAC1C,MAAM,UAAA,GAAA,MAAA,QAAA,CAAe,IAAI,CAAC,CAAC,MAAM,KAAK;CAEtC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,cAAA,GAAA,MAAA,QAAA,CAAmB,MAAM,KAAK;EACpC,MAAM,YAAA,GAAA,MAAA,QAAA,CAAiB,MAAM,GAAG;EAChC,MAAM,UAAU,WAAW,OAAO,UAAU,KAAK;EACjD,MAAM,eACJ,CAAC,WACD,MAAM,YAAY,gBAClB,WAAW,SAAS,MAAM,KAC1B,SAAS,QAAQ,QAAQ;EAE3B,IAAI,WAAW,cAAc;GAC3B,IAAI,WAAW,CAACA,+BAAAA,mBAAmB;IAAE;IAAO;IAAW;GAAQ,CAAC,GAC9D;GAGF,MAAM,YAAYC,uBAAAA,cAAc,KAAK;GAErC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MAAM,4DAA4D,MAAM,IAAI;GAGxF,IAAI,MAAM,YAAY,cACpB,mBAAmB,KAAK,SAAS;QAEjC,eAAe,KAAK,SAAS;EAEjC;CACF;CAEA,MAAM,mBAAmBC,kCAAAA,uBAAuB;EAC9C,QAAQ;EACR;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAyC,CAAC;CAChD,MAAM,gBAA0C,CAAC;CAEjD,KAAK,MAAM,SAAS,kBAClB,IAAI,MAAM,SAAS,QACjB,aAAa,KAAK,KAAK;MAEvB,cAAc,KAAK,KAAK;CAI5B,MAAM,wBAAkD,CAAC;CACzD,MAAM,yBAAmD,CAAC;CAC1D,KAAK,MAAM,SAAS,oBAAoB;EACtC,MAAM,cAAA,GAAA,MAAA,QAAA,CAAmB,MAAM,KAAK;EACpC,MAAM,YAAA,GAAA,MAAA,QAAA,CAAiB,MAAM,GAAG;EAChC,MAAM,eAAe,WAAW,SAAS,QAAQ,IAAI,WAAW;EAChE,MAAM,aAAa,SAAS,QAAQ,MAAM,IAAI,SAAS;EAEvD,MAAM,eAAe;GACnB,GAAG;GACH,OAAO,aAAa,OAAO,qBAAqB;GAChD,KAAK,WAAW,OAAO,qBAAqB;EAC9C;EAIA,IAFeC,yBAAAA,cAAc;GAAE,OAAO;GAAc;EAAK,CAEhD,GACP,uBAAuB,KAAK;GAC1B,GAAG;GACH,UAAU;IACR,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,UAAU;GACZ;EACF,CAAC;OACI;GACL,MAAM,EAAE,KAAK,WAAWC,yBAAAA,eAAe;IACrC,OAAO;IACP;IACA;IACA;GACF,CAAC;GACD,IAAI,UAAU,GACZ;GAEF,sBAAsB,KAAK;IACzB,GAAG;IACH,UAAU;KAAE;KAAK;KAAQ,QAAQ;KAAO,OAAO;KAAK,QAAQ;KAAG,QAAQ;KAAG,UAAU;IAAE;GACxF,CAAC;EACH;CACF;CAEA,OAAO;EAAE;EAAc;EAAe;EAAuB;CAAuB;AACtF"}

package/cjs/components/DragContext/DragContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragContext.cjs","names":[],"sources":["../../../src/components/DragContext/DragContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { DropTarget, ScheduleEventData } from '../../types';\n\nexport interface DragContextValue {\n  /** Whether an event is currently being dragged */\n  isDragging?: boolean;\n\n  /** ID of the event being dragged */\n  draggedEventId?: string | number | null;\n\n  /** The event being dragged */\n  draggedEvent?: ScheduleEventData | null;\n\n  /** Current drop target information */\n  dropTarget?: DropTarget | null;\n\n  /** Called when drag starts */\n  onDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when drag ends */\n  onDragEnd?: () => void;\n\n  /** Set the current drop target */\n  setDropTarget?: (target: DropTarget | null) => void;\n}\n\nexport const DragContext = createContext<DragContextValue>({});\n"],"mappings":";;AA0BA,MAAa,eAAA,kBAAA,EAAA,eAA8C,CAAC,CAAC"}
+{"version":3,"file":"DragContext.cjs","names":[],"sources":["../../../src/components/DragContext/DragContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { DropTarget, ScheduleEventData } from '../../types';\n\nexport interface DragContextValue {\n  /** Whether an event is currently being dragged */\n  isDragging?: boolean;\n\n  /** ID of the event being dragged */\n  draggedEventId?: string | number | null;\n\n  /** The event being dragged */\n  draggedEvent?: ScheduleEventData | null;\n\n  /** Current drop target information */\n  dropTarget?: DropTarget | null;\n\n  /** Called when drag starts */\n  onDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when drag ends */\n  onDragEnd?: () => void;\n\n  /** Set the current drop target */\n  setDropTarget?: (target: DropTarget | null) => void;\n}\n\nexport const DragContext = createContext<DragContextValue>({});\n"],"mappings":";;AA0BA,MAAa,eAAA,kBAAA,CAAA,CAAA,cAAA,CAA8C,CAAC,CAAC"}

package/cjs/components/MobileMonthView/MobileMonthView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMonthView.cjs","names":["toDateString","getMobileMonthViewEvents","expandRecurringEvents","getWeekdaysNames","getMonthDays","isSameMonth","UnstyledButton","getWeekNumber","sortEvents","Box","Text","React","formatDate","AccordionChevron","getLabel","classes"],"sources":["../../../src/components/MobileMonthView/MobileMonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef } from 'react';\nimport {\n  AccordionChevron,\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  useDirection,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  sortEvents,\n  toDateString,\n} from '../../utils';\nimport {\n  handleMonthViewKeyDown,\n  MonthViewControlsRef,\n} from '../MonthView/handle-month-view-key-down';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getMobileMonthViewEvents } from './get-mobile-month-view-events';\nimport classes from './MobileMonthView.module.css';\n\nexport type MobileMonthViewStylesNames =\n  | 'mobileMonthView'\n  | 'mobileMonthViewHeader'\n  | 'mobileMonthViewHeaderBackButton'\n  | 'mobileMonthViewHeaderLabel'\n  | 'mobileMonthViewCalendar'\n  | 'mobileMonthViewWeekdays'\n  | 'mobileMonthViewWeekday'\n  | 'mobileMonthViewWeekdaysCorner'\n  | 'mobileMonthViewWeek'\n  | 'mobileMonthViewWeekNumber'\n  | 'mobileMonthViewDay'\n  | 'mobileMonthViewDayIndicators'\n  | 'mobileMonthViewDayIndicator'\n  | 'mobileMonthViewEventsList'\n  | 'mobileMonthViewEventsHeader'\n  | 'mobileMonthViewEvent'\n  | 'mobileMonthViewEventColor'\n  | 'mobileMonthViewEventBody'\n  | 'mobileMonthViewEventTitle'\n  | 'mobileMonthViewEventTime'\n  | 'mobileMonthViewNoEvents';\n\nexport type MobileMonthViewCssVariables = {\n  mobileMonthView: '--mobile-month-view-radius';\n};\n\nexport interface MobileMonthViewRenderHeaderInput {\n  /** Current interaction mode */\n  mode: ScheduleMode;\n  /** Current date displayed in the view */\n  date: Date | string;\n  /** Default header element */\n  defaultHeader: React.ReactNode;\n}\n\nexport interface MobileMonthViewProps\n  extends BoxProps, StylesApiProps<MobileMonthViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Date to display, Date object or date string in `YYYY-MM-DD 00:00:00` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** Currently selected date (controlled) */\n  selectedDate?: Date | string | null;\n\n  /** Default selected date (uncontrolled) */\n  defaultSelectedDate?: Date | string | null;\n\n  /** Called when selected date changes */\n  onSelectedDateChange?: (value: DateStringValue | null) => void;\n\n  /** If set, week numbers are displayed in the first column @default false */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. By default, the first letter of the weekday. */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** Props passed down to the week number button */\n  getWeekNumberProps?: (weekStartDate: DateStringValue) => Record<string, any>;\n\n  /** Props passed down to the day button */\n  getDayProps?: (date: DateStringValue) => Record<string, any>;\n\n  /** Called when day is clicked */\n  onDayClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called with first day of the week when week number is clicked */\n  onWeekNumberClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, always renders 6 weeks in the month view @default true */\n  consistentWeeks?: boolean;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set, days from the previous and next months are displayed to fill the weeks @default false */\n  withOutsideDays?: boolean;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\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 events list header date @default 'dddd, MMMM D' */\n  eventsHeaderFormat?: DateLabelFormat;\n\n  /** Called when the year back button in the header is clicked */\n  onYearClick?: () => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Custom header renderer, receives object with mode, date, and default header element */\n  renderHeader?: (input: MobileMonthViewRenderHeaderInput) => React.ReactNode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type MobileMonthViewFactory = Factory<{\n  props: MobileMonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MobileMonthViewStylesNames;\n  vars: MobileMonthViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MobileMonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  mode: 'default',\n  eventsHeaderFormat: 'dddd, MMMM D',\n} satisfies Partial<MobileMonthViewProps>;\n\nconst varsResolver = createVarsResolver<MobileMonthViewFactory>((_theme, { radius }) => ({\n  mobileMonthView: {\n    '--mobile-month-view-radius': getRadius(radius),\n  },\n}));\n\nexport const MobileMonthView = factory<MobileMonthViewFactory>((_props) => {\n  const props = useProps('MobileMonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    date,\n    onDateChange,\n    selectedDate,\n    defaultSelectedDate,\n    onSelectedDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getWeekNumberProps,\n    getDayProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    events,\n    labels,\n    mode,\n    renderEvent,\n    eventsHeaderFormat,\n    onYearClick,\n    onEventClick,\n    renderHeader,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const [_selectedDate, _setSelectedDate] = useUncontrolled<Date | string | null>({\n    value: selectedDate,\n    defaultValue: defaultSelectedDate ?? toDateString(today),\n    onChange: (value) => onSelectedDateChange?.(value ? toDateString(dayjs(value)) : null),\n  });\n\n  const getStyles = useStyles<MobileMonthViewFactory>({\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: 'mobileMonthView',\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const firstDayPosition = useRef<{ weekIndex: number; dayIndex: number } | null>(null);\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('month').toDate(),\n    rangeEnd: dayjs(date).endOf('month').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getMobileMonthViewEvents({ date, events: expandedEvents });\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }).map((day, index) => (\n        <div {...getStyles('mobileMonthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks,\n  }).map((week, weekIndex) => {\n    const days = week.map((dayDate, dayIndex) => {\n      const outside = !isSameMonth(dayDate, date);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(dayDate).day());\n      const ariaLabel = dayjs(dayDate)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(dayDate).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(dayDate).isSame(today, 'day') && highlightToday;\n      const isSelected = _selectedDate && dayjs(dayDate).isSame(dayjs(_selectedDate), 'day');\n      const dayEvents = groupedEvents[dayjs(dayDate).format('YYYY-MM-DD')] || [];\n\n      const shouldRender = withOutsideDays || !outside;\n\n      if (shouldRender && firstDayPosition.current === null) {\n        firstDayPosition.current = { weekIndex, dayIndex };\n      }\n\n      const isFirstDay =\n        firstDayPosition.current?.weekIndex === weekIndex &&\n        firstDayPosition.current?.dayIndex === dayIndex;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('mobileMonthViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      const handleDayClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        const dateStr = dayjs(dayDate).format('YYYY-MM-DD');\n        _setSelectedDate(dateStr);\n        onDayClick?.(dateStr, event);\n        dayProps.onClick?.(event);\n      };\n\n      const handleDayKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        handleMonthViewKeyDown({\n          controlsRef: daysRef,\n          weekIndex,\n          dayIndex,\n          event,\n        });\n      };\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          aria-selected={isSelected || undefined}\n          {...dayProps}\n          {...getStyles('mobileMonthViewDay', {\n            className: dayProps.className,\n            style: dayProps.style,\n          })}\n          key={dayDate}\n          ref={(node) => {\n            if (node) {\n              if (!daysRef.current[weekIndex]) {\n                daysRef.current[weekIndex] = [];\n              }\n              daysRef.current[weekIndex][dayIndex] = node;\n            }\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today: isToday,\n              selected: isSelected,\n              static: mode === 'static',\n              hidden: !shouldRender,\n            },\n            dayProps.mod,\n          ]}\n          tabIndex={mode === 'static' || !shouldRender ? -1 : isFirstDay ? 0 : -1}\n          onClick={mode === 'static' || !shouldRender ? undefined : handleDayClick}\n          onKeyDown={mode === 'static' || !shouldRender ? undefined : handleDayKeyDown}\n        >\n          {shouldRender ? dayjs(dayDate).format('D') : null}\n          {shouldRender && <div {...getStyles('mobileMonthViewDayIndicators')}>{indicators}</div>}\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('mobileMonthViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('mobileMonthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n        {days}\n      </div>\n    );\n  });\n\n  const selectedDateEvents = _selectedDate\n    ? sortEvents(groupedEvents[dayjs(_selectedDate).format('YYYY-MM-DD')] || [])\n    : [];\n\n  const eventsList = selectedDateEvents.map((event) => {\n    const startTime = dayjs(event.start).format('HH:mm');\n    const endTime = dayjs(event.end).format('HH:mm');\n    const isAllDay = startTime === '00:00' && endTime === '00:00';\n\n    const eventChildren = (\n      <Box {...getStyles('mobileMonthViewEventBody')}>\n        <div\n          {...getStyles('mobileMonthViewEventColor', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n        />\n        <div>\n          <Text {...getStyles('mobileMonthViewEventTitle')}>{event.title}</Text>\n          <Text {...getStyles('mobileMonthViewEventTime')}>\n            {isAllDay ? 'All day' : `${startTime} – ${endTime}`}\n          </Text>\n        </div>\n      </Box>\n    );\n\n    const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n      ...getStyles('mobileMonthViewEvent'),\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  const eventsHeader = _selectedDate\n    ? formatDate({\n        locale: ctx.getLocale(locale),\n        date: _selectedDate,\n        format: eventsHeaderFormat,\n      })\n    : '';\n\n  const { dir } = useDirection();\n\n  const headerLabel = formatDate({ locale: ctx.getLocale(locale), date, format: 'MMMM YYYY' });\n\n  const defaultHeader = (\n    <>\n      <UnstyledButton\n        {...getStyles('mobileMonthViewHeaderBackButton')}\n        onClick={onYearClick}\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n      >\n        <AccordionChevron\n          style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }}\n          size={20}\n        />\n        {dayjs(date).format('YYYY')}\n      </UnstyledButton>\n      <Text {...getStyles('mobileMonthViewHeaderLabel')}>{headerLabel}</Text>\n    </>\n  );\n\n  return (\n    <Box\n      {...getStyles('mobileMonthView')}\n      mod={{ 'with-week-numbers': withWeekNumbers }}\n      {...others}\n    >\n      <div {...getStyles('mobileMonthViewHeader')}>\n        {typeof renderHeader === 'function'\n          ? renderHeader({ mode: mode!, date, defaultHeader })\n          : defaultHeader}\n      </div>\n\n      <Box {...getStyles('mobileMonthViewCalendar')} mod={{ 'with-weekdays': withWeekDays }}>\n        {weekdays && (\n          <div {...getStyles('mobileMonthViewWeekdays')}>\n            {withWeekNumbers && <div {...getStyles('mobileMonthViewWeekdaysCorner')} />}\n            {weekdays}\n          </div>\n        )}\n        {weeks}\n      </Box>\n\n      <Box {...getStyles('mobileMonthViewEventsList')}>\n        <Text {...getStyles('mobileMonthViewEventsHeader')}>{eventsHeader}</Text>\n\n        {eventsList.length > 0 ? (\n          eventsList\n        ) : (\n          <Text {...getStyles('mobileMonthViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nMobileMonthView.displayName = '@mantine/schedule/MobileMonthView';\nMobileMonthView.classes = classes;\nMobileMonthView.varsResolver = varsResolver;\n\nexport namespace MobileMonthView {\n  export type Props = MobileMonthViewProps;\n  export type Factory = MobileMonthViewFactory;\n  export type StylesNames = MobileMonthViewStylesNames;\n  export type CssVariables = MobileMonthViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"MobileMonthView.cjs","names":["toDateString","getMobileMonthViewEvents","expandRecurringEvents","getWeekdaysNames","getMonthDays","isSameMonth","UnstyledButton","getWeekNumber","sortEvents","Box","Text","React","formatDate","AccordionChevron","getLabel","classes"],"sources":["../../../src/components/MobileMonthView/MobileMonthView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef } from 'react';\nimport {\n  AccordionChevron,\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  useDirection,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  expandRecurringEvents,\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  sortEvents,\n  toDateString,\n} from '../../utils';\nimport {\n  handleMonthViewKeyDown,\n  MonthViewControlsRef,\n} from '../MonthView/handle-month-view-key-down';\nimport { RenderEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { getMobileMonthViewEvents } from './get-mobile-month-view-events';\nimport classes from './MobileMonthView.module.css';\n\nexport type MobileMonthViewStylesNames =\n  | 'mobileMonthView'\n  | 'mobileMonthViewHeader'\n  | 'mobileMonthViewHeaderBackButton'\n  | 'mobileMonthViewHeaderLabel'\n  | 'mobileMonthViewCalendar'\n  | 'mobileMonthViewWeekdays'\n  | 'mobileMonthViewWeekday'\n  | 'mobileMonthViewWeekdaysCorner'\n  | 'mobileMonthViewWeek'\n  | 'mobileMonthViewWeekNumber'\n  | 'mobileMonthViewDay'\n  | 'mobileMonthViewDayIndicators'\n  | 'mobileMonthViewDayIndicator'\n  | 'mobileMonthViewEventsList'\n  | 'mobileMonthViewEventsHeader'\n  | 'mobileMonthViewEvent'\n  | 'mobileMonthViewEventColor'\n  | 'mobileMonthViewEventBody'\n  | 'mobileMonthViewEventTitle'\n  | 'mobileMonthViewEventTime'\n  | 'mobileMonthViewNoEvents';\n\nexport type MobileMonthViewCssVariables = {\n  mobileMonthView: '--mobile-month-view-radius';\n};\n\nexport interface MobileMonthViewRenderHeaderInput {\n  /** Current interaction mode */\n  mode: ScheduleMode;\n  /** Current date displayed in the view */\n  date: Date | string;\n  /** Default header element */\n  defaultHeader: React.ReactNode;\n}\n\nexport interface MobileMonthViewProps\n  extends BoxProps, StylesApiProps<MobileMonthViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Date to display, Date object or date string in `YYYY-MM-DD 00:00:00` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** Currently selected date (controlled) */\n  selectedDate?: Date | string | null;\n\n  /** Default selected date (uncontrolled) */\n  defaultSelectedDate?: Date | string | null;\n\n  /** Called when selected date changes */\n  onSelectedDateChange?: (value: DateStringValue | null) => void;\n\n  /** If set, week numbers are displayed in the first column @default false */\n  withWeekNumbers?: boolean;\n\n  /** If set, weekdays names are displayed in the first row @default true */\n  withWeekDays?: boolean;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. By default, the first letter of the weekday. */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** Props passed down to the week number button */\n  getWeekNumberProps?: (weekStartDate: DateStringValue) => Record<string, any>;\n\n  /** Props passed down to the day button */\n  getDayProps?: (date: DateStringValue) => Record<string, any>;\n\n  /** Called when day is clicked */\n  onDayClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called with first day of the week when week number is clicked */\n  onWeekNumberClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, always renders 6 weeks in the month view @default true */\n  consistentWeeks?: boolean;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set, days from the previous and next months are displayed to fill the weeks @default false */\n  withOutsideDays?: boolean;\n\n  /** Events to display */\n  events?: ScheduleEventData[];\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 events list header date @default 'dddd, MMMM D' */\n  eventsHeaderFormat?: DateLabelFormat;\n\n  /** Called when the year back button in the header is clicked */\n  onYearClick?: () => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Custom header renderer, receives object with mode, date, and default header element */\n  renderHeader?: (input: MobileMonthViewRenderHeaderInput) => React.ReactNode;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n}\n\nexport type MobileMonthViewFactory = Factory<{\n  props: MobileMonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MobileMonthViewStylesNames;\n  vars: MobileMonthViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MobileMonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  mode: 'default',\n  eventsHeaderFormat: 'dddd, MMMM D',\n} satisfies Partial<MobileMonthViewProps>;\n\nconst varsResolver = createVarsResolver<MobileMonthViewFactory>((_theme, { radius }) => ({\n  mobileMonthView: {\n    '--mobile-month-view-radius': getRadius(radius),\n  },\n}));\n\nexport const MobileMonthView = factory<MobileMonthViewFactory>((_props) => {\n  const props = useProps('MobileMonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    date,\n    onDateChange,\n    selectedDate,\n    defaultSelectedDate,\n    onSelectedDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getWeekNumberProps,\n    getDayProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    events,\n    labels,\n    mode,\n    renderEvent,\n    eventsHeaderFormat,\n    onYearClick,\n    onEventClick,\n    renderHeader,\n    recurrenceExpansionLimit,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const [_selectedDate, _setSelectedDate] = useUncontrolled<Date | string | null>({\n    value: selectedDate,\n    defaultValue: defaultSelectedDate ?? toDateString(today),\n    onChange: (value) => onSelectedDateChange?.(value ? toDateString(dayjs(value)) : null),\n  });\n\n  const getStyles = useStyles<MobileMonthViewFactory>({\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: 'mobileMonthView',\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const firstDayPosition = useRef<{ weekIndex: number; dayIndex: number } | null>(null);\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(date).startOf('month').toDate(),\n    rangeEnd: dayjs(date).endOf('month').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const groupedEvents = getMobileMonthViewEvents({ date, events: expandedEvents });\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n      }).map((day, index) => (\n        <div {...getStyles('mobileMonthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks,\n  }).map((week, weekIndex) => {\n    const days = week.map((dayDate, dayIndex) => {\n      const outside = !isSameMonth(dayDate, date);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(dayDate).day());\n      const ariaLabel = dayjs(dayDate)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(dayDate).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(dayDate).isSame(today, 'day') && highlightToday;\n      const isSelected = _selectedDate && dayjs(dayDate).isSame(dayjs(_selectedDate), 'day');\n      const dayEvents = groupedEvents[dayjs(dayDate).format('YYYY-MM-DD')] || [];\n\n      const shouldRender = withOutsideDays || !outside;\n\n      if (shouldRender && firstDayPosition.current === null) {\n        firstDayPosition.current = { weekIndex, dayIndex };\n      }\n\n      const isFirstDay =\n        firstDayPosition.current?.weekIndex === weekIndex &&\n        firstDayPosition.current?.dayIndex === dayIndex;\n\n      const indicators = dayEvents.slice(0, 3).map((event) => (\n        <div\n          {...getStyles('mobileMonthViewDayIndicator', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n          key={event.id}\n        />\n      ));\n\n      const handleDayClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        const dateStr = dayjs(dayDate).format('YYYY-MM-DD');\n        _setSelectedDate(dateStr);\n        onDayClick?.(dateStr, event);\n        dayProps.onClick?.(event);\n      };\n\n      const handleDayKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        handleMonthViewKeyDown({\n          controlsRef: daysRef,\n          weekIndex,\n          dayIndex,\n          event,\n        });\n      };\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          aria-selected={isSelected || undefined}\n          {...dayProps}\n          {...getStyles('mobileMonthViewDay', {\n            className: dayProps.className,\n            style: dayProps.style,\n          })}\n          key={dayDate}\n          ref={(node) => {\n            if (node) {\n              if (!daysRef.current[weekIndex]) {\n                daysRef.current[weekIndex] = [];\n              }\n              daysRef.current[weekIndex][dayIndex] = node;\n            }\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today: isToday,\n              selected: isSelected,\n              static: mode === 'static',\n              hidden: !shouldRender,\n            },\n            dayProps.mod,\n          ]}\n          tabIndex={mode === 'static' || !shouldRender ? -1 : isFirstDay ? 0 : -1}\n          onClick={mode === 'static' || !shouldRender ? undefined : handleDayClick}\n          onKeyDown={mode === 'static' || !shouldRender ? undefined : handleDayKeyDown}\n        >\n          {shouldRender ? dayjs(dayDate).format('D') : null}\n          {shouldRender && <div {...getStyles('mobileMonthViewDayIndicators')}>{indicators}</div>}\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    return (\n      <div {...getStyles('mobileMonthViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            {...weekNumberProps}\n            onClick={\n              mode === 'static'\n                ? undefined\n                : (event) => {\n                    onWeekNumberClick?.(dayjs(week[0]).format('YYYY-MM-DD'), event);\n                    weekNumberProps.onClick?.(event);\n                  }\n            }\n            mod={{ static: mode === 'static' }}\n            tabIndex={mode === 'static' ? -1 : 0}\n            {...getStyles('mobileMonthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n        {days}\n      </div>\n    );\n  });\n\n  const selectedDateEvents = _selectedDate\n    ? sortEvents(groupedEvents[dayjs(_selectedDate).format('YYYY-MM-DD')] || [])\n    : [];\n\n  const eventsList = selectedDateEvents.map((event) => {\n    const startTime = dayjs(event.start).format('HH:mm');\n    const endTime = dayjs(event.end).format('HH:mm');\n    const isAllDay = startTime === '00:00' && endTime === '00:00';\n\n    const eventChildren = (\n      <Box {...getStyles('mobileMonthViewEventBody')}>\n        <div\n          {...getStyles('mobileMonthViewEventColor', {\n            style: { backgroundColor: getThemeColor(event.color, theme) },\n          })}\n        />\n        <div>\n          <Text {...getStyles('mobileMonthViewEventTitle')}>{event.title}</Text>\n          <Text {...getStyles('mobileMonthViewEventTime')}>\n            {isAllDay ? 'All day' : `${startTime} – ${endTime}`}\n          </Text>\n        </div>\n      </Box>\n    );\n\n    const rootProps: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode } = {\n      ...getStyles('mobileMonthViewEvent'),\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  const eventsHeader = _selectedDate\n    ? formatDate({\n        locale: ctx.getLocale(locale),\n        date: _selectedDate,\n        format: eventsHeaderFormat,\n      })\n    : '';\n\n  const { dir } = useDirection();\n\n  const headerLabel = formatDate({ locale: ctx.getLocale(locale), date, format: 'MMMM YYYY' });\n\n  const defaultHeader = (\n    <>\n      <UnstyledButton\n        {...getStyles('mobileMonthViewHeaderBackButton')}\n        onClick={onYearClick}\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n      >\n        <AccordionChevron\n          style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }}\n          size={20}\n        />\n        {dayjs(date).format('YYYY')}\n      </UnstyledButton>\n      <Text {...getStyles('mobileMonthViewHeaderLabel')}>{headerLabel}</Text>\n    </>\n  );\n\n  return (\n    <Box\n      {...getStyles('mobileMonthView')}\n      mod={{ 'with-week-numbers': withWeekNumbers }}\n      {...others}\n    >\n      <div {...getStyles('mobileMonthViewHeader')}>\n        {typeof renderHeader === 'function'\n          ? renderHeader({ mode: mode!, date, defaultHeader })\n          : defaultHeader}\n      </div>\n\n      <Box {...getStyles('mobileMonthViewCalendar')} mod={{ 'with-weekdays': withWeekDays }}>\n        {weekdays && (\n          <div {...getStyles('mobileMonthViewWeekdays')}>\n            {withWeekNumbers && <div {...getStyles('mobileMonthViewWeekdaysCorner')} />}\n            {weekdays}\n          </div>\n        )}\n        {weeks}\n      </Box>\n\n      <Box {...getStyles('mobileMonthViewEventsList')}>\n        <Text {...getStyles('mobileMonthViewEventsHeader')}>{eventsHeader}</Text>\n\n        {eventsList.length > 0 ? (\n          eventsList\n        ) : (\n          <Text {...getStyles('mobileMonthViewNoEvents')}>{getLabel('noEvents', labels)}</Text>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nMobileMonthView.displayName = '@mantine/schedule/MobileMonthView';\nMobileMonthView.classes = classes;\nMobileMonthView.varsResolver = varsResolver;\n\nexport namespace MobileMonthView {\n  export type Props = MobileMonthViewProps;\n  export type Factory = MobileMonthViewFactory;\n  export type StylesNames = MobileMonthViewStylesNames;\n  export type CssVariables = MobileMonthViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/MobileMonthView/get-mobile-month-view-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-mobile-month-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../src/components/MobileMonthView/get-mobile-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = dayjs(event.end).startOf('day');\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\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 GetMobileMonthViewEventsInput {\n  date: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getMobileMonthViewEvents({ date, events }: GetMobileMonthViewEventsInput) {\n  const groupedEvents: GroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    if (dayjs(event.start).isSame(dayjs(date), 'month')) {\n      groupEventByDate(validateEvent(event), groupedEvents);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(\n          `[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`\n        );\n      }\n    }\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;CAChF,IAAIA,0BAAAA,gBAAgB,KAAK,GAAG;EAC1B,MAAM,aAAA,GAAA,MAAA,SAAkB,MAAM,KAAK,EAAE,QAAQ,KAAK;EAClD,MAAM,WAAA,GAAA,MAAA,SAAgB,MAAM,GAAG,EAAE,QAAQ,KAAK;EAE9C,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,MAAM,UAAU,KAAK,OAAO,YAAY;GACxC,IAAI,CAAC,cAAc,UACjB,cAAc,WAAW,CAAC;GAE5B,cAAc,SAAS,KAAK,KAAK;EACnC;EAEA;CACF;CAEA,MAAM,aAAA,GAAA,MAAA,SAAkB,MAAM,KAAK,EAAE,OAAO,YAAY;CACxD,IAAI,CAAC,cAAc,YACjB,cAAc,aAAa,CAAC;CAE9B,cAAc,WAAW,KAAK,KAAK;AACrC;AAOA,SAAgB,yBAAyB,EAAE,MAAM,UAAyC;CACxF,MAAM,gBAA+B,CAAC;CAEtC,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,YAAY,cACpB;EAGF,KAAA,GAAA,MAAA,SAAU,MAAM,KAAK,EAAE,QAAA,GAAA,MAAA,SAAa,IAAI,GAAG,OAAO,GAAG;GACnD,iBAAiBC,uBAAAA,cAAc,KAAK,GAAG,aAAa;GAEpD,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MACR,oEAAoE,MAAM,IAC5E;EAEJ;CACF;CAEA,OAAO;AACT"}
+{"version":3,"file":"get-mobile-month-view-events.cjs","names":["isMultidayEvent","validateEvent"],"sources":["../../../src/components/MobileMonthView/get-mobile-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = dayjs(event.end).startOf('day');\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\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 GetMobileMonthViewEventsInput {\n  date: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getMobileMonthViewEvents({ date, events }: GetMobileMonthViewEventsInput) {\n  const groupedEvents: GroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    if (dayjs(event.start).isSame(dayjs(date), 'month')) {\n      groupEventByDate(validateEvent(event), groupedEvents);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(\n          `[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`\n        );\n      }\n    }\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;CAChF,IAAIA,0BAAAA,gBAAgB,KAAK,GAAG;EAC1B,MAAM,aAAA,GAAA,MAAA,QAAA,CAAkB,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK;EAClD,MAAM,WAAA,GAAA,MAAA,QAAA,CAAgB,MAAM,GAAG,CAAC,CAAC,QAAQ,KAAK;EAE9C,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,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;AAOA,SAAgB,yBAAyB,EAAE,MAAM,UAAyC;CACxF,MAAM,gBAA+B,CAAC;CAEtC,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,YAAY,cACpB;EAGF,KAAA,GAAA,MAAA,QAAA,CAAU,MAAM,KAAK,CAAC,CAAC,QAAA,GAAA,MAAA,QAAA,CAAa,IAAI,GAAG,OAAO,GAAG;GACnD,iBAAiBC,uBAAAA,cAAc,KAAK,GAAG,aAAa;GAEpD,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MACR,oEAAoE,MAAM,IAC5E;EAEJ;CACF;CAEA,OAAO;AACT"}