@mantine/schedule 9.1.1 → 9.2.1

package/esm/components/MobileMonthView/MobileMonthView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-mobile-month-view-events.mjs","names":[],"sources":["../../../src/components/MobileMonthView/get-mobile-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = dayjs(event.end).startOf('day');\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\n    ) {\n      const dateKey = date.format('YYYY-MM-DD');\n      if (!groupedEvents[dateKey]) {\n        groupedEvents[dateKey] = [];\n      }\n      groupedEvents[dateKey].push(event);\n    }\n\n    return;\n  }\n\n  const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n  if (!groupedEvents[eventDate]) {\n    groupedEvents[eventDate] = [];\n  }\n  groupedEvents[eventDate].push(event);\n}\n\ninterface GetMobileMonthViewEventsInput {\n  date: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getMobileMonthViewEvents({ date, events }: GetMobileMonthViewEventsInput) {\n  const groupedEvents: GroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    if (dayjs(event.start).isSame(dayjs(date), 'month')) {\n      groupEventByDate(validateEvent(event), groupedEvents);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(\n          `[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`\n        );\n      }\n    }\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;AAChF,KAAI,gBAAgB,MAAM,EAAE;EAC1B,MAAM,YAAY,MAAM,MAAM,MAAM,CAAC,QAAQ,MAAM;EACnD,MAAM,UAAU,MAAM,MAAM,IAAI,CAAC,QAAQ,MAAM;AAE/C,OACE,IAAI,OAAO,WACX,KAAK,SAAS,QAAQ,IAAI,KAAK,OAAO,QAAQ,EAC9C,OAAO,KAAK,IAAI,GAAG,MAAM,EACzB;GACA,MAAM,UAAU,KAAK,OAAO,aAAa;AACzC,OAAI,CAAC,cAAc,SACjB,eAAc,WAAW,EAAE;AAE7B,iBAAc,SAAS,KAAK,MAAM;;AAGpC;;CAGF,MAAM,YAAY,MAAM,MAAM,MAAM,CAAC,OAAO,aAAa;AACzD,KAAI,CAAC,cAAc,WACjB,eAAc,aAAa,EAAE;AAE/B,eAAc,WAAW,KAAK,MAAM;;AAQtC,SAAgB,yBAAyB,EAAE,MAAM,UAAyC;CACxF,MAAM,gBAA+B,EAAE;AAEvC,KAAI,WAAW,KAAA,EACb,QAAO;CAGT,MAAM,sBAAM,IAAI,KAAsB;AAEtC,MAAK,MAAM,SAAS,QAAQ;AAC1B,MAAI,MAAM,YAAY,aACpB;AAGF,MAAI,MAAM,MAAM,MAAM,CAAC,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE;AACnD,oBAAiB,cAAc,MAAM,EAAE,cAAc;AAErD,OAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CACpB,KAAI,IAAI,MAAM,GAAG;OAEjB,OAAM,IAAI,MACR,oEAAoE,MAAM,KAC3E;;;AAKP,QAAO"}
+{"version":3,"file":"get-mobile-month-view-events.mjs","names":[],"sources":["../../../src/components/MobileMonthView/get-mobile-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue, ScheduleEventData } from '../../types';\nimport { isMultidayEvent, validateEvent } from '../../utils';\n\nexport type GroupedEvents = Record<DateStringValue, ScheduleEventData[]>;\n\nfunction groupEventByDate(event: ScheduleEventData, groupedEvents: GroupedEvents) {\n  if (isMultidayEvent(event)) {\n    const startDate = dayjs(event.start).startOf('day');\n    const endDate = dayjs(event.end).startOf('day');\n\n    for (\n      let date = startDate;\n      date.isBefore(endDate) || date.isSame(endDate);\n      date = date.add(1, 'day')\n    ) {\n      const dateKey = date.format('YYYY-MM-DD');\n      if (!groupedEvents[dateKey]) {\n        groupedEvents[dateKey] = [];\n      }\n      groupedEvents[dateKey].push(event);\n    }\n\n    return;\n  }\n\n  const eventDate = dayjs(event.start).format('YYYY-MM-DD');\n  if (!groupedEvents[eventDate]) {\n    groupedEvents[eventDate] = [];\n  }\n  groupedEvents[eventDate].push(event);\n}\n\ninterface GetMobileMonthViewEventsInput {\n  date: AnyDateValue;\n  events: ScheduleEventData[] | undefined;\n}\n\nexport function getMobileMonthViewEvents({ date, events }: GetMobileMonthViewEventsInput) {\n  const groupedEvents: GroupedEvents = {};\n\n  if (events === undefined) {\n    return groupedEvents;\n  }\n\n  const ids = new Set<string | number>();\n\n  for (const event of events) {\n    if (event.display === 'background') {\n      continue;\n    }\n\n    if (dayjs(event.start).isSame(dayjs(date), 'month')) {\n      groupEventByDate(validateEvent(event), groupedEvents);\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(\n          `[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`\n        );\n      }\n    }\n  }\n\n  return groupedEvents;\n}\n"],"mappings":";;;;;AAMA,SAAS,iBAAiB,OAA0B,eAA8B;CAChF,IAAI,gBAAgB,KAAK,GAAG;EAC1B,MAAM,YAAY,MAAM,MAAM,KAAK,EAAE,QAAQ,KAAK;EAClD,MAAM,UAAU,MAAM,MAAM,GAAG,EAAE,QAAQ,KAAK;EAE9C,KACE,IAAI,OAAO,WACX,KAAK,SAAS,OAAO,KAAK,KAAK,OAAO,OAAO,GAC7C,OAAO,KAAK,IAAI,GAAG,KAAK,GACxB;GACA,MAAM,UAAU,KAAK,OAAO,YAAY;GACxC,IAAI,CAAC,cAAc,UACjB,cAAc,WAAW,CAAC;GAE5B,cAAc,SAAS,KAAK,KAAK;EACnC;EAEA;CACF;CAEA,MAAM,YAAY,MAAM,MAAM,KAAK,EAAE,OAAO,YAAY;CACxD,IAAI,CAAC,cAAc,YACjB,cAAc,aAAa,CAAC;CAE9B,cAAc,WAAW,KAAK,KAAK;AACrC;AAOA,SAAgB,yBAAyB,EAAE,MAAM,UAAyC;CACxF,MAAM,gBAA+B,CAAC;CAEtC,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,sBAAM,IAAI,IAAqB;CAErC,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,MAAM,YAAY,cACpB;EAGF,IAAI,MAAM,MAAM,KAAK,EAAE,OAAO,MAAM,IAAI,GAAG,OAAO,GAAG;GACnD,iBAAiB,cAAc,KAAK,GAAG,aAAa;GAEpD,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;QAEhB,MAAM,IAAI,MACR,oEAAoE,MAAM,IAC5E;EAEJ;CACF;CAEA,OAAO;AACT"}

package/esm/components/MonthView/MonthView.mjs

@@ -14,6 +14,7 @@ import { ScheduleEvent } from "../ScheduleEvent/ScheduleEvent.mjs";
 import { MoreEvents } from "../MoreEvents/MoreEvents.mjs";
 import { ScheduleHeaderBase } from "../ScheduleHeader/ScheduleHeaderBase.mjs";
 import { handleMonthViewKeyDown } from "./handle-month-view-key-down.mjs";
+import { getRenderableMonthEventSegments } from "./get-renderable-month-event-segments.mjs";
 import { getMonthViewEvents } from "./get-month-view-events/get-month-view-events.mjs";
 import MonthView_module_default from "./MonthView.module.mjs";
 import dayjs from "dayjs";
@@ -242,27 +243,36 @@ const MonthView = factory((_props) => {
 			return /* @__PURE__ */ jsx(Box, { ...restBgEventProps }, bgEventKey);
 		});
 		const rowHeightPercent = 100 / maxEventsPerDay;
-		const events = (monthEvents.groupedByWeek[weekIndex] || []).filter((event) => event.position.row < maxEventsPerDay).map((event) => {
-			const isDraggable = dragDrop.isDraggableEvent(event);
+		const events = getRenderableMonthEventSegments({
+			events: monthEvents.groupedByWeek[weekIndex] || [],
+			groupedByDay: monthEvents.groupedByDay,
+			maxEventsPerDay,
+			week
+		}).map((segment) => {
+			const isDraggable = dragDrop.isDraggableEvent(segment.event);
 			return /* @__PURE__ */ jsx(ScheduleEvent, {
-				event,
+				event: segment.event,
 				nowrap: true,
 				autoSize: true,
-				hanging: event.position.hanging,
+				hanging: segment.position.hanging,
 				draggable: isDraggable,
 				renderEventBody,
 				renderEvent,
 				radius,
 				mode,
-				onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+				mod: {
+					"clip-start": segment.clipStart,
+					"clip-end": segment.clipEnd
+				},
+				onClick: onEventClick ? (e) => onEventClick(segment.event, e) : void 0,
 				style: {
 					position: "absolute",
-					top: `calc(${event.position.row * rowHeightPercent}% + 1px)`,
-					left: `calc(${event.position.startOffset}% + 1px)`,
-					width: `calc(${event.position.width}% - 2px)`,
+					top: `calc(${segment.position.row * rowHeightPercent}% + 1px)`,
+					left: `calc(${segment.position.startOffset}% + 1px)`,
+					width: `calc(${segment.position.width}% - 2px)`,
 					height: `calc(${rowHeightPercent}% - 2px)`
 				}
-			}, event.id);
+			}, segment.key);
 		});
 		const moreEventsNodes = week.map((day, dayIndex) => {
 			const dayEvents = monthEvents.groupedByDay[day] || [];

package/esm/components/MonthView/MonthView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthView.mjs","names":["classes"],"sources":["../../../src/components/MonthView/MonthView.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  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateMonthDropDate,\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthRange,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps } from '../MoreEvents/MoreEvents';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getMonthViewEvents } from './get-month-view-events/get-month-view-events';\nimport { handleMonthViewKeyDown, MonthViewControlsRef } from './handle-month-view-key-down';\nimport classes from './MonthView.module.css';\n\nexport type MonthViewStylesNames =\n  | 'monthView'\n  | 'monthViewScrollArea'\n  | 'monthViewInner'\n  | 'monthViewWeek'\n  | 'monthViewDay'\n  | 'monthViewDayLabel'\n  | 'monthViewWeekNumber'\n  | 'monthViewWeekday'\n  | 'monthViewWeekdays'\n  | 'monthViewWeekdaysCorner'\n  | 'monthViewEvents'\n  | 'monthViewBackgroundEvent'\n  | CombinedScheduleHeaderStylesNames;\n\nexport type MonthViewCssVariables = {\n  monthView: '--month-view-radius' | '--month-view-max-events';\n};\n\nexport interface MonthViewProps\n  extends BoxProps, StylesApiProps<MonthViewFactory>, 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  /** 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 true */\n  withOutsideDays?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Props passed down to `MonthYearSelect` component in the header */\n  monthYearSelectProps?: Partial<MonthYearSelectProps>;\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  /** Events to display */\n  events?: ScheduleEventData[];\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped on new date */\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 event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select day ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a day range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\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  /** Props passed down to `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\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  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per day before \"+more\" indicator shows, value is clamped between 1 and 10 @default 2 */\n  maxEventsPerDay?: number;\n}\n\nexport type MonthViewFactory = Factory<{\n  props: MonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MonthViewStylesNames;\n  vars: MonthViewCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<MonthViewFactory>(\n  (_theme, { radius, maxEventsPerDay }) => ({\n    monthView: {\n      '--month-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--month-view-max-events':\n        maxEventsPerDay !== undefined ? `${Math.min(10, Math.max(1, maxEventsPerDay))}` : undefined,\n    },\n  })\n);\n\nconst defaultProps = {\n  __staticSelector: 'MonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  withOutsideDays: true,\n  withHeader: true,\n  weekdayFormat: 'ddd',\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  mode: 'default',\n} satisfies Partial<MonthViewProps>;\n\nexport const MonthView = factory<MonthViewFactory>((_props) => {\n  const props = useProps('MonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    mod,\n    date,\n    onDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    weekdayFormat,\n    firstDayOfWeek,\n    weekendDays,\n    __staticSelector,\n    getDayProps,\n    getWeekNumberProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    todayControlProps,\n    nextControlProps,\n    previousControlProps,\n    viewSelectProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    labels,\n    mode,\n    scrollAreaProps,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerDay: _maxEventsPerDay,\n    ...others\n  } = props;\n\n  const maxEventsPerDay = Math.min(10, Math.max(1, _maxEventsPerDay ?? 2));\n\n  const getStyles = useStyles<MonthViewFactory>({\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: 'monthView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MonthViewFactory>({\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\n  const range = getMonthRange({\n    month: date,\n    withOutsideDays,\n    consistentWeeks,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(range.start).startOf('day').toDate(),\n    rangeEnd: dayjs(range.end).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const monthEvents = getMonthViewEvents({\n    date,\n    events: expandedEvents,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    withOutsideDays,\n    consistentWeeks,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      return calculateMonthDropDate({\n        draggedEvent,\n        targetDay,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const flatDaysRef = useRef<string[]>([]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDay = flatDaysRef.current[startIndex];\n      const endDay = flatDaysRef.current[endIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd(\n          dayjs(startDay).startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n          dayjs(endDay).endOf('day').format('YYYY-MM-DD HH:mm:ss')\n        );\n      }\n    },\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n\n  const monthDays = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD 00:00:00'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks: consistentWeeks && withOutsideDays,\n  });\n\n  const firstDayIndex = (() => {\n    for (let weekIndex = 0; weekIndex < monthDays.length; weekIndex++) {\n      const week = monthDays[weekIndex];\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        const day = week[dayIndex];\n        const outside = !isSameMonth(date, day);\n        if (!outside || withOutsideDays) {\n          return { weekIndex, dayIndex };\n        }\n      }\n    }\n    return { weekIndex: 0, dayIndex: 0 };\n  })();\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('monthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const monthGroup = 'month';\n  flatDaysRef.current = monthDays.flat();\n\n  const weeks = monthDays.map((week, weekIndex) => {\n    if (!daysRef.current[weekIndex]) {\n      daysRef.current[weekIndex] = [];\n    }\n\n    const days = week.map((day, dayIndex) => {\n      const outside = !isSameMonth(date, day);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(day).day());\n      const ariaLabel = dayjs(day)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(day).format('YYYY-MM-DD')) || {};\n      const today = dayjs(day).isSame(dayjs(), 'day') && highlightToday;\n\n      if (outside && !withOutsideDays) {\n        return (\n          <div key={day} data-static {...getStyles('monthViewDay', { style: dayProps.style })} />\n        );\n      }\n\n      const isFirstDay =\n        weekIndex === firstDayIndex.weekIndex && dayIndex === firstDayIndex.dayIndex;\n\n      const isDropTarget = dragDrop.isDropTarget(day);\n      const flatIndex = weekIndex * 7 + dayIndex;\n      const isDragSelected = slotDragSelect.isSlotSelected(flatIndex, monthGroup);\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('monthViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={day}\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          data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? flatIndex : undefined}\n          data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? monthGroup : undefined}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(day).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n          onPointerDown={\n            withDragSlotSelect && mode !== 'static'\n              ? (e) =>\n                  slotDragSelect.handleSlotPointerDown(\n                    e as React.PointerEvent<HTMLButtonElement>,\n                    flatIndex,\n                    monthGroup\n                  )\n              : undefined\n          }\n          onKeyDown={(event) => {\n            handleMonthViewKeyDown({\n              controlsRef: daysRef,\n              weekIndex,\n              dayIndex,\n              event,\n            });\n            dayProps.onKeyDown?.(event);\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today,\n              'drop-target': isDropTarget,\n              'drag-selected': isDragSelected,\n              static: mode === 'static',\n            },\n            dayProps.mod,\n          ]}\n          data-outside={outside || undefined}\n          tabIndex={mode === 'static' ? -1 : isFirstDay ? 0 : -1}\n          onDragOver={withDragHandlers ? (e) => dragDrop.handleDragOver(e, day) : undefined}\n          onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n          onDrop={withDragHandlers ? (e) => dragDrop.handleDrop(e, day) : undefined}\n        >\n          <span data-today={today || undefined} {...getStyles('monthViewDayLabel')}>\n            {dayjs(day).format('D')}\n          </span>\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    const backgroundEventNodes = (monthEvents.backgroundByWeek[weekIndex] || []).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-${event.id}-${weekIndex}`,\n        ...getStyles('monthViewBackgroundEvent', {\n          style: {\n            left: `calc(${event.position.startOffset}% + 2px)`,\n            width: `calc(${event.position.width}% - 3px)`,\n          },\n        }),\n        __vars: {\n          '--bg-event-bg': colors.background,\n          '--bg-event-color': colors.color,\n        },\n        children: bgEventBody,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return renderEvent(event, bgEventProps as any);\n      }\n\n      const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n      return <Box key={bgEventKey} {...restBgEventProps} />;\n    });\n\n    const rowHeightPercent = 100 / maxEventsPerDay;\n\n    const events = (monthEvents.groupedByWeek[weekIndex] || [])\n      .filter((event) => event.position.row < maxEventsPerDay)\n      .map((event) => {\n        const isDraggable = dragDrop.isDraggableEvent(event);\n\n        return (\n          <ScheduleEvent\n            key={event.id}\n            event={event}\n            nowrap\n            autoSize\n            hanging={event.position.hanging}\n            draggable={isDraggable}\n            renderEventBody={renderEventBody}\n            renderEvent={renderEvent}\n            radius={radius}\n            mode={mode}\n            onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n            style={{\n              position: 'absolute',\n              top: `calc(${event.position.row * rowHeightPercent}% + 1px)`,\n              left: `calc(${event.position.startOffset}% + 1px)`,\n              width: `calc(${event.position.width}% - 2px)`,\n              height: `calc(${rowHeightPercent}% - 2px)`,\n            }}\n          />\n        );\n      });\n\n    const moreEventsNodes = week.map((day, dayIndex) => {\n      const dayEvents = monthEvents.groupedByDay[day] || [];\n      const hiddenEventsCount = Math.max(0, dayEvents.length - maxEventsPerDay);\n\n      if (hiddenEventsCount <= 0) {\n        return null;\n      }\n\n      // Calculate position based on day's position within the week (each day is 1/7 of the week)\n      const dayStartOffset = (dayIndex / 7) * 100;\n      const dayWidth = (1 / 7) * 100;\n\n      return (\n        <MoreEvents\n          key={`more-${day}`}\n          events={dayEvents}\n          moreEventsCount={hiddenEventsCount}\n          mode={mode}\n          labels={labels}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          onEventClick={onEventClick}\n          style={{\n            position: 'absolute',\n            top: `calc(100% - 2px)`,\n            left: `calc(${dayStartOffset}% + 1px)`,\n            width: `calc(${dayWidth}% - 1px)`,\n            height: '22px',\n            paddingInline: 4,\n          }}\n          {...moreEventsProps}\n        />\n      );\n    });\n\n    return (\n      <div {...getStyles('monthViewWeek')} 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                    onViewChange?.('week');\n                    onDateChange?.(toDateString(week[0]));\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('monthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        <div {...getStyles('monthViewEvents')} key=\"week-events\">\n          {backgroundEventNodes}\n          {events}\n          {moreEventsNodes}\n        </div>\n\n        {days}\n      </div>\n    );\n  });\n\n  const content = (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n          'slot-dragging': slotDragSelect.isDragging,\n        },\n        mod,\n      ]}\n      {...getStyles('monthView')}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"month\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'month').startOf('month')),\n            next: () => toDateString(dayjs(date).add(1, 'month').startOf('month')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('month'))),\n              onMonthChange: (month) =>\n                onDateChange?.(toDateString(dayjs(date).set('month', month).startOf('month'))),\n              ...monthYearSelectProps,\n            },\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\n        scrollbarSize={4}\n        {...scrollAreaProps}\n        {...getStyles('monthViewScrollArea', {\n          className: scrollAreaProps?.className,\n          style: scrollAreaProps?.style,\n        })}\n      >\n        <div {...getStyles('monthViewInner')}>\n          {weekdays && (\n            <div {...getStyles('monthViewWeekdays')}>\n              {withWeekNumbers && <div {...getStyles('monthViewWeekdaysCorner')} />}\n              {weekdays}\n            </div>\n          )}\n\n          {weeks}\n        </div>\n      </ScrollArea>\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nMonthView.displayName = '@mantine/schedule/MonthView';\nMonthView.classes = classes;\nMonthView.varsResolver = varsResolver;\n\nexport namespace MonthView {\n  export type Props = MonthViewProps;\n  export type Factory = MonthViewFactory;\n  export type StylesNames = MonthViewStylesNames;\n  export type CssVariables = MonthViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"MonthView.mjs","names":["classes"],"sources":["../../../src/components/MonthView/MonthView.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  ScrollArea,\n  ScrollAreaProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  calculateMonthDropDate,\n  expandRecurringEvents,\n  getMonthDays,\n  getMonthRange,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n  toDateString,\n} from '../../utils';\nimport { DragContext } from '../DragContext/DragContext';\nimport { MoreEvents, MoreEventsProps } from '../MoreEvents/MoreEvents';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getRenderableMonthEventSegments } from './get-renderable-month-event-segments';\nimport { getMonthViewEvents } from './get-month-view-events/get-month-view-events';\nimport { handleMonthViewKeyDown, MonthViewControlsRef } from './handle-month-view-key-down';\nimport classes from './MonthView.module.css';\n\nexport type MonthViewStylesNames =\n  | 'monthView'\n  | 'monthViewScrollArea'\n  | 'monthViewInner'\n  | 'monthViewWeek'\n  | 'monthViewDay'\n  | 'monthViewDayLabel'\n  | 'monthViewWeekNumber'\n  | 'monthViewWeekday'\n  | 'monthViewWeekdays'\n  | 'monthViewWeekdaysCorner'\n  | 'monthViewEvents'\n  | 'monthViewBackgroundEvent'\n  | CombinedScheduleHeaderStylesNames;\n\nexport type MonthViewCssVariables = {\n  monthView: '--month-view-radius' | '--month-view-max-events';\n};\n\nexport interface MonthViewProps\n  extends BoxProps, StylesApiProps<MonthViewFactory>, 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  /** 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 true */\n  withOutsideDays?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Props passed down to `MonthYearSelect` component in the header */\n  monthYearSelectProps?: Partial<MonthYearSelectProps>;\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  /** Events to display */\n  events?: ScheduleEventData[];\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped on new date */\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 event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select day ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a day range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\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  /** Props passed down to `ScrollArea` component */\n  scrollAreaProps?: Partial<ScrollAreaProps> & DataAttributes;\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  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Maximum number of events visible per day before \"+more\" indicator shows, value is clamped between 1 and 10 @default 2 */\n  maxEventsPerDay?: number;\n}\n\nexport type MonthViewFactory = Factory<{\n  props: MonthViewProps;\n  ref: HTMLDivElement;\n  stylesNames: MonthViewStylesNames;\n  vars: MonthViewCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<MonthViewFactory>(\n  (_theme, { radius, maxEventsPerDay }) => ({\n    monthView: {\n      '--month-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--month-view-max-events':\n        maxEventsPerDay !== undefined ? `${Math.min(10, Math.max(1, maxEventsPerDay))}` : undefined,\n    },\n  })\n);\n\nconst defaultProps = {\n  __staticSelector: 'MonthView',\n  withWeekDays: true,\n  consistentWeeks: true,\n  highlightToday: true,\n  withOutsideDays: true,\n  withHeader: true,\n  weekdayFormat: 'ddd',\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  mode: 'default',\n} satisfies Partial<MonthViewProps>;\n\nexport const MonthView = factory<MonthViewFactory>((_props) => {\n  const props = useProps('MonthView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    mod,\n    date,\n    onDateChange,\n    withWeekNumbers,\n    withWeekDays,\n    locale,\n    weekdayFormat,\n    firstDayOfWeek,\n    weekendDays,\n    __staticSelector,\n    getDayProps,\n    getWeekNumberProps,\n    onDayClick,\n    onWeekNumberClick,\n    consistentWeeks,\n    highlightToday,\n    radius,\n    withOutsideDays,\n    withHeader,\n    monthYearSelectProps,\n    onViewChange,\n    todayControlProps,\n    nextControlProps,\n    previousControlProps,\n    viewSelectProps,\n    events,\n    moreEventsProps,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    labels,\n    mode,\n    scrollAreaProps,\n    onExternalEventDrop,\n    recurrenceExpansionLimit,\n    maxEventsPerDay: _maxEventsPerDay,\n    ...others\n  } = props;\n\n  const maxEventsPerDay = Math.min(10, Math.max(1, _maxEventsPerDay ?? 2));\n\n  const getStyles = useStyles<MonthViewFactory>({\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: 'monthView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MonthViewFactory>({\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\n  const range = getMonthRange({\n    month: date,\n    withOutsideDays,\n    consistentWeeks,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(range.start).startOf('day').toDate(),\n    rangeEnd: dayjs(range.end).endOf('day').toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const monthEvents = getMonthViewEvents({\n    date,\n    events: expandedEvents,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    withOutsideDays,\n    consistentWeeks,\n  });\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      return calculateMonthDropDate({\n        draggedEvent,\n        targetDay,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const flatDaysRef = useRef<string[]>([]);\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const startDay = flatDaysRef.current[startIndex];\n      const endDay = flatDaysRef.current[endIndex];\n      if (startDay && endDay) {\n        onSlotDragEnd(\n          dayjs(startDay).startOf('day').format('YYYY-MM-DD HH:mm:ss'),\n          dayjs(endDay).endOf('day').format('YYYY-MM-DD HH:mm:ss')\n        );\n      }\n    },\n  });\n\n  const daysRef: MonthViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n\n  const monthDays = getMonthDays({\n    month: dayjs(date).format('YYYY-MM-DD 00:00:00'),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    consistentWeeks: consistentWeeks && withOutsideDays,\n  });\n\n  const firstDayIndex = (() => {\n    for (let weekIndex = 0; weekIndex < monthDays.length; weekIndex++) {\n      const week = monthDays[weekIndex];\n      for (let dayIndex = 0; dayIndex < week.length; dayIndex++) {\n        const day = week[dayIndex];\n        const outside = !isSameMonth(date, day);\n        if (!outside || withOutsideDays) {\n          return { weekIndex, dayIndex };\n        }\n      }\n    }\n    return { weekIndex: 0, dayIndex: 0 };\n  })();\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('monthViewWeekday')} key={index}>\n          {day}\n        </div>\n      ))\n    : null;\n\n  const monthGroup = 'month';\n  flatDaysRef.current = monthDays.flat();\n\n  const weeks = monthDays.map((week, weekIndex) => {\n    if (!daysRef.current[weekIndex]) {\n      daysRef.current[weekIndex] = [];\n    }\n\n    const days = week.map((day, dayIndex) => {\n      const outside = !isSameMonth(date, day);\n      const weekend = ctx.getWeekendDays(weekendDays).includes(dayjs(day).day());\n      const ariaLabel = dayjs(day)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(day).format('YYYY-MM-DD')) || {};\n      const today = dayjs(day).isSame(dayjs(), 'day') && highlightToday;\n\n      if (outside && !withOutsideDays) {\n        return (\n          <div key={day} data-static {...getStyles('monthViewDay', { style: dayProps.style })} />\n        );\n      }\n\n      const isFirstDay =\n        weekIndex === firstDayIndex.weekIndex && dayIndex === firstDayIndex.dayIndex;\n\n      const isDropTarget = dragDrop.isDropTarget(day);\n      const flatIndex = weekIndex * 7 + dayIndex;\n      const isDragSelected = slotDragSelect.isSlotSelected(flatIndex, monthGroup);\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('monthViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={day}\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          data-drag-slot-index={withDragSlotSelect && mode !== 'static' ? flatIndex : undefined}\n          data-drag-slot-group={withDragSlotSelect && mode !== 'static' ? monthGroup : undefined}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(day).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n          onPointerDown={\n            withDragSlotSelect && mode !== 'static'\n              ? (e) =>\n                  slotDragSelect.handleSlotPointerDown(\n                    e as React.PointerEvent<HTMLButtonElement>,\n                    flatIndex,\n                    monthGroup\n                  )\n              : undefined\n          }\n          onKeyDown={(event) => {\n            handleMonthViewKeyDown({\n              controlsRef: daysRef,\n              weekIndex,\n              dayIndex,\n              event,\n            });\n            dayProps.onKeyDown?.(event);\n          }}\n          mod={[\n            {\n              outside,\n              weekend,\n              today,\n              'drop-target': isDropTarget,\n              'drag-selected': isDragSelected,\n              static: mode === 'static',\n            },\n            dayProps.mod,\n          ]}\n          data-outside={outside || undefined}\n          tabIndex={mode === 'static' ? -1 : isFirstDay ? 0 : -1}\n          onDragOver={withDragHandlers ? (e) => dragDrop.handleDragOver(e, day) : undefined}\n          onDragLeave={withDragHandlers ? dragDrop.handleDragLeave : undefined}\n          onDrop={withDragHandlers ? (e) => dragDrop.handleDrop(e, day) : undefined}\n        >\n          <span data-today={today || undefined} {...getStyles('monthViewDayLabel')}>\n            {dayjs(day).format('D')}\n          </span>\n        </UnstyledButton>\n      );\n    });\n\n    const weekNumberProps = getWeekNumberProps?.(dayjs(week[0]).format('YYYY-MM-DD')) || {};\n    const weekNumber = getWeekNumber(week);\n\n    const backgroundEventNodes = (monthEvents.backgroundByWeek[weekIndex] || []).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-${event.id}-${weekIndex}`,\n        ...getStyles('monthViewBackgroundEvent', {\n          style: {\n            left: `calc(${event.position.startOffset}% + 2px)`,\n            width: `calc(${event.position.width}% - 3px)`,\n          },\n        }),\n        __vars: {\n          '--bg-event-bg': colors.background,\n          '--bg-event-color': colors.color,\n        },\n        children: bgEventBody,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return renderEvent(event, bgEventProps as any);\n      }\n\n      const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n      return <Box key={bgEventKey} {...restBgEventProps} />;\n    });\n\n    const rowHeightPercent = 100 / maxEventsPerDay;\n\n    const eventSegments = getRenderableMonthEventSegments({\n      events: monthEvents.groupedByWeek[weekIndex] || [],\n      groupedByDay: monthEvents.groupedByDay,\n      maxEventsPerDay,\n      week,\n    });\n\n    const events = eventSegments.map((segment) => {\n      const isDraggable = dragDrop.isDraggableEvent(segment.event);\n\n      return (\n        <ScheduleEvent\n          key={segment.key}\n          event={segment.event}\n          nowrap\n          autoSize\n          hanging={segment.position.hanging}\n          draggable={isDraggable}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          mod={{ 'clip-start': segment.clipStart, 'clip-end': segment.clipEnd }}\n          onClick={onEventClick ? (e) => onEventClick(segment.event, e) : undefined}\n          style={{\n            position: 'absolute',\n            top: `calc(${segment.position.row * rowHeightPercent}% + 1px)`,\n            left: `calc(${segment.position.startOffset}% + 1px)`,\n            width: `calc(${segment.position.width}% - 2px)`,\n            height: `calc(${rowHeightPercent}% - 2px)`,\n          }}\n        />\n      );\n    });\n\n    const moreEventsNodes = week.map((day, dayIndex) => {\n      const dayEvents = monthEvents.groupedByDay[day] || [];\n      const hiddenEventsCount = Math.max(0, dayEvents.length - maxEventsPerDay);\n\n      if (hiddenEventsCount <= 0) {\n        return null;\n      }\n\n      // Calculate position based on day's position within the week (each day is 1/7 of the week)\n      const dayStartOffset = (dayIndex / 7) * 100;\n      const dayWidth = (1 / 7) * 100;\n\n      return (\n        <MoreEvents\n          key={`more-${day}`}\n          events={dayEvents}\n          moreEventsCount={hiddenEventsCount}\n          mode={mode}\n          labels={labels}\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          onEventClick={onEventClick}\n          style={{\n            position: 'absolute',\n            top: `calc(100% - 2px)`,\n            left: `calc(${dayStartOffset}% + 1px)`,\n            width: `calc(${dayWidth}% - 1px)`,\n            height: '22px',\n            paddingInline: 4,\n          }}\n          {...moreEventsProps}\n        />\n      );\n    });\n\n    return (\n      <div {...getStyles('monthViewWeek')} 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                    onViewChange?.('week');\n                    onDateChange?.(toDateString(week[0]));\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('monthViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        <div {...getStyles('monthViewEvents')} key=\"week-events\">\n          {backgroundEventNodes}\n          {events}\n          {moreEventsNodes}\n        </div>\n\n        {days}\n      </div>\n    );\n  });\n\n  const content = (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n          'slot-dragging': slotDragSelect.isDragging,\n        },\n        mod,\n      ]}\n      {...getStyles('monthView')}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"month\"\n          navigationHandlers={{\n            previous: () => toDateString(dayjs(date).subtract(1, 'month').startOf('month')),\n            next: () => toDateString(dayjs(date).add(1, 'month').startOf('month')),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            monthYearSelect: {\n              locale,\n              yearValue: dayjs(date).get('year'),\n              monthValue: dayjs(date).get('month'),\n              onYearChange: (year) =>\n                onDateChange?.(toDateString(dayjs(date).set('year', year).startOf('month'))),\n              onMonthChange: (month) =>\n                onDateChange?.(toDateString(dayjs(date).set('month', month).startOf('month'))),\n              ...monthYearSelectProps,\n            },\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\n        scrollbarSize={4}\n        {...scrollAreaProps}\n        {...getStyles('monthViewScrollArea', {\n          className: scrollAreaProps?.className,\n          style: scrollAreaProps?.style,\n        })}\n      >\n        <div {...getStyles('monthViewInner')}>\n          {weekdays && (\n            <div {...getStyles('monthViewWeekdays')}>\n              {withWeekNumbers && <div {...getStyles('monthViewWeekdaysCorner')} />}\n              {weekdays}\n            </div>\n          )}\n\n          {weeks}\n        </div>\n      </ScrollArea>\n    </Box>\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={dragDrop.dragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nMonthView.displayName = '@mantine/schedule/MonthView';\nMonthView.classes = classes;\nMonthView.varsResolver = varsResolver;\n\nexport namespace MonthView {\n  export type Props = MonthViewProps;\n  export type Factory = MonthViewFactory;\n  export type StylesNames = MonthViewStylesNames;\n  export type CssVariables = MonthViewCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuNA,MAAM,eAAe,oBAClB,QAAQ,EAAE,QAAQ,uBAAuB,EACxC,WAAW;CACT,uBAAuB,WAAW,KAAA,IAAY,UAAU,MAAM,IAAI,KAAA;CAClE,2BACE,oBAAoB,KAAA,IAAY,GAAG,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC,MAAM,KAAA;AACtF,EACF,EACF;AAEA,MAAM,eAAe;CACnB,kBAAkB;CAClB,cAAc;CACd,iBAAiB;CACjB,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,eAAe;CACf,uBAAuB;CACvB,oBAAoB;CACpB,MAAM;AACR;AAEA,MAAa,YAAY,SAA2B,WAAW;CAC7D,MAAM,QAAQ,SAAS,aAAa,cAAc,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,YACA,MACA,KACA,MACA,cACA,iBACA,cACA,QACA,eACA,gBACA,aACA,kBACA,aACA,oBACA,YACA,mBACA,iBACA,gBACA,QACA,iBACA,YACA,sBACA,cACA,mBACA,kBACA,sBACA,iBACA,QACA,iBACA,iBACA,aACA,uBACA,aACA,cACA,kBACA,gBACA,cACA,oBACA,eACA,QACA,MACA,iBACA,qBACA,0BACA,iBAAiB,kBACjB,GAAG,WACD;CAEJ,MAAM,kBAAkB,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,oBAAoB,CAAC,CAAC;CAEvE,MAAM,YAAY,UAA4B;EAC5C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,EAAE,oBAAoB,mBAAmB,qBAAuC;EACpF;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB;EACrB,YAAY;EACZ,QAAQ;EACR;EACA;EACA;CACF;CAEA,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,MAAM,gBAAgB;CAE5B,MAAM,QAAQ,cAAc;EAC1B,OAAO;EACP;EACA;EACA,gBAAgB,IAAI,kBAAkB,cAAc;CACtD,CAAC;CASD,MAAM,cAAc,mBAAmB;EACrC;EACA,QATqB,sBAAsB;GAC3C;GACA,YAAY,MAAM,MAAM,KAAK,EAAE,QAAQ,KAAK,EAAE,OAAO;GACrD,UAAU,MAAM,MAAM,GAAG,EAAE,MAAM,KAAK,EAAE,OAAO;GAC/C,gBAAgB;EAClB,CAIuB;EACrB,gBAAgB,IAAI,kBAAkB,cAAc;EACpD;EACA;CACF,CAAC;CAED,MAAM,qBAAqB,aACxB,GAAoB,QAAgB;EACnC,IAAI,CAAC,qBACH;EAEF,oBAAoB,EAAE,cAAc,GAAG,MAAM,GAAG,EAAE,OAAO,YAAY,EAAE,UAAU;CACnF,GACA,CAAC,mBAAmB,CACtB;CAEA,MAAM,WAAW,oBAA4B;EAC3C,SAAS;EACT;EACA;EACA;EACA;EACA;EACA,sBAAsB,WAAmB,iBAAoC;GAC3E,OAAO,uBAAuB;IAC5B;IACA;GACF,CAAC;EACH;EACA,gBAAgB,sBAAsB,qBAAqB,KAAA;CAC7D,CAAC;CAED,MAAM,oBAAoB,yBAAyB,CAAC,CAAC,wBAAwB,SAAS;CAEtF,MAAM,cAAc,OAAiB,CAAC,CAAC;CAEvC,MAAM,iBAAiB,kBAAkB;EACvC,SAAS,sBAAsB,SAAS;EACxC,YAAY,YAAY,aAAa;GACnC,IAAI,CAAC,eACH;GAEF,MAAM,WAAW,YAAY,QAAQ;GACrC,MAAM,SAAS,YAAY,QAAQ;GACnC,IAAI,YAAY,QACd,cACE,MAAM,QAAQ,EAAE,QAAQ,KAAK,EAAE,OAAO,qBAAqB,GAC3D,MAAM,MAAM,EAAE,MAAM,KAAK,EAAE,OAAO,qBAAqB,CACzD;EAEJ;CACF,CAAC;CAED,MAAM,UAAgC,OAA8B,CAAC,CAAC;CAEtE,MAAM,YAAY,aAAa;EAC7B,OAAO,MAAM,IAAI,EAAE,OAAO,qBAAqB;EAC/C,gBAAgB,IAAI,kBAAkB,cAAc;EACpD,iBAAiB,mBAAmB;CACtC,CAAC;CAED,MAAM,uBAAuB;EAC3B,KAAK,IAAI,YAAY,GAAG,YAAY,UAAU,QAAQ,aAAa;GACjE,MAAM,OAAO,UAAU;GACvB,KAAK,IAAI,WAAW,GAAG,WAAW,KAAK,QAAQ,YAAY;IACzD,MAAM,MAAM,KAAK;IAEjB,IAAI,CAAC,CADY,YAAY,MAAM,GAAG,KACtB,iBACd,OAAO;KAAE;KAAW;IAAS;GAEjC;EACF;EACA,OAAO;GAAE,WAAW;GAAG,UAAU;EAAE;CACrC,GAAG;CAEH,MAAM,WAAW,eACb,iBAAiB;EACf,QAAQ,IAAI,UAAU,MAAM;EAC5B,QAAQ;EACR,gBAAgB,IAAI,kBAAkB,cAAc;CACtD,CAAC,EAAE,KAAK,KAAK,UACX,8BAAC,OAAD;EAAK,GAAI,UAAU,kBAAkB;EAAG,KAAK;CAExC,GADF,GACE,CACN,IACD;CAEJ,MAAM,aAAa;CACnB,YAAY,UAAU,UAAU,KAAK;CAErC,MAAM,QAAQ,UAAU,KAAK,MAAM,cAAc;EAC/C,IAAI,CAAC,QAAQ,QAAQ,YACnB,QAAQ,QAAQ,aAAa,CAAC;EAGhC,MAAM,OAAO,KAAK,KAAK,KAAK,aAAa;GACvC,MAAM,UAAU,CAAC,YAAY,MAAM,GAAG;GACtC,MAAM,UAAU,IAAI,eAAe,WAAW,EAAE,SAAS,MAAM,GAAG,EAAE,IAAI,CAAC;GACzE,MAAM,YAAY,MAAM,GAAG,EACxB,OAAO,UAAU,IAAI,MAAM,EAC3B,OAAO,cAAc;GAExB,MAAM,WAAW,cAAc,MAAM,GAAG,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;GACpE,MAAM,QAAQ,MAAM,GAAG,EAAE,OAAO,MAAM,GAAG,KAAK,KAAK;GAEnD,IAAI,WAAW,CAAC,iBACd,OACE,oBAAC,OAAD;IAAe,eAAA;IAAY,GAAI,UAAU,gBAAgB,EAAE,OAAO,SAAS,MAAM,CAAC;GAAI,GAA5E,GAA4E;GAI1F,MAAM,aACJ,cAAc,cAAc,aAAa,aAAa,cAAc;GAEtE,MAAM,eAAe,SAAS,aAAa,GAAG;GAC9C,MAAM,YAAY,YAAY,IAAI;GAClC,MAAM,iBAAiB,eAAe,eAAe,WAAW,UAAU;GAE1E,OACE,8BAAC,gBAAD;IACE,cAAY;IACZ,GAAI;IACJ,GAAI,UAAU,gBAAgB;KAAE,WAAW,SAAS;KAAW,OAAO,SAAS;IAAM,CAAC;IACtF,KAAK;IACL,MAAM,SAAS;KACb,IAAI,MAAM;MACR,IAAI,CAAC,QAAQ,QAAQ,YACnB,QAAQ,QAAQ,aAAa,CAAC;MAEhC,QAAQ,QAAQ,WAAW,YAAY;KACzC;IACF;IACA,wBAAsB,sBAAsB,SAAS,WAAW,YAAY,KAAA;IAC5E,wBAAsB,sBAAsB,SAAS,WAAW,aAAa,KAAA;IAC7E,SACE,SAAS,WACL,KAAA,KACC,UAAU;KACT,aAAa,MAAM,GAAG,EAAE,OAAO,YAAY,GAAG,KAAK;KACnD,SAAS,UAAU,KAAK;IAC1B;IAEN,eACE,sBAAsB,SAAS,YAC1B,MACC,eAAe,sBACb,GACA,WACA,UACF,IACF,KAAA;IAEN,YAAY,UAAU;KACpB,uBAAuB;MACrB,aAAa;MACb;MACA;MACA;KACF,CAAC;KACD,SAAS,YAAY,KAAK;IAC5B;IACA,KAAK,CACH;KACE;KACA;KACA;KACA,eAAe;KACf,iBAAiB;KACjB,QAAQ,SAAS;IACnB,GACA,SAAS,GACX;IACA,gBAAc,WAAW,KAAA;IACzB,UAAU,SAAS,WAAW,KAAK,aAAa,IAAI;IACpD,YAAY,oBAAoB,MAAM,SAAS,eAAe,GAAG,GAAG,IAAI,KAAA;IACxE,aAAa,mBAAmB,SAAS,kBAAkB,KAAA;IAC3D,QAAQ,oBAAoB,MAAM,SAAS,WAAW,GAAG,GAAG,IAAI,KAAA;GAKlD,GAHd,oBAAC,QAAD;IAAM,cAAY,SAAS,KAAA;IAAW,GAAI,UAAU,mBAAmB;cACpE,MAAM,GAAG,EAAE,OAAO,GAAG;GAClB,CAAA,CACQ;EAEpB,CAAC;EAED,MAAM,kBAAkB,qBAAqB,MAAM,KAAK,EAAE,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;EACtF,MAAM,aAAa,cAAc,IAAI;EAErC,MAAM,wBAAwB,YAAY,iBAAiB,cAAc,CAAC,GAAG,KAAK,UAAU;GAC1F,MAAM,SAAS,MAAM,qBAAqB;IACxC,OAAO,MAAM,SAAS,MAAM;IAC5B;IACA,SAAS;IACT,cAAc;GAChB,CAAC;GAED,MAAM,cACJ,OAAO,oBAAoB,aAAa,gBAAgB,KAAK,IAAI,MAAM;GAEzE,MAAM,eAAe;IACnB,KAAK,MAAM,MAAM,GAAG,GAAG;IACvB,GAAG,UAAU,4BAA4B,EACvC,OAAO;KACL,MAAM,QAAQ,MAAM,SAAS,YAAY;KACzC,OAAO,QAAQ,MAAM,SAAS,MAAM;IACtC,EACF,CAAC;IACD,QAAQ;KACN,iBAAiB,OAAO;KACxB,oBAAoB,OAAO;IAC7B;IACA,UAAU;GACZ;GAEA,IAAI,OAAO,gBAAgB,YACzB,OAAO,YAAY,OAAO,YAAmB;GAG/C,MAAM,EAAE,KAAK,YAAY,GAAG,qBAAqB;GACjD,OAAO,oBAAC,KAAD,EAAsB,GAAI,iBAAmB,GAAnC,UAAmC;EACtD,CAAC;EAED,MAAM,mBAAmB,MAAM;EAS/B,MAAM,SAPgB,gCAAgC;GACpD,QAAQ,YAAY,cAAc,cAAc,CAAC;GACjD,cAAc,YAAY;GAC1B;GACA;EACF,CAE2B,EAAE,KAAK,YAAY;GAC5C,MAAM,cAAc,SAAS,iBAAiB,QAAQ,KAAK;GAE3D,OACE,oBAAC,eAAD;IAEE,OAAO,QAAQ;IACf,QAAA;IACA,UAAA;IACA,SAAS,QAAQ,SAAS;IAC1B,WAAW;IACM;IACJ;IACL;IACF;IACN,KAAK;KAAE,cAAc,QAAQ;KAAW,YAAY,QAAQ;IAAQ;IACpE,SAAS,gBAAgB,MAAM,aAAa,QAAQ,OAAO,CAAC,IAAI,KAAA;IAChE,OAAO;KACL,UAAU;KACV,KAAK,QAAQ,QAAQ,SAAS,MAAM,iBAAiB;KACrD,MAAM,QAAQ,QAAQ,SAAS,YAAY;KAC3C,OAAO,QAAQ,QAAQ,SAAS,MAAM;KACtC,QAAQ,QAAQ,iBAAiB;IACnC;GACD,GAnBM,QAAQ,GAmBd;EAEL,CAAC;EAED,MAAM,kBAAkB,KAAK,KAAK,KAAK,aAAa;GAClD,MAAM,YAAY,YAAY,aAAa,QAAQ,CAAC;GACpD,MAAM,oBAAoB,KAAK,IAAI,GAAG,UAAU,SAAS,eAAe;GAExE,IAAI,qBAAqB,GACvB,OAAO;GAOT,OACE,oBAAC,YAAD;IAEE,QAAQ;IACR,iBAAiB;IACX;IACE;IACS;IACJ;IACC;IACd,OAAO;KACL,UAAU;KACV,KAAK;KACL,MAAM,QAhBY,WAAW,IAAK,IAgBL;KAC7B,OAAO,QAhBK,IAAI,IAAK,IAgBG;KACxB,QAAQ;KACR,eAAe;IACjB;IACA,GAAI;GACL,GAjBM,QAAQ,KAiBd;EAEL,CAAC;EAED,OACE,8BAAC,OAAD;GAAK,GAAI,UAAU,eAAe;GAAG,KAAK;EAkCrC,GAjCF,mBACC,oBAAC,gBAAD;GAEE,cAAY,QAAQ;GACpB,GAAI;GACJ,SACE,SAAS,WACL,KAAA,KACC,UAAU;IACT,eAAe,MAAM;IACrB,eAAe,aAAa,KAAK,EAAE,CAAC;IACpC,oBAAoB,MAAM,KAAK,EAAE,EAAE,OAAO,YAAY,GAAG,KAAK;IAC9D,gBAAgB,UAAU,KAAK;GACjC;GAEN,KAAK,EAAE,QAAQ,SAAS,SAAS;GACjC,UAAU,SAAS,WAAW,KAAK;GACnC,GAAI,UAAU,uBAAuB;IACnC,WAAW,gBAAgB;IAC3B,OAAO,gBAAgB;GACzB,CAAC;aAEA;EACa,GArBT,UAqBS,GAGlB,8BAAC,OAAD;GAAK,GAAI,UAAU,iBAAiB;GAAG,KAAI;EAItC,GAHF,sBACA,QACA,eACE,GAEJ,IACE;CAET,CAAC;CAED,MAAM,UACJ,qBAAC,KAAD;EACE,KAAK,CACH;GACE,qBAAqB;GACrB,iBAAiB;GACjB,QAAQ,SAAS;GACjB,iBAAiB,eAAe;EAClC,GACA,GACF;EACA,GAAI,UAAU,WAAW;EACzB,GAAI;YAXN,CAaG,cACC,oBAAC,oBAAD;GACE,MAAK;GACL,oBAAoB;IAClB,gBAAgB,aAAa,MAAM,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,QAAQ,OAAO,CAAC;IAC9E,YAAY,aAAa,MAAM,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAO,CAAC;IACrE,aAAa,aAAa,MAAM,CAAC;GACnC;GACA,SAAS,EACP,iBAAiB;IACf;IACA,WAAW,MAAM,IAAI,EAAE,IAAI,MAAM;IACjC,YAAY,MAAM,IAAI,EAAE,IAAI,OAAO;IACnC,eAAe,SACb,eAAe,aAAa,MAAM,IAAI,EAAE,IAAI,QAAQ,IAAI,EAAE,QAAQ,OAAO,CAAC,CAAC;IAC7E,gBAAgB,UACd,eAAe,aAAa,MAAM,IAAI,EAAE,IAAI,SAAS,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC;IAC/E,GAAG;GACL,EACF;GACQ;GACM;GACA;GACQ;GACJ;GACC;GACF;GACD;EACjB,CAAA,GAGH,oBAAC,YAAD;GACE,eAAe;GACf,GAAI;GACJ,GAAI,UAAU,uBAAuB;IACnC,WAAW,iBAAiB;IAC5B,OAAO,iBAAiB;GAC1B,CAAC;aAED,qBAAC,OAAD;IAAK,GAAI,UAAU,gBAAgB;cAAnC,CACG,YACC,qBAAC,OAAD;KAAK,GAAI,UAAU,mBAAmB;eAAtC,CACG,mBAAmB,oBAAC,OAAD,EAAK,GAAI,UAAU,yBAAyB,EAAI,CAAA,GACnE,QACE;QAGN,KACE;;EACK,CAAA,CACT;;CAGP,IAAI,uBACF,OAAO,oBAAC,YAAY,UAAb;EAAsB,OAAO,SAAS;YAAmB;CAA8B,CAAA;CAGhG,OAAO;AACT,CAAC;AAED,UAAU,cAAc;AACxB,UAAU,UAAUA;AACpB,UAAU,eAAe"}

package/esm/components/MonthView/get-month-view-events/add-event-to-day-groups.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"add-event-to-day-groups.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/add-event-to-day-groups.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface AddEventToDayGroupsInput {\n  positionedEvent: MonthPositionedEventData;\n  eventStart: dayjs.Dayjs;\n  eventEnd: dayjs.Dayjs;\n  groupedByDay: { [date: string]: MonthPositionedEventData[] };\n  eventsAddedToDay: Set<string>;\n  weekIdx: number;\n}\n\nexport function addEventToDayGroups({\n  positionedEvent,\n  eventStart,\n  eventEnd,\n  groupedByDay,\n  eventsAddedToDay,\n  weekIdx,\n}: AddEventToDayGroupsInput): void {\n  if (weekIdx === 0 || !eventsAddedToDay.has(positionedEvent.id.toString())) {\n    let dayDate = eventStart;\n    while (dayDate.isBefore(eventEnd) || dayDate.isSame(eventEnd, 'day')) {\n      const dayDateStr = dayDate.format('YYYY-MM-DD 00:00:00');\n      if (groupedByDay[dayDateStr]) {\n        groupedByDay[dayDateStr].push(positionedEvent);\n      }\n      dayDate = dayDate.add(1, 'day');\n    }\n    eventsAddedToDay.add(positionedEvent.id.toString());\n  }\n}\n"],"mappings":";;AAYA,SAAgB,oBAAoB,EAClC,iBACA,YACA,UACA,cACA,kBACA,WACiC;AACjC,KAAI,YAAY,KAAK,CAAC,iBAAiB,IAAI,gBAAgB,GAAG,UAAU,CAAC,EAAE;EACzE,IAAI,UAAU;AACd,SAAO,QAAQ,SAAS,SAAS,IAAI,QAAQ,OAAO,UAAU,MAAM,EAAE;GACpE,MAAM,aAAa,QAAQ,OAAO,sBAAsB;AACxD,OAAI,aAAa,YACf,cAAa,YAAY,KAAK,gBAAgB;AAEhD,aAAU,QAAQ,IAAI,GAAG,MAAM;;AAEjC,mBAAiB,IAAI,gBAAgB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"add-event-to-day-groups.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/add-event-to-day-groups.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface AddEventToDayGroupsInput {\n  positionedEvent: MonthPositionedEventData;\n  eventStart: dayjs.Dayjs;\n  eventEnd: dayjs.Dayjs;\n  groupedByDay: { [date: string]: MonthPositionedEventData[] };\n  eventsAddedToDay: Set<string>;\n  weekIdx: number;\n}\n\nexport function addEventToDayGroups({\n  positionedEvent,\n  eventStart,\n  eventEnd,\n  groupedByDay,\n  eventsAddedToDay,\n  weekIdx,\n}: AddEventToDayGroupsInput): void {\n  if (weekIdx === 0 || !eventsAddedToDay.has(positionedEvent.id.toString())) {\n    let dayDate = eventStart;\n    while (dayDate.isBefore(eventEnd) || dayDate.isSame(eventEnd, 'day')) {\n      const dayDateStr = dayDate.format('YYYY-MM-DD 00:00:00');\n      if (groupedByDay[dayDateStr]) {\n        groupedByDay[dayDateStr].push(positionedEvent);\n      }\n      dayDate = dayDate.add(1, 'day');\n    }\n    eventsAddedToDay.add(positionedEvent.id.toString());\n  }\n}\n"],"mappings":";;AAYA,SAAgB,oBAAoB,EAClC,iBACA,YACA,UACA,cACA,kBACA,WACiC;CACjC,IAAI,YAAY,KAAK,CAAC,iBAAiB,IAAI,gBAAgB,GAAG,SAAS,CAAC,GAAG;EACzE,IAAI,UAAU;EACd,OAAO,QAAQ,SAAS,QAAQ,KAAK,QAAQ,OAAO,UAAU,KAAK,GAAG;GACpE,MAAM,aAAa,QAAQ,OAAO,qBAAqB;GACvD,IAAI,aAAa,aACf,aAAa,YAAY,KAAK,eAAe;GAE/C,UAAU,QAAQ,IAAI,GAAG,KAAK;EAChC;EACA,iBAAiB,IAAI,gBAAgB,GAAG,SAAS,CAAC;CACpD;AACF"}

package/esm/components/MonthView/get-month-view-events/calculate-event-position-in-week.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-event-position-in-week.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/calculate-event-position-in-week.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport type HangingStatus = 'none' | 'start' | 'end' | 'both';\n\ninterface CalculateEventPositionInput {\n  eventStart: dayjs.Dayjs;\n  eventEnd: dayjs.Dayjs;\n  weekStart: dayjs.Dayjs;\n  weekEnd: dayjs.Dayjs;\n  isMultiday: boolean;\n}\n\ninterface EventPositionInWeek {\n  startDayIndex: number;\n  daysSpanned: number;\n  startOffset: number;\n  width: number;\n  hanging: HangingStatus;\n}\n\nexport function calculateEventPositionInWeek({\n  eventStart,\n  eventEnd,\n  weekStart,\n  weekEnd,\n  isMultiday,\n}: CalculateEventPositionInput): EventPositionInWeek {\n  let displayStart = eventStart;\n  let displayEnd = eventEnd;\n\n  const hangingStart = eventStart.isBefore(weekStart);\n  const hangingEnd = eventEnd.isAfter(weekEnd);\n  const hanging: HangingStatus =\n    hangingStart && hangingEnd ? 'both' : hangingStart ? 'start' : hangingEnd ? 'end' : 'none';\n\n  if (displayStart.isBefore(weekStart)) {\n    displayStart = weekStart;\n  }\n  if (displayEnd.isAfter(weekEnd)) {\n    displayEnd = weekEnd;\n  }\n\n  const startDayIndex = displayStart.diff(weekStart, 'day');\n  const endDayIndex = displayEnd.diff(weekStart, 'day');\n  const daysSpanned = Math.max(1, endDayIndex - startDayIndex + (isMultiday ? 1 : 0));\n\n  const startOffset = (startDayIndex / 7) * 100;\n  const width = (daysSpanned / 7) * 100;\n\n  return {\n    startDayIndex,\n    daysSpanned,\n    startOffset,\n    width,\n    hanging,\n  };\n}\n"],"mappings":";;AAoBA,SAAgB,6BAA6B,EAC3C,YACA,UACA,WACA,SACA,cACmD;CACnD,IAAI,eAAe;CACnB,IAAI,aAAa;CAEjB,MAAM,eAAe,WAAW,SAAS,UAAU;CACnD,MAAM,aAAa,SAAS,QAAQ,QAAQ;CAC5C,MAAM,UACJ,gBAAgB,aAAa,SAAS,eAAe,UAAU,aAAa,QAAQ;AAEtF,KAAI,aAAa,SAAS,UAAU,CAClC,gBAAe;AAEjB,KAAI,WAAW,QAAQ,QAAQ,CAC7B,cAAa;CAGf,MAAM,gBAAgB,aAAa,KAAK,WAAW,MAAM;CACzD,MAAM,cAAc,WAAW,KAAK,WAAW,MAAM;CACrD,MAAM,cAAc,KAAK,IAAI,GAAG,cAAc,iBAAiB,aAAa,IAAI,GAAG;AAKnF,QAAO;EACL;EACA;EACA,aANmB,gBAAgB,IAAK;EAOxC,OANa,cAAc,IAAK;EAOhC;EACD"}
+{"version":3,"file":"calculate-event-position-in-week.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/calculate-event-position-in-week.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport type HangingStatus = 'none' | 'start' | 'end' | 'both';\n\ninterface CalculateEventPositionInput {\n  eventStart: dayjs.Dayjs;\n  eventEnd: dayjs.Dayjs;\n  weekStart: dayjs.Dayjs;\n  weekEnd: dayjs.Dayjs;\n  isMultiday: boolean;\n}\n\ninterface EventPositionInWeek {\n  startDayIndex: number;\n  daysSpanned: number;\n  startOffset: number;\n  width: number;\n  hanging: HangingStatus;\n}\n\nexport function calculateEventPositionInWeek({\n  eventStart,\n  eventEnd,\n  weekStart,\n  weekEnd,\n  isMultiday,\n}: CalculateEventPositionInput): EventPositionInWeek {\n  let displayStart = eventStart;\n  let displayEnd = eventEnd;\n\n  const hangingStart = eventStart.isBefore(weekStart);\n  const hangingEnd = eventEnd.isAfter(weekEnd);\n  const hanging: HangingStatus =\n    hangingStart && hangingEnd ? 'both' : hangingStart ? 'start' : hangingEnd ? 'end' : 'none';\n\n  if (displayStart.isBefore(weekStart)) {\n    displayStart = weekStart;\n  }\n  if (displayEnd.isAfter(weekEnd)) {\n    displayEnd = weekEnd;\n  }\n\n  const startDayIndex = displayStart.diff(weekStart, 'day');\n  const endDayIndex = displayEnd.diff(weekStart, 'day');\n  const daysSpanned = Math.max(1, endDayIndex - startDayIndex + (isMultiday ? 1 : 0));\n\n  const startOffset = (startDayIndex / 7) * 100;\n  const width = (daysSpanned / 7) * 100;\n\n  return {\n    startDayIndex,\n    daysSpanned,\n    startOffset,\n    width,\n    hanging,\n  };\n}\n"],"mappings":";;AAoBA,SAAgB,6BAA6B,EAC3C,YACA,UACA,WACA,SACA,cACmD;CACnD,IAAI,eAAe;CACnB,IAAI,aAAa;CAEjB,MAAM,eAAe,WAAW,SAAS,SAAS;CAClD,MAAM,aAAa,SAAS,QAAQ,OAAO;CAC3C,MAAM,UACJ,gBAAgB,aAAa,SAAS,eAAe,UAAU,aAAa,QAAQ;CAEtF,IAAI,aAAa,SAAS,SAAS,GACjC,eAAe;CAEjB,IAAI,WAAW,QAAQ,OAAO,GAC5B,aAAa;CAGf,MAAM,gBAAgB,aAAa,KAAK,WAAW,KAAK;CACxD,MAAM,cAAc,WAAW,KAAK,WAAW,KAAK;CACpD,MAAM,cAAc,KAAK,IAAI,GAAG,cAAc,iBAAiB,aAAa,IAAI,EAAE;CAKlF,OAAO;EACL;EACA;EACA,aANmB,gBAAgB,IAAK;EAOxC,OANa,cAAc,IAAK;EAOhC;CACF;AACF"}

package/esm/components/MonthView/get-month-view-events/find-available-row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"find-available-row.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/find-available-row.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface FindAvailableRowInput {\n  existingEvents: MonthPositionedEventData[];\n  startDayIndex: number;\n  daysSpanned: number;\n  weekStart: dayjs.Dayjs;\n}\n\nexport function findAvailableRow({\n  existingEvents,\n  startDayIndex,\n  daysSpanned,\n  weekStart,\n}: FindAvailableRowInput): number {\n  let row = 0;\n\n  for (const existing of existingEvents) {\n    const existingStart = dayjs(existing.start).startOf('day');\n    const existingDisplayStart =\n      existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, 'day')\n        ? weekStart\n        : existingStart;\n    const existingDayIndex = existingDisplayStart.diff(weekStart, 'day');\n    const existingWidth = existing.position?.width || 0;\n    const existingDaysSpanned = (existingWidth / 100) * 7;\n\n    if (\n      existingDayIndex + existingDaysSpanned > startDayIndex &&\n      existingDayIndex < startDayIndex + daysSpanned\n    ) {\n      row = Math.max(row, (existing.position?.row || 0) + 1);\n    }\n  }\n\n  return row;\n}\n"],"mappings":";;;AAUA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,aACA,aACgC;CAChC,IAAI,MAAM;AAEV,MAAK,MAAM,YAAY,gBAAgB;EACrC,MAAM,gBAAgB,MAAM,SAAS,MAAM,CAAC,QAAQ,MAAM;EAK1D,MAAM,oBAHJ,cAAc,SAAS,UAAU,IAAI,cAAc,OAAO,WAAW,MAAM,GACvE,YACA,eACwC,KAAK,WAAW,MAAM;AAIpE,MACE,oBAJoB,SAAS,UAAU,SAAS,KACL,MAAO,IAGT,iBACzC,mBAAmB,gBAAgB,YAEnC,OAAM,KAAK,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,EAAE;;AAI1D,QAAO"}
+{"version":3,"file":"find-available-row.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/find-available-row.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { MonthPositionedEventData } from '../../../types';\n\ninterface FindAvailableRowInput {\n  existingEvents: MonthPositionedEventData[];\n  startDayIndex: number;\n  daysSpanned: number;\n  weekStart: dayjs.Dayjs;\n}\n\nexport function findAvailableRow({\n  existingEvents,\n  startDayIndex,\n  daysSpanned,\n  weekStart,\n}: FindAvailableRowInput): number {\n  let row = 0;\n\n  for (const existing of existingEvents) {\n    const existingStart = dayjs(existing.start).startOf('day');\n    const existingDisplayStart =\n      existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, 'day')\n        ? weekStart\n        : existingStart;\n    const existingDayIndex = existingDisplayStart.diff(weekStart, 'day');\n    const existingWidth = existing.position?.width || 0;\n    const existingDaysSpanned = (existingWidth / 100) * 7;\n\n    if (\n      existingDayIndex + existingDaysSpanned > startDayIndex &&\n      existingDayIndex < startDayIndex + daysSpanned\n    ) {\n      row = Math.max(row, (existing.position?.row || 0) + 1);\n    }\n  }\n\n  return row;\n}\n"],"mappings":";;;AAUA,SAAgB,iBAAiB,EAC/B,gBACA,eACA,aACA,aACgC;CAChC,IAAI,MAAM;CAEV,KAAK,MAAM,YAAY,gBAAgB;EACrC,MAAM,gBAAgB,MAAM,SAAS,KAAK,EAAE,QAAQ,KAAK;EAKzD,MAAM,oBAHJ,cAAc,SAAS,SAAS,KAAK,cAAc,OAAO,WAAW,KAAK,IACtE,YACA,eACwC,KAAK,WAAW,KAAK;EAInE,IACE,oBAJoB,SAAS,UAAU,SAAS,KACL,MAAO,IAGT,iBACzC,mBAAmB,gBAAgB,aAEnC,MAAM,KAAK,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,CAAC;CAEzD;CAEA,OAAO;AACT"}

package/esm/components/MonthView/get-month-view-events/get-month-positioned-events.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-month-positioned-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  AnyDateValue,\n  DateStringValue,\n  DayOfWeek,\n  MonthPositionedEventData,\n  ScheduleEventData,\n} from '../../../types';\nimport { addEventToDayGroups } from './add-event-to-day-groups';\nimport { calculateEventPositionInWeek } from './calculate-event-position-in-week';\nimport { findAvailableRow } from './find-available-row';\nimport { getWeeksInRange } from './get-weeks-in-range';\n\ninterface GetMonthPositionedEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** Range of dates for which events should be displayed (includes outside days if withOutsideDays is true) */\n  range?: {\n    start: DateStringValue;\n    end: DateStringValue;\n  };\n}\n\n/** Events grouped by week index and by day */\nexport interface GroupedMonthEvents {\n  /** Events grouped by week index (index within month) */\n  groupedByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n\n  /** Events grouped by day (YYYY-MM-DD format) */\n  groupedByDay: {\n    [date: string]: MonthPositionedEventData[];\n  };\n\n  /** Background events grouped by week index */\n  backgroundByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n}\n\nexport function getMonthPositionedEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  range,\n}: GetMonthPositionedEventsInput): GroupedMonthEvents {\n  const groupedByWeek: GroupedMonthEvents['groupedByWeek'] = {};\n  const backgroundByWeek: GroupedMonthEvents['backgroundByWeek'] = {};\n  const eventsAddedToDay = new Set<string>();\n\n  const rangeStart = range ? dayjs(range.start) : dayjs(date).startOf('month');\n  const rangeEnd = range ? dayjs(range.end) : dayjs(date).startOf('month').endOf('month');\n\n  const { weeks, groupedByDay } = getWeeksInRange({\n    rangeStart,\n    rangeEnd,\n    firstDayOfWeek,\n  });\n\n  for (let i = 0; i < weeks.length; i++) {\n    groupedByWeek[i.toString()] = [];\n    backgroundByWeek[i.toString()] = [];\n  }\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start).startOf('day');\n    const rawEnd = dayjs(event.end);\n    const endAtMidnight = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0;\n    const eventEnd = endAtMidnight\n      ? rawEnd.startOf('day').subtract(1, 'day')\n      : rawEnd.startOf('day');\n    const isMultiday = eventEnd.isAfter(eventStart);\n\n    for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {\n      const week = weeks[weekIdx];\n      const weekStart = dayjs(week[0]).startOf('day');\n      const weekEnd = dayjs(week[6]).endOf('day');\n\n      if (\n        (eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, 'day')) &&\n        (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, 'day'))\n      ) {\n        const { startDayIndex, daysSpanned, startOffset, width, hanging } =\n          calculateEventPositionInWeek({\n            eventStart,\n            eventEnd,\n            weekStart,\n            weekEnd,\n            isMultiday,\n          });\n\n        if (event.display === 'background') {\n          backgroundByWeek[weekIdx.toString()].push({\n            ...event,\n            position: {\n              startOffset,\n              width,\n              weekIndex: weekIdx,\n              row: 0,\n              hanging,\n            },\n          });\n          continue;\n        }\n\n        const row = findAvailableRow({\n          existingEvents: groupedByWeek[weekIdx.toString()],\n          startDayIndex,\n          daysSpanned,\n          weekStart,\n        });\n\n        const positionedEvent: MonthPositionedEventData = {\n          ...event,\n          position: {\n            startOffset,\n            width,\n            weekIndex: weekIdx,\n            row,\n            hanging,\n          },\n        };\n\n        groupedByWeek[weekIdx.toString()].push(positionedEvent);\n\n        addEventToDayGroups({\n          positionedEvent,\n          eventStart,\n          eventEnd,\n          groupedByDay,\n          eventsAddedToDay,\n          weekIdx,\n        });\n      }\n    }\n  }\n\n  return {\n    groupedByWeek,\n    groupedByDay,\n    backgroundByWeek,\n  };\n}\n"],"mappings":";;;;;;;AAgDA,SAAgB,yBAAyB,EACvC,MACA,QACA,iBAAiB,GACjB,SACoD;CACpD,MAAM,gBAAqD,EAAE;CAC7D,MAAM,mBAA2D,EAAE;CACnE,MAAM,mCAAmB,IAAI,KAAa;CAK1C,MAAM,EAAE,OAAO,iBAAiB,gBAAgB;EAC9C,YAJiB,QAAQ,MAAM,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,QAAQ,QAAQ;EAK1E,UAJe,QAAQ,MAAM,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,QAAQ,QAAQ,CAAC,MAAM,QAAQ;EAKrF;EACD,CAAC;AAEF,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,gBAAc,EAAE,UAAU,IAAI,EAAE;AAChC,mBAAiB,EAAE,UAAU,IAAI,EAAE;;AAGrC,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,aAAa,MAAM,MAAM,MAAM,CAAC,QAAQ,MAAM;EACpD,MAAM,SAAS,MAAM,MAAM,IAAI;EAE/B,MAAM,WADgB,OAAO,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,KAAK,OAAO,QAAQ,KAAK,IAEtF,OAAO,QAAQ,MAAM,CAAC,SAAS,GAAG,MAAM,GACxC,OAAO,QAAQ,MAAM;EACzB,MAAM,aAAa,SAAS,QAAQ,WAAW;AAE/C,OAAK,IAAI,UAAU,GAAG,UAAU,MAAM,QAAQ,WAAW;GACvD,MAAM,OAAO,MAAM;GACnB,MAAM,YAAY,MAAM,KAAK,GAAG,CAAC,QAAQ,MAAM;GAC/C,MAAM,UAAU,MAAM,KAAK,GAAG,CAAC,MAAM,MAAM;AAE3C,QACG,WAAW,SAAS,QAAQ,IAAI,WAAW,OAAO,SAAS,MAAM,MACjE,SAAS,QAAQ,UAAU,IAAI,SAAS,OAAO,WAAW,MAAM,GACjE;IACA,MAAM,EAAE,eAAe,aAAa,aAAa,OAAO,YACtD,6BAA6B;KAC3B;KACA;KACA;KACA;KACA;KACD,CAAC;AAEJ,QAAI,MAAM,YAAY,cAAc;AAClC,sBAAiB,QAAQ,UAAU,EAAE,KAAK;MACxC,GAAG;MACH,UAAU;OACR;OACA;OACA,WAAW;OACX,KAAK;OACL;OACD;MACF,CAAC;AACF;;IAGF,MAAM,MAAM,iBAAiB;KAC3B,gBAAgB,cAAc,QAAQ,UAAU;KAChD;KACA;KACA;KACD,CAAC;IAEF,MAAM,kBAA4C;KAChD,GAAG;KACH,UAAU;MACR;MACA;MACA,WAAW;MACX;MACA;MACD;KACF;AAED,kBAAc,QAAQ,UAAU,EAAE,KAAK,gBAAgB;AAEvD,wBAAoB;KAClB;KACA;KACA;KACA;KACA;KACA;KACD,CAAC;;;;AAKR,QAAO;EACL;EACA;EACA;EACD"}
+{"version":3,"file":"get-month-positioned-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-positioned-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  AnyDateValue,\n  DateStringValue,\n  DayOfWeek,\n  MonthPositionedEventData,\n  ScheduleEventData,\n} from '../../../types';\nimport { addEventToDayGroups } from './add-event-to-day-groups';\nimport { calculateEventPositionInWeek } from './calculate-event-position-in-week';\nimport { findAvailableRow } from './find-available-row';\nimport { getWeeksInRange } from './get-weeks-in-range';\n\ninterface GetMonthPositionedEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[];\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** Range of dates for which events should be displayed (includes outside days if withOutsideDays is true) */\n  range?: {\n    start: DateStringValue;\n    end: DateStringValue;\n  };\n}\n\n/** Events grouped by week index and by day */\nexport interface GroupedMonthEvents {\n  /** Events grouped by week index (index within month) */\n  groupedByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n\n  /** Events grouped by day (YYYY-MM-DD format) */\n  groupedByDay: {\n    [date: string]: MonthPositionedEventData[];\n  };\n\n  /** Background events grouped by week index */\n  backgroundByWeek: {\n    [weekIndex: string]: MonthPositionedEventData[];\n  };\n}\n\nexport function getMonthPositionedEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  range,\n}: GetMonthPositionedEventsInput): GroupedMonthEvents {\n  const groupedByWeek: GroupedMonthEvents['groupedByWeek'] = {};\n  const backgroundByWeek: GroupedMonthEvents['backgroundByWeek'] = {};\n  const eventsAddedToDay = new Set<string>();\n\n  const rangeStart = range ? dayjs(range.start) : dayjs(date).startOf('month');\n  const rangeEnd = range ? dayjs(range.end) : dayjs(date).startOf('month').endOf('month');\n\n  const { weeks, groupedByDay } = getWeeksInRange({\n    rangeStart,\n    rangeEnd,\n    firstDayOfWeek,\n  });\n\n  for (let i = 0; i < weeks.length; i++) {\n    groupedByWeek[i.toString()] = [];\n    backgroundByWeek[i.toString()] = [];\n  }\n\n  for (const event of events) {\n    const eventStart = dayjs(event.start).startOf('day');\n    const rawEnd = dayjs(event.end);\n    const endAtMidnight = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0;\n    const eventEnd = endAtMidnight\n      ? rawEnd.startOf('day').subtract(1, 'day')\n      : rawEnd.startOf('day');\n    const isMultiday = eventEnd.isAfter(eventStart);\n\n    for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {\n      const week = weeks[weekIdx];\n      const weekStart = dayjs(week[0]).startOf('day');\n      const weekEnd = dayjs(week[6]).endOf('day');\n\n      if (\n        (eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, 'day')) &&\n        (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, 'day'))\n      ) {\n        const { startDayIndex, daysSpanned, startOffset, width, hanging } =\n          calculateEventPositionInWeek({\n            eventStart,\n            eventEnd,\n            weekStart,\n            weekEnd,\n            isMultiday,\n          });\n\n        if (event.display === 'background') {\n          backgroundByWeek[weekIdx.toString()].push({\n            ...event,\n            position: {\n              startOffset,\n              width,\n              weekIndex: weekIdx,\n              row: 0,\n              hanging,\n            },\n          });\n          continue;\n        }\n\n        const row = findAvailableRow({\n          existingEvents: groupedByWeek[weekIdx.toString()],\n          startDayIndex,\n          daysSpanned,\n          weekStart,\n        });\n\n        const positionedEvent: MonthPositionedEventData = {\n          ...event,\n          position: {\n            startOffset,\n            width,\n            weekIndex: weekIdx,\n            row,\n            hanging,\n          },\n        };\n\n        groupedByWeek[weekIdx.toString()].push(positionedEvent);\n\n        addEventToDayGroups({\n          positionedEvent,\n          eventStart,\n          eventEnd,\n          groupedByDay,\n          eventsAddedToDay,\n          weekIdx,\n        });\n      }\n    }\n  }\n\n  return {\n    groupedByWeek,\n    groupedByDay,\n    backgroundByWeek,\n  };\n}\n"],"mappings":";;;;;;;AAgDA,SAAgB,yBAAyB,EACvC,MACA,QACA,iBAAiB,GACjB,SACoD;CACpD,MAAM,gBAAqD,CAAC;CAC5D,MAAM,mBAA2D,CAAC;CAClE,MAAM,mCAAmB,IAAI,IAAY;CAKzC,MAAM,EAAE,OAAO,iBAAiB,gBAAgB;EAC9C,YAJiB,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,EAAE,QAAQ,OAAO;EAKzE,UAJe,QAAQ,MAAM,MAAM,GAAG,IAAI,MAAM,IAAI,EAAE,QAAQ,OAAO,EAAE,MAAM,OAAO;EAKpF;CACF,CAAC;CAED,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,cAAc,EAAE,SAAS,KAAK,CAAC;EAC/B,iBAAiB,EAAE,SAAS,KAAK,CAAC;CACpC;CAEA,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,aAAa,MAAM,MAAM,KAAK,EAAE,QAAQ,KAAK;EACnD,MAAM,SAAS,MAAM,MAAM,GAAG;EAE9B,MAAM,WADgB,OAAO,KAAK,MAAM,KAAK,OAAO,OAAO,MAAM,KAAK,OAAO,OAAO,MAAM,IAEtF,OAAO,QAAQ,KAAK,EAAE,SAAS,GAAG,KAAK,IACvC,OAAO,QAAQ,KAAK;EACxB,MAAM,aAAa,SAAS,QAAQ,UAAU;EAE9C,KAAK,IAAI,UAAU,GAAG,UAAU,MAAM,QAAQ,WAAW;GACvD,MAAM,OAAO,MAAM;GACnB,MAAM,YAAY,MAAM,KAAK,EAAE,EAAE,QAAQ,KAAK;GAC9C,MAAM,UAAU,MAAM,KAAK,EAAE,EAAE,MAAM,KAAK;GAE1C,KACG,WAAW,SAAS,OAAO,KAAK,WAAW,OAAO,SAAS,KAAK,OAChE,SAAS,QAAQ,SAAS,KAAK,SAAS,OAAO,WAAW,KAAK,IAChE;IACA,MAAM,EAAE,eAAe,aAAa,aAAa,OAAO,YACtD,6BAA6B;KAC3B;KACA;KACA;KACA;KACA;IACF,CAAC;IAEH,IAAI,MAAM,YAAY,cAAc;KAClC,iBAAiB,QAAQ,SAAS,GAAG,KAAK;MACxC,GAAG;MACH,UAAU;OACR;OACA;OACA,WAAW;OACX,KAAK;OACL;MACF;KACF,CAAC;KACD;IACF;IAEA,MAAM,MAAM,iBAAiB;KAC3B,gBAAgB,cAAc,QAAQ,SAAS;KAC/C;KACA;KACA;IACF,CAAC;IAED,MAAM,kBAA4C;KAChD,GAAG;KACH,UAAU;MACR;MACA;MACA,WAAW;MACX;MACA;KACF;IACF;IAEA,cAAc,QAAQ,SAAS,GAAG,KAAK,eAAe;IAEtD,oBAAoB;KAClB;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;GACH;EACF;CACF;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/esm/components/MonthView/get-month-view-events/get-month-view-events.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-month-view-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { getMonthRange, validateEvent } from '../../../utils';\nimport { getMonthPositionedEvents, GroupedMonthEvents } from './get-month-positioned-events';\n\ninterface UseMonthViewEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[] | undefined;\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** If true, events for outside days are included */\n  withOutsideDays?: boolean;\n\n  /** If true, month will show events for consistent number of weeks (6) */\n  consistentWeeks?: boolean;\n}\n\nexport function getMonthViewEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  withOutsideDays,\n  consistentWeeks,\n}: UseMonthViewEventsInput): GroupedMonthEvents {\n  if (events === undefined) {\n    return { groupedByDay: {}, groupedByWeek: {}, backgroundByWeek: {} };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n\n  const range = getMonthRange({ month: date, withOutsideDays, consistentWeeks, firstDayOfWeek });\n\n  for (const event of events) {\n    if (\n      dayjs(event.end).isAfter(range.start, 'day') ||\n      dayjs(event.start).isBefore(range.end, 'day')\n    ) {\n      filteredEvents.push(validateEvent(event));\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] MonthView: Duplicated event ids found: ${event.id}`);\n      }\n    }\n  }\n\n  return getMonthPositionedEvents({\n    date,\n    events: filteredEvents,\n    firstDayOfWeek,\n    range,\n  });\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,mBAAmB,EACjC,MACA,QACA,iBAAiB,GACjB,iBACA,mBAC8C;AAC9C,KAAI,WAAW,KAAA,EACb,QAAO;EAAE,cAAc,EAAE;EAAE,eAAe,EAAE;EAAE,kBAAkB,EAAE;EAAE;CAGtE,MAAM,sBAAM,IAAI,KAAsB;CACtC,MAAM,iBAAsC,EAAE;CAE9C,MAAM,QAAQ,cAAc;EAAE,OAAO;EAAM;EAAiB;EAAiB;EAAgB,CAAC;AAE9F,MAAK,MAAM,SAAS,OAClB,KACE,MAAM,MAAM,IAAI,CAAC,QAAQ,MAAM,OAAO,MAAM,IAC5C,MAAM,MAAM,MAAM,CAAC,SAAS,MAAM,KAAK,MAAM,EAC7C;AACA,iBAAe,KAAK,cAAc,MAAM,CAAC;AAEzC,MAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CACpB,KAAI,IAAI,MAAM,GAAG;MAEjB,OAAM,IAAI,MAAM,8DAA8D,MAAM,KAAK;;AAK/F,QAAO,yBAAyB;EAC9B;EACA,QAAQ;EACR;EACA;EACD,CAAC"}
+{"version":3,"file":"get-month-view-events.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-month-view-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DayOfWeek, ScheduleEventData } from '../../../types';\nimport { getMonthRange, validateEvent } from '../../../utils';\nimport { getMonthPositionedEvents, GroupedMonthEvents } from './get-month-positioned-events';\n\ninterface UseMonthViewEventsInput {\n  /** Date (month start) at which events are positioned */\n  date: AnyDateValue;\n\n  /** List of all events that belong to the given month, extra events must be filtered out before passing to the function */\n  events: ScheduleEventData[] | undefined;\n\n  /** First day of the week, 0 - Sunday, 1 - Monday, etc., used to calculate events positions */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** If true, events for outside days are included */\n  withOutsideDays?: boolean;\n\n  /** If true, month will show events for consistent number of weeks (6) */\n  consistentWeeks?: boolean;\n}\n\nexport function getMonthViewEvents({\n  date,\n  events,\n  firstDayOfWeek = 1,\n  withOutsideDays,\n  consistentWeeks,\n}: UseMonthViewEventsInput): GroupedMonthEvents {\n  if (events === undefined) {\n    return { groupedByDay: {}, groupedByWeek: {}, backgroundByWeek: {} };\n  }\n\n  const ids = new Set<string | number>();\n  const filteredEvents: ScheduleEventData[] = [];\n\n  const range = getMonthRange({ month: date, withOutsideDays, consistentWeeks, firstDayOfWeek });\n\n  for (const event of events) {\n    if (\n      dayjs(event.end).isAfter(range.start, 'day') ||\n      dayjs(event.start).isBefore(range.end, 'day')\n    ) {\n      filteredEvents.push(validateEvent(event));\n\n      if (!ids.has(event.id)) {\n        ids.add(event.id);\n      } else {\n        throw new Error(`[@mantine/schedule] MonthView: Duplicated event ids found: ${event.id}`);\n      }\n    }\n  }\n\n  return getMonthPositionedEvents({\n    date,\n    events: filteredEvents,\n    firstDayOfWeek,\n    range,\n  });\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,mBAAmB,EACjC,MACA,QACA,iBAAiB,GACjB,iBACA,mBAC8C;CAC9C,IAAI,WAAW,KAAA,GACb,OAAO;EAAE,cAAc,CAAC;EAAG,eAAe,CAAC;EAAG,kBAAkB,CAAC;CAAE;CAGrE,MAAM,sBAAM,IAAI,IAAqB;CACrC,MAAM,iBAAsC,CAAC;CAE7C,MAAM,QAAQ,cAAc;EAAE,OAAO;EAAM;EAAiB;EAAiB;CAAe,CAAC;CAE7F,KAAK,MAAM,SAAS,QAClB,IACE,MAAM,MAAM,GAAG,EAAE,QAAQ,MAAM,OAAO,KAAK,KAC3C,MAAM,MAAM,KAAK,EAAE,SAAS,MAAM,KAAK,KAAK,GAC5C;EACA,eAAe,KAAK,cAAc,KAAK,CAAC;EAExC,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,GACnB,IAAI,IAAI,MAAM,EAAE;OAEhB,MAAM,IAAI,MAAM,8DAA8D,MAAM,IAAI;CAE5F;CAGF,OAAO,yBAAyB;EAC9B;EACA,QAAQ;EACR;EACA;CACF,CAAC;AACH"}

package/esm/components/MonthView/get-month-view-events/get-weeks-in-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-weeks-in-range.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-weeks-in-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../../types';\nimport { getStartOfWeek } from '../../../utils';\n\ninterface GetWeeksInRangeInput {\n  rangeStart: dayjs.Dayjs;\n  rangeEnd: dayjs.Dayjs;\n  firstDayOfWeek: DayOfWeek;\n}\n\ninterface GetWeeksInRangeOutput {\n  weeks: DateStringValue[][];\n  groupedByDay: { [date: string]: any[] };\n}\n\nexport function getWeeksInRange({\n  rangeStart,\n  rangeEnd,\n  firstDayOfWeek,\n}: GetWeeksInRangeInput): GetWeeksInRangeOutput {\n  const weeks: DateStringValue[][] = [];\n  const groupedByDay: { [date: string]: any[] } = {};\n\n  const startOfFirstWeekStr = getStartOfWeek({\n    date: rangeStart.format('YYYY-MM-DD'),\n    firstDayOfWeek,\n  });\n\n  let currentDate = dayjs(startOfFirstWeekStr);\n\n  while (currentDate.isBefore(rangeEnd) || currentDate.isSame(rangeEnd, 'day')) {\n    const week: DateStringValue[] = [];\n    for (let i = 0; i < 7; i++) {\n      const dateStr = currentDate.format('YYYY-MM-DD 00:00:00');\n      week.push(dateStr);\n      if (!groupedByDay[dateStr]) {\n        groupedByDay[dateStr] = [];\n      }\n      currentDate = currentDate.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n\n  return { weeks, groupedByDay };\n}\n"],"mappings":";;;;AAeA,SAAgB,gBAAgB,EAC9B,YACA,UACA,kBAC8C;CAC9C,MAAM,QAA6B,EAAE;CACrC,MAAM,eAA0C,EAAE;CAOlD,IAAI,cAAc,MALU,eAAe;EACzC,MAAM,WAAW,OAAO,aAAa;EACrC;EACD,CAAC,CAE0C;AAE5C,QAAO,YAAY,SAAS,SAAS,IAAI,YAAY,OAAO,UAAU,MAAM,EAAE;EAC5E,MAAM,OAA0B,EAAE;AAClC,OAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,UAAU,YAAY,OAAO,sBAAsB;AACzD,QAAK,KAAK,QAAQ;AAClB,OAAI,CAAC,aAAa,SAChB,cAAa,WAAW,EAAE;AAE5B,iBAAc,YAAY,IAAI,GAAG,MAAM;;AAEzC,QAAM,KAAK,KAAK;;AAGlB,QAAO;EAAE;EAAO;EAAc"}
+{"version":3,"file":"get-weeks-in-range.mjs","names":[],"sources":["../../../../src/components/MonthView/get-month-view-events/get-weeks-in-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../../types';\nimport { getStartOfWeek } from '../../../utils';\n\ninterface GetWeeksInRangeInput {\n  rangeStart: dayjs.Dayjs;\n  rangeEnd: dayjs.Dayjs;\n  firstDayOfWeek: DayOfWeek;\n}\n\ninterface GetWeeksInRangeOutput {\n  weeks: DateStringValue[][];\n  groupedByDay: { [date: string]: any[] };\n}\n\nexport function getWeeksInRange({\n  rangeStart,\n  rangeEnd,\n  firstDayOfWeek,\n}: GetWeeksInRangeInput): GetWeeksInRangeOutput {\n  const weeks: DateStringValue[][] = [];\n  const groupedByDay: { [date: string]: any[] } = {};\n\n  const startOfFirstWeekStr = getStartOfWeek({\n    date: rangeStart.format('YYYY-MM-DD'),\n    firstDayOfWeek,\n  });\n\n  let currentDate = dayjs(startOfFirstWeekStr);\n\n  while (currentDate.isBefore(rangeEnd) || currentDate.isSame(rangeEnd, 'day')) {\n    const week: DateStringValue[] = [];\n    for (let i = 0; i < 7; i++) {\n      const dateStr = currentDate.format('YYYY-MM-DD 00:00:00');\n      week.push(dateStr);\n      if (!groupedByDay[dateStr]) {\n        groupedByDay[dateStr] = [];\n      }\n      currentDate = currentDate.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n\n  return { weeks, groupedByDay };\n}\n"],"mappings":";;;;AAeA,SAAgB,gBAAgB,EAC9B,YACA,UACA,kBAC8C;CAC9C,MAAM,QAA6B,CAAC;CACpC,MAAM,eAA0C,CAAC;CAOjD,IAAI,cAAc,MALU,eAAe;EACzC,MAAM,WAAW,OAAO,YAAY;EACpC;CACF,CAE0C,CAAC;CAE3C,OAAO,YAAY,SAAS,QAAQ,KAAK,YAAY,OAAO,UAAU,KAAK,GAAG;EAC5E,MAAM,OAA0B,CAAC;EACjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,UAAU,YAAY,OAAO,qBAAqB;GACxD,KAAK,KAAK,OAAO;GACjB,IAAI,CAAC,aAAa,UAChB,aAAa,WAAW,CAAC;GAE3B,cAAc,YAAY,IAAI,GAAG,KAAK;EACxC;EACA,MAAM,KAAK,IAAI;CACjB;CAEA,OAAO;EAAE;EAAO;CAAa;AAC/B"}

package/esm/components/MonthView/get-renderable-month-event-segments.mjs

@@ -0,0 +1,121 @@
+"use client";
+//#region packages/@mantine/schedule/src/components/MonthView/get-renderable-month-event-segments.ts
+const DAYS_IN_WEEK = 7;
+const DAY_WIDTH = 100 / DAYS_IN_WEEK;
+function getEventDayRange(event) {
+	const startDayIndex = Math.max(0, Math.round(event.position.startOffset / DAY_WIDTH));
+	const daysSpanned = Math.max(1, Math.round(event.position.width / DAY_WIDTH));
+	return {
+		startDayIndex,
+		endDayIndex: Math.min(DAYS_IN_WEEK - 1, startDayIndex + daysSpanned - 1)
+	};
+}
+function getFirstAvailableRow(usedRows, maxEventsPerDay) {
+	for (let row = 0; row < maxEventsPerDay; row += 1) if (!usedRows.has(row)) return row;
+	return null;
+}
+function getSegmentHanging(originalHanging, touchesStart, touchesEnd) {
+	const hangsFromStart = touchesStart && (originalHanging === "start" || originalHanging === "both");
+	const hangsFromEnd = touchesEnd && (originalHanging === "end" || originalHanging === "both");
+	if (hangsFromStart && hangsFromEnd) return "both";
+	if (hangsFromStart) return "start";
+	if (hangsFromEnd) return "end";
+	return "none";
+}
+function getSegmentPosition(event, segment, eventRange) {
+	const touchesStart = segment.startDayIndex === eventRange.startDayIndex;
+	const touchesEnd = segment.endDayIndex === eventRange.endDayIndex;
+	return {
+		...event.position,
+		startOffset: segment.startDayIndex / DAYS_IN_WEEK * 100,
+		width: (segment.endDayIndex - segment.startDayIndex + 1) / DAYS_IN_WEEK * 100,
+		row: segment.row,
+		hanging: getSegmentHanging(event.position.hanging, touchesStart, touchesEnd)
+	};
+}
+function getEventKey(event) {
+	return event.id;
+}
+function getRenderableMonthEventSegments({ events, groupedByDay, maxEventsPerDay, week }) {
+	const eventIndexes = /* @__PURE__ */ new Map();
+	const eventRanges = /* @__PURE__ */ new Map();
+	const renderRows = /* @__PURE__ */ new Map();
+	events.forEach((event, index) => {
+		eventIndexes.set(event, index);
+		eventRanges.set(event, getEventDayRange(event));
+	});
+	const setRenderRow = (event, dayIndex, row) => {
+		if (!renderRows.has(event)) renderRows.set(event, /* @__PURE__ */ new Map());
+		renderRows.get(event).set(dayIndex, row);
+	};
+	for (let dayIndex = 0; dayIndex < week.length; dayIndex += 1) {
+		const dayEvents = groupedByDay[week[dayIndex]] || [];
+		const dayEventIds = new Set(dayEvents.map((event) => getEventKey(event)));
+		const dayWeekEvents = events.filter((event) => {
+			const range = eventRanges.get(event);
+			return dayEventIds.has(getEventKey(event)) && dayIndex >= range.startDayIndex && dayIndex <= range.endDayIndex;
+		});
+		if (dayEvents.length > maxEventsPerDay) {
+			dayWeekEvents.forEach((event) => {
+				if (event.position.row < maxEventsPerDay) setRenderRow(event, dayIndex, event.position.row);
+			});
+			continue;
+		}
+		const usedRows = /* @__PURE__ */ new Set();
+		[...dayWeekEvents].sort((a, b) => {
+			const rowDiff = a.position.row - b.position.row;
+			if (rowDiff !== 0) return rowDiff;
+			return eventIndexes.get(a) - eventIndexes.get(b);
+		}).forEach((event) => {
+			let row = event.position.row;
+			if (row >= maxEventsPerDay || usedRows.has(row)) {
+				const availableRow = getFirstAvailableRow(usedRows, maxEventsPerDay);
+				if (availableRow === null) return;
+				row = availableRow;
+			}
+			usedRows.add(row);
+			setRenderRow(event, dayIndex, row);
+		});
+	}
+	return events.flatMap((event) => {
+		const eventRange = eventRanges.get(event);
+		const eventRenderRows = renderRows.get(event);
+		const segments = [];
+		let currentSegment = null;
+		const addSegment = (segment) => {
+			const position = getSegmentPosition(event, segment, eventRange);
+			segments.push({
+				event,
+				position,
+				clipStart: segment.startDayIndex > eventRange.startDayIndex,
+				clipEnd: segment.endDayIndex < eventRange.endDayIndex,
+				key: `${event.id}-${event.position.weekIndex}-${segment.startDayIndex}-${segment.endDayIndex}-${segment.row}`
+			});
+		};
+		for (let dayIndex = eventRange.startDayIndex; dayIndex <= eventRange.endDayIndex; dayIndex += 1) {
+			const row = eventRenderRows?.get(dayIndex);
+			if (row === void 0) {
+				if (currentSegment) {
+					addSegment(currentSegment);
+					currentSegment = null;
+				}
+				continue;
+			}
+			if (currentSegment && currentSegment.row === row) currentSegment.endDayIndex = dayIndex;
+			else {
+				if (currentSegment) addSegment(currentSegment);
+				currentSegment = {
+					startDayIndex: dayIndex,
+					endDayIndex: dayIndex,
+					row
+				};
+			}
+		}
+		if (currentSegment) addSegment(currentSegment);
+		return segments;
+	});
+}
+//#endregion
+export { getRenderableMonthEventSegments };
+
+//# sourceMappingURL=get-renderable-month-event-segments.mjs.map