@mantine/schedule 9.0.0-alpha.6 → 9.0.0

package/README.md

@@ -10,10 +10,10 @@ Schedule Mantine component
 
 ```bash
 # With yarn
-yarn add @mantine/schedule
+yarn add @mantine/schedule @mantine/core @mantine/hooks @mantine/dates
 
 # With npm
-npm install @mantine/schedule
+npm install @mantine/schedule @mantine/core @mantine/hooks @mantine/dates
 ```
 
 ## License

package/cjs/components/DayView/DayView.cjs

@@ -53,7 +53,7 @@ const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, sl
 } }));
 const DayView = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("DayView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, withCurrentTimeIndicator = (0, dayjs.default)(date).isSame((0, dayjs.default)(), "day"), withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, withCurrentTimeIndicator = (0, dayjs.default)(date).isSame((0, dayjs.default)(), "day"), withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, ...others } = props;
 	const getStyles = (0, _mantine_core.useStyles)({
 		name: __staticSelector,
 		classes: require_DayView_module.default,
@@ -209,7 +209,15 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 			withResize: isResizable,
 			isResizing: resizePosition !== null,
 			onResizeStart: isResizable ? (edge, e) => {
-				if (timeSlotsContainerRef.current) eventResize.handleResizeStart(event, edge, timeSlotsContainerRef.current, event.position.top, event.position.height, (0, dayjs.default)(date).format("YYYY-MM-DD"), e);
+				if (timeSlotsContainerRef.current) eventResize.handleResizeStart({
+					event,
+					edge,
+					container: timeSlotsContainerRef.current,
+					originalTop: event.position.top,
+					originalHeight: event.position.height,
+					eventDate: (0, dayjs.default)(date).format("YYYY-MM-DD"),
+					pointerEvent: e
+				});
 			} : void 0,
 			mode,
 			onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
@@ -243,6 +251,20 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 	const items = slots.map((slot, index) => {
 		const isDropTarget = dragDrop.isDropTarget(index);
 		const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);
+		const slotStart = `${dayGroup} ${slot.startTime}`;
+		const slotEnd = `${dayGroup} ${slot.endTime}`;
+		const { onClick: externalOnClick, ...externalSlotProps } = getTimeSlotProps?.({
+			start: slotStart,
+			end: slotEnd
+		}) || {};
+		const handleClick = mode === "static" ? void 0 : (event) => {
+			onTimeSlotClick?.({
+				slotStart,
+				slotEnd,
+				nativeEvent: event
+			});
+			externalOnClick?.(event);
+		};
 		return /* @__PURE__ */ (0, react.createElement)(_mantine_core.UnstyledButton, {
 			...getStyles("dayViewSlot"),
 			key: slot.startTime,
@@ -267,11 +289,9 @@ const DayView = (0, _mantine_core.factory)((_props) => {
 			"data-drag-slot-group": withDragSlotSelect && mode !== "static" ? dayGroup : void 0,
 			onKeyDown: mode === "static" ? void 0 : (e) => handleSlotKeyDown(e, index),
 			onPointerDown: withDragSlotSelect && mode !== "static" ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup) : void 0,
-			onClick: mode === "static" || !onTimeSlotClick ? void 0 : (event) => {
-				const slotDate = (0, dayjs.default)(date).format("YYYY-MM-DD");
-				onTimeSlotClick(`${slotDate} ${slot.startTime}`, `${slotDate} ${slot.endTime}`, event);
-			},
-			onDragOver: withDragHandlers ? (event) => event.preventDefault() : void 0
+			onClick: handleClick,
+			onDragOver: withDragHandlers ? (event) => event.preventDefault() : void 0,
+			...externalSlotProps
 		});
 	});
 	const slotsLabels = slots.reduce((acc, slot) => {

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  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  /** 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?: (\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?: (\n    slotStart: DateTimeStringValue,\n    slotEnd: DateTimeStringValue,\n    event: 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?: (\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\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    withCurrentTimeIndicator = dayjs(date).isSame(dayjs(), 'day'),\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    ...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 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({ events: expandedEvents, date, startTime, endTime });\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                    timeSlotsContainerRef.current,\n                    event.position.top,\n                    event.position.height,\n                    dayjs(date).format('YYYY-MM-DD'),\n                    e\n                  );\n                }\n              }\n            : undefined\n        }\n        mode={mode}\n        onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\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\n    return (\n      <UnstyledButton\n        {...getStyles('dayViewSlot')}\n        key={slot.startTime}\n        ref={(node) => {\n          slotsRef.current[index] = node!;\n        }}\n        mod={{\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={\n          mode === 'static' || !onTimeSlotClick\n            ? undefined\n            : (event) => {\n                const slotDate = dayjs(date).format('YYYY-MM-DD');\n                onTimeSlotClick(\n                  `${slotDate} ${slot.startTime}`,\n                  `${slotDate} ${slot.endTime}`,\n                  event\n                );\n              }\n        }\n        onDragOver={withDragHandlers ? (event) => event.preventDefault() : undefined}\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    return <Box {...bgEventProps} />;\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    return <Box {...bgEventProps} />;\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(dayjs()),\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                      mode={mode}\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              {withCurrentTimeIndicator && (\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                  {...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"],"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","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  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  /** 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    withCurrentTimeIndicator = dayjs(date).isSame(dayjs(), 'day'),\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 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({ events: expandedEvents, date, startTime, endTime });\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={onEventClick ? (e) => onEventClick(event, e) : undefined}\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          '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    return <Box {...bgEventProps} />;\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    return <Box {...bgEventProps} />;\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(dayjs()),\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                      mode={mode}\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              {withCurrentTimeIndicator && (\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                  {...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"],"mappings":"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"}

package/cjs/components/MobileMonthView/MobileMonthView.cjs

@@ -174,8 +174,6 @@ const MobileMonthView = (0, _mantine_core.factory)((_props) => {
 				children: event.title
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
 				...getStyles("mobileMonthViewEventTime"),
-				size: "xs",
-				c: "dimmed",
 				children: isAllDay ? "All day" : `${startTime} – ${endTime}`
 			})] })]
 		});
@@ -210,13 +208,11 @@ const MobileMonthView = (0, _mantine_core.factory)((_props) => {
 		mod: { static: mode === "static" },
 		tabIndex: mode === "static" ? -1 : 0,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.AccordionChevron, {
-			transform: `rotate(${dir === "rtl" ? -90 : 90} 0 0)`,
+			style: { transform: `rotate(${dir === "rtl" ? -90 : 90}deg)` },
 			size: 20
 		}), (0, dayjs.default)(date).format("YYYY")]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
 		...getStyles("mobileMonthViewHeaderLabel"),
-		fw: 600,
-		tt: "capitalize",
 		children: headerLabel
 	})] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
@@ -244,14 +240,9 @@ const MobileMonthView = (0, _mantine_core.factory)((_props) => {
 				...getStyles("mobileMonthViewEventsList"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
 					...getStyles("mobileMonthViewEventsHeader"),
-					fw: 600,
-					tt: "capitalize",
 					children: eventsHeader
 				}), eventsList.length > 0 ? eventsList : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
 					...getStyles("mobileMonthViewNoEvents"),
-					c: "dimmed",
-					ta: "center",
-					py: "xl",
 					children: require_labels.getLabel("noEvents", labels)
 				})]
 			})

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')} size=\"xs\" c=\"dimmed\">\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 transform={`rotate(${dir === 'rtl' ? -90 : 90} 0 0)`} size={20} />\n        {dayjs(date).format('YYYY')}\n      </UnstyledButton>\n      <Text {...getStyles('mobileMonthViewHeaderLabel')} fw={600} tt=\"capitalize\">\n        {headerLabel}\n      </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')} fw={600} tt=\"capitalize\">\n          {eventsHeader}\n        </Text>\n\n        {eventsList.length > 0 ? (\n          eventsList\n        ) : (\n          <Text {...getStyles('mobileMonthViewNoEvents')} c=\"dimmed\" ta=\"center\" py=\"xl\">\n            {getLabel('noEvents', labels)}\n          </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/MobileMonthView.module.cjs

@@ -19,7 +19,8 @@ var MobileMonthView_module_default = {
 	"mobileMonthViewEvent": "m_16b7da81",
 	"mobileMonthViewEventBody": "m_ea745fc3",
 	"mobileMonthViewEventColor": "m_6425cd62",
-	"mobileMonthViewEventTime": "m_ea7c78ee"
+	"mobileMonthViewEventTime": "m_ea7c78ee",
+	"mobileMonthViewNoEvents": "m_bbac00f3"
 };
 //#endregion
 exports.default = MobileMonthView_module_default;

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMonthView.module.cjs","names":[],"sources":["../../../src/components/MobileMonthView/MobileMonthView.module.css"],"sourcesContent":[".mobileMonthView {\n  --mobile-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --week-numbers-offset: 0rem;\n  --day-base-color: var(--mantine-color-text);\n  --day-dimmed-color: alpha(var(--day-base-color), 0.5);\n\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  @mixin where-light {\n    --mobile-month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --mobile-month-view-border-color: var(--mantine-color-dark-4);\n  }\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 32px;\n  }\n}\n\n.mobileMonthViewHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--mantine-spacing-sm);\n  border-bottom: 1px solid var(--mobile-month-view-border-color);\n}\n\n.mobileMonthViewHeaderBackButton {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  font-size: var(--mobile-month-view-font-size);\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewHeaderLabel {\n  user-select: none;\n}\n\n.mobileMonthViewCalendar {\n  --mobile-month-view-font-size: clamp(6px, 3.5cqw, 22px);\n\n  container-type: inline-size;\n  padding: var(--mantine-spacing-sm);\n  border-bottom: 1px solid var(--mobile-month-view-border-color);\n}\n\n.mobileMonthViewWeekdays {\n  display: flex;\n  margin-bottom: var(--mantine-spacing-xs);\n}\n\n.mobileMonthViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n}\n\n.mobileMonthViewWeekday {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  font-size: var(--mobile-month-view-font-size);\n  font-weight: var(--mantine-font-weight-medium);\n  text-align: center;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n  color: var(--day-dimmed-color);\n  padding-block: 4px;\n}\n\n.mobileMonthViewWeek {\n  display: flex;\n}\n\n.mobileMonthViewWeekNumber {\n  flex: 0 0 calc(var(--week-numbers-offset) - rem(4px));\n  margin-inline-end: rem(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-xs);\n  border-radius: var(--mobile-month-view-radius);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  color: var(--day-dimmed-color);\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewDay {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  height: 48px;\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: var(--mobile-month-view-font-size);\n  color: var(--day-base-color);\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 0;\n\n  &::before {\n    width: 32px;\n    height: 32px;\n    border-radius: 100%;\n    content: '';\n    position: absolute;\n    top: 7px;\n    left: calc(50% - 16px);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  &:focus {\n    z-index: 1;\n  }\n\n  &:where([data-hidden]) {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: var(--day-dimmed-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-today]:not([data-selected])) {\n    @mixin where-light {\n      &::before {\n        background-color: var(--mantine-color-gray-2);\n      }\n    }\n\n    @mixin where-dark {\n      &::before {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n\n  &:where([data-selected]) {\n    color: var(--mantine-primary-color-contrast);\n\n    &::before {\n      background-color: var(--mantine-primary-color-filled);\n    }\n\n    @mixin hover {\n      &::before {\n        background-color: var(--mantine-primary-color-filled-hover);\n      }\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewDayIndicators {\n  position: absolute;\n  bottom: 2px;\n  inset-inline: 0;\n  display: flex;\n  justify-content: center;\n  padding-inline-start: 2px;\n}\n\n.mobileMonthViewDayIndicator {\n  width: 5px;\n  height: 5px;\n  border-radius: 100%;\n  margin-inline-start: -1px;\n}\n\n.mobileMonthViewEventsList {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  padding: var(--mantine-spacing-sm);\n}\n\n.mobileMonthViewEventsHeader {\n  margin-bottom: var(--mantine-spacing-sm);\n}\n\n.mobileMonthViewEvent {\n  display: block;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n\n  &:where(:not(:last-child)) {\n    border-bottom: 1px solid var(--mobile-month-view-border-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n}\n\n.mobileMonthViewEventBody {\n  display: flex;\n  gap: var(--mantine-spacing-sm);\n  padding: var(--mantine-spacing-xs) 0;\n}\n\n.mobileMonthViewEventColor {\n  width: 4px;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n\n.mobileMonthViewEventTime {\n  margin-top: 2px;\n}\n"],"mappings":""}
+{"version":3,"file":"MobileMonthView.module.cjs","names":[],"sources":["../../../src/components/MobileMonthView/MobileMonthView.module.css"],"sourcesContent":[".mobileMonthView {\n  --mobile-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --week-numbers-offset: 0rem;\n  --day-base-color: var(--mantine-color-text);\n  --day-dimmed-color: alpha(var(--day-base-color), 0.5);\n\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  @mixin where-light {\n    --mobile-month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --mobile-month-view-border-color: var(--mantine-color-dark-4);\n  }\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 32px;\n  }\n}\n\n.mobileMonthViewHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--mantine-spacing-sm);\n  border-bottom: 1px solid var(--mobile-month-view-border-color);\n}\n\n.mobileMonthViewHeaderBackButton {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  font-size: var(--mobile-month-view-font-size);\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewHeaderLabel {\n  user-select: none;\n  font-weight: var(--mantine-font-weight-semibold);\n  text-transform: capitalize;\n}\n\n.mobileMonthViewCalendar {\n  --mobile-month-view-font-size: clamp(6px, 3.5cqw, 22px);\n\n  container-type: inline-size;\n  padding: var(--mantine-spacing-sm);\n  border-bottom: 1px solid var(--mobile-month-view-border-color);\n}\n\n.mobileMonthViewWeekdays {\n  display: flex;\n  margin-bottom: var(--mantine-spacing-xs);\n}\n\n.mobileMonthViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n}\n\n.mobileMonthViewWeekday {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  font-size: var(--mobile-month-view-font-size);\n  font-weight: var(--mantine-font-weight-medium);\n  text-align: center;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n  color: var(--day-dimmed-color);\n  padding-block: 4px;\n}\n\n.mobileMonthViewWeek {\n  display: flex;\n}\n\n.mobileMonthViewWeekNumber {\n  flex: 0 0 calc(var(--week-numbers-offset) - rem(4px));\n  margin-inline-end: rem(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-xs);\n  border-radius: var(--mobile-month-view-radius);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n  color: var(--day-dimmed-color);\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewDay {\n  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);\n  height: 48px;\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: var(--mobile-month-view-font-size);\n  color: var(--day-base-color);\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 0;\n\n  &::before {\n    width: 32px;\n    height: 32px;\n    border-radius: 100%;\n    content: '';\n    position: absolute;\n    top: 7px;\n    left: calc(50% - 16px);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  &:focus {\n    z-index: 1;\n  }\n\n  &:where([data-hidden]) {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: var(--day-dimmed-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n\n  &:where([data-today]:not([data-selected])) {\n    @mixin where-light {\n      &::before {\n        background-color: var(--mantine-color-gray-2);\n      }\n    }\n\n    @mixin where-dark {\n      &::before {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n\n  &:where([data-selected]) {\n    color: var(--mantine-primary-color-contrast);\n\n    &::before {\n      background-color: var(--mantine-primary-color-filled);\n    }\n\n    @mixin hover {\n      &::before {\n        background-color: var(--mantine-primary-color-filled-hover);\n      }\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.mobileMonthViewDayIndicators {\n  position: absolute;\n  bottom: 2px;\n  inset-inline: 0;\n  display: flex;\n  justify-content: center;\n  padding-inline-start: 2px;\n}\n\n.mobileMonthViewDayIndicator {\n  width: 5px;\n  height: 5px;\n  border-radius: 100%;\n  margin-inline-start: -1px;\n}\n\n.mobileMonthViewEventsList {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  padding: var(--mantine-spacing-sm);\n}\n\n.mobileMonthViewEventsHeader {\n  margin-bottom: var(--mantine-spacing-sm);\n  font-weight: var(--mantine-font-weight-semibold);\n  text-transform: capitalize;\n}\n\n.mobileMonthViewEvent {\n  display: block;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n\n  &:where(:not(:last-child)) {\n    border-bottom: 1px solid var(--mobile-month-view-border-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-6);\n    }\n  }\n}\n\n.mobileMonthViewEventBody {\n  display: flex;\n  gap: var(--mantine-spacing-sm);\n  padding: var(--mantine-spacing-xs) 0;\n}\n\n.mobileMonthViewEventColor {\n  width: 4px;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n\n.mobileMonthViewEventTime {\n  margin-top: 2px;\n  font-size: var(--mantine-font-size-xs);\n  color: var(--mantine-color-dimmed);\n}\n\n.mobileMonthViewNoEvents {\n  color: var(--mantine-color-dimmed);\n  text-align: center;\n  padding-block: var(--mantine-spacing-xl);\n}\n"],"mappings":""}

package/cjs/components/MonthView/MonthView.cjs

@@ -25,7 +25,7 @@ let _mantine_dates = require("@mantine/dates");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/schedule/src/components/MonthView/MonthView.tsx
 const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, maxEventsPerDay }) => ({ monthView: {
-	"--month-view-radius": radius ? (0, _mantine_core.getRadius)(radius) : void 0,
+	"--month-view-radius": radius !== void 0 ? (0, _mantine_core.getRadius)(radius) : void 0,
 	"--month-view-max-events": maxEventsPerDay !== void 0 ? `${Math.min(10, Math.max(1, maxEventsPerDay))}` : void 0
 } }));
 const defaultProps = {