@mantine/schedule 9.7.1 → 9.7.3

package/cjs/components/YearView/YearViewMonth.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearViewMonth.cjs","names":["useDatesContext","useMantineTheme","getHiddenWeekendColumns","getWeekdaysNames","getMonthDays","getVisibleWeekDays","isSameMonth","getThemeColor","UnstyledButton","getWeekNumber","Box","formatDate"],"sources":["../../../src/components/YearView/YearViewMonth.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, getThemeColor, UnstyledButton, useMantineTheme } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n} from '../../utils';\nimport { getHiddenWeekendColumns, getVisibleWeekDays } from './get-visible-week-days';\nimport { GroupedEvents } from './get-year-view-events/get-year-view-events';\nimport type { YearViewFactory } from './YearView';\n\nexport type YearViewRenderDay = (\n  date: DateStringValue,\n  events: ScheduleEventData[]\n) => React.ReactNode;\n\nexport interface YearViewDayKeydownPayload {\n  weekIndex: number;\n  dayIndex: number;\n  date: string;\n}\n\nexport interface YearViewMonthSettings {\n  /** `dayjs` format for month label  @default 'MMMM' */\n  monthLabelFormat?: DateLabelFormat;\n\n  /** If set, show week numbers */\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 0 */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names  @default 'd' */\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  /** If set, weekend days are displayed. When `false`, weekend columns are hidden and the month grid shrinks. @default true */\n  withWeekendDays?: boolean;\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  /** Called with the first day of the month when month label is clicked */\n  onMonthClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions */\n  mode?: ScheduleMode;\n\n  /** If true, days from adjacent months are displayed @default true */\n  withOutsideDays?: boolean;\n\n  /**\n   * A function to replace the entire content of a day cell, called with the day date\n   * and the events grouped on that day – the same list that is used to render the default\n   * indicators. When set, default event indicators are not rendered.\n   */\n  renderDay?: YearViewRenderDay;\n}\n\nexport interface YearViewMonthProps extends YearViewMonthSettings {\n  /** Month to display, Date object or date string in `YYYY-MM-DD` format */\n  month: Date | string;\n\n  /** `useStyles` return value of `YearView` */\n  getStyles: GetStylesApi<YearViewFactory>;\n\n  /** Events grouped by date */\n  groupedEvents?: GroupedEvents;\n\n  /** Assigns ref of every day based on its position in the month, used for keyboard navigation */\n  __getDayRef?: (weekIndex: number, dayIndex: number, node: HTMLButtonElement) => void;\n\n  /** Called when any keydown event is registered on day, used for keyboard navigation */\n  __onDayKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    payload: YearViewDayKeydownPayload\n  ) => void;\n\n  /** Index of the first day of the month in the grid (for determining which day should be in tab order) */\n  firstDayIndex?: { weekIndex: number; dayIndex: number };\n}\n\nexport function YearViewMonth({\n  month,\n  getStyles,\n  monthLabelFormat = 'MMMM',\n  withWeekNumbers,\n  withWeekDays,\n  locale,\n  firstDayOfWeek,\n  weekdayFormat,\n  weekendDays,\n  withWeekendDays,\n  getDayProps,\n  onDayClick,\n  onWeekNumberClick,\n  onMonthClick,\n  getWeekNumberProps,\n  highlightToday,\n  groupedEvents,\n  mode,\n  withOutsideDays,\n  renderDay,\n  __getDayRef,\n  __onDayKeyDown,\n  firstDayIndex,\n}: YearViewMonthProps) {\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = new Set(\n    getHiddenWeekendColumns({\n      weekendDays: resolvedWeekendDays,\n      firstDayOfWeek: resolvedFirstDayOfWeek,\n      withWeekendDays,\n    })\n  );\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: resolvedFirstDayOfWeek,\n      })\n        .filter((_, index) => !hiddenColumns.has(index))\n        .map((day, index) => (\n          <div {...getStyles('yearViewWeekday')} key={index}>\n            {day}\n          </div>\n        ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(month).format('YYYY-MM-DD'),\n    firstDayOfWeek: resolvedFirstDayOfWeek,\n    consistentWeeks: true,\n  }).map((week, weekIndex) => {\n    const visibleDays = getVisibleWeekDays({\n      week,\n      weekendDays: resolvedWeekendDays,\n      withWeekendDays,\n    });\n\n    const days = visibleDays.map((date, dayIndex) => {\n      const outside = !isSameMonth(date, month);\n\n      if (outside && !withOutsideDays) {\n        return <div {...getStyles('yearViewDay')} data-day-placeholder key={date} />;\n      }\n\n      const weekend = resolvedWeekendDays.includes(dayjs(date).day() as DayOfWeek);\n      const ariaLabel = dayjs(date)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(date).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(date).isSame(today, 'day') && highlightToday;\n      const dayEvents = groupedEvents?.[dayjs(date).format('YYYY-MM-DD')] || [];\n\n      // Determine if this day should be in the tab order\n      // Only the first day of the month (not outside) should be focusable via tab\n      const isFirstDayOfMonth =\n        firstDayIndex &&\n        weekIndex === firstDayIndex.weekIndex &&\n        dayIndex === firstDayIndex.dayIndex;\n      const isInTabOrder = mode !== 'static' && !outside && isFirstDayOfMonth;\n\n      const dayContent =\n        typeof renderDay === 'function' ? (\n          renderDay(dayjs(date).format('YYYY-MM-DD'), dayEvents)\n        ) : (\n          <>\n            {dayjs(date).format('D')}\n\n            <div {...getStyles('yearViewDayIndicators')}>\n              {dayEvents.slice(0, 3).map((event) => (\n                <div\n                  {...getStyles('yearViewDayIndicator', {\n                    style: { backgroundColor: getThemeColor(event.color, theme) },\n                  })}\n                  key={event.id}\n                />\n              ))}\n            </div>\n          </>\n        );\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('yearViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={date}\n          mod={[{ outside, weekend, today: isToday, static: mode === 'static' }, dayProps.mod]}\n          tabIndex={isInTabOrder ? 0 : -1}\n          ref={(node) => {\n            if (node) {\n              __getDayRef?.(weekIndex, dayIndex, node);\n            }\n          }}\n          onKeyDown={(event) => {\n            dayProps.onKeyDown?.(event);\n            __onDayKeyDown?.(event, { weekIndex, dayIndex, date });\n          }}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(date).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n        >\n          {dayContent}\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('yearViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            title={`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('yearViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        {days}\n      </div>\n    );\n  });\n\n  return (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n        },\n      ]}\n      {...getStyles('yearViewMonth')}\n    >\n      <UnstyledButton\n        onClick={\n          mode === 'static'\n            ? undefined\n            : (event) => onMonthClick?.(dayjs(month).startOf('month').format('YYYY-MM-DD'), event)\n        }\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n        {...getStyles('yearViewMonthCaption')}\n      >\n        {formatDate({ locale: ctx.getLocale(locale), date: month, format: monthLabelFormat })}\n      </UnstyledButton>\n\n      {weekdays && (\n        <div {...getStyles('yearViewWeekdays')}>\n          {withWeekNumbers && <div {...getStyles('yearViewWeekdaysCorner')} />}\n          {weekdays}\n        </div>\n      )}\n\n      {weeks}\n    </Box>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"YearViewMonth.cjs","names":["useDatesContext","useMantineTheme","getHiddenWeekendColumns","getWeekdaysNames","getMonthDays","getVisibleWeekDays","isSameMonth","getThemeColor","UnstyledButton","getWeekNumber","Box","formatDate"],"sources":["../../../src/components/YearView/YearViewMonth.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Box, GetStylesApi, getThemeColor, UnstyledButton, useMantineTheme } from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n} from '../../types';\nimport {\n  formatDate,\n  getMonthDays,\n  getWeekdaysNames,\n  getWeekNumber,\n  isSameMonth,\n} from '../../utils';\nimport {\n  getHiddenWeekendColumns,\n  getVisibleWeekDays,\n} from '../../utils/get-visible-week-days/get-visible-week-days';\nimport { GroupedEvents } from './get-year-view-events/get-year-view-events';\nimport type { YearViewFactory } from './YearView';\n\nexport type YearViewRenderDay = (\n  date: DateStringValue,\n  events: ScheduleEventData[]\n) => React.ReactNode;\n\nexport interface YearViewDayKeydownPayload {\n  weekIndex: number;\n  dayIndex: number;\n  date: string;\n}\n\nexport interface YearViewMonthSettings {\n  /** `dayjs` format for month label  @default 'MMMM' */\n  monthLabelFormat?: DateLabelFormat;\n\n  /** If set, show week numbers */\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 0 */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names  @default 'd' */\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  /** If set, weekend days are displayed. When `false`, weekend columns are hidden and the month grid shrinks. @default true */\n  withWeekendDays?: boolean;\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  /** Called with the first day of the month when month label is clicked */\n  onMonthClick?: (date: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, highlights the current day @default true */\n  highlightToday?: boolean;\n\n  /** Labels override for i18n */\n  labels?: ScheduleLabelsOverride;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions */\n  mode?: ScheduleMode;\n\n  /** If true, days from adjacent months are displayed @default true */\n  withOutsideDays?: boolean;\n\n  /**\n   * A function to replace the entire content of a day cell, called with the day date\n   * and the events grouped on that day – the same list that is used to render the default\n   * indicators. When set, default event indicators are not rendered.\n   */\n  renderDay?: YearViewRenderDay;\n}\n\nexport interface YearViewMonthProps extends YearViewMonthSettings {\n  /** Month to display, Date object or date string in `YYYY-MM-DD` format */\n  month: Date | string;\n\n  /** `useStyles` return value of `YearView` */\n  getStyles: GetStylesApi<YearViewFactory>;\n\n  /** Events grouped by date */\n  groupedEvents?: GroupedEvents;\n\n  /** Assigns ref of every day based on its position in the month, used for keyboard navigation */\n  __getDayRef?: (weekIndex: number, dayIndex: number, node: HTMLButtonElement) => void;\n\n  /** Called when any keydown event is registered on day, used for keyboard navigation */\n  __onDayKeyDown?: (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    payload: YearViewDayKeydownPayload\n  ) => void;\n\n  /** Index of the first day of the month in the grid (for determining which day should be in tab order) */\n  firstDayIndex?: { weekIndex: number; dayIndex: number };\n}\n\nexport function YearViewMonth({\n  month,\n  getStyles,\n  monthLabelFormat = 'MMMM',\n  withWeekNumbers,\n  withWeekDays,\n  locale,\n  firstDayOfWeek,\n  weekdayFormat,\n  weekendDays,\n  withWeekendDays,\n  getDayProps,\n  onDayClick,\n  onWeekNumberClick,\n  onMonthClick,\n  getWeekNumberProps,\n  highlightToday,\n  groupedEvents,\n  mode,\n  withOutsideDays,\n  renderDay,\n  __getDayRef,\n  __onDayKeyDown,\n  firstDayIndex,\n}: YearViewMonthProps) {\n  const ctx = useDatesContext();\n  const theme = useMantineTheme();\n  const today = dayjs();\n\n  const resolvedFirstDayOfWeek = ctx.getFirstDayOfWeek(firstDayOfWeek);\n  const resolvedWeekendDays = ctx.getWeekendDays(weekendDays);\n  const hiddenColumns = new Set(\n    getHiddenWeekendColumns({\n      weekendDays: resolvedWeekendDays,\n      firstDayOfWeek: resolvedFirstDayOfWeek,\n      withWeekendDays,\n    })\n  );\n\n  const weekdays = withWeekDays\n    ? getWeekdaysNames({\n        locale: ctx.getLocale(locale),\n        format: weekdayFormat,\n        firstDayOfWeek: resolvedFirstDayOfWeek,\n      })\n        .filter((_, index) => !hiddenColumns.has(index))\n        .map((day, index) => (\n          <div {...getStyles('yearViewWeekday')} key={index}>\n            {day}\n          </div>\n        ))\n    : null;\n\n  const weeks = getMonthDays({\n    month: dayjs(month).format('YYYY-MM-DD'),\n    firstDayOfWeek: resolvedFirstDayOfWeek,\n    consistentWeeks: true,\n  }).map((week, weekIndex) => {\n    const visibleDays = getVisibleWeekDays({\n      week,\n      weekendDays: resolvedWeekendDays,\n      withWeekendDays,\n    });\n\n    const days = visibleDays.map((date, dayIndex) => {\n      const outside = !isSameMonth(date, month);\n\n      if (outside && !withOutsideDays) {\n        return <div {...getStyles('yearViewDay')} data-day-placeholder key={date} />;\n      }\n\n      const weekend = resolvedWeekendDays.includes(dayjs(date).day() as DayOfWeek);\n      const ariaLabel = dayjs(date)\n        .locale(locale || ctx.locale)\n        .format('MMMM D, YYYY');\n\n      const dayProps = getDayProps?.(dayjs(date).format('YYYY-MM-DD')) || {};\n      const isToday = dayjs(date).isSame(today, 'day') && highlightToday;\n      const dayEvents = groupedEvents?.[dayjs(date).format('YYYY-MM-DD')] || [];\n\n      // Determine if this day should be in the tab order\n      // Only the first day of the month (not outside) should be focusable via tab\n      const isFirstDayOfMonth =\n        firstDayIndex &&\n        weekIndex === firstDayIndex.weekIndex &&\n        dayIndex === firstDayIndex.dayIndex;\n      const isInTabOrder = mode !== 'static' && !outside && isFirstDayOfMonth;\n\n      const dayContent =\n        typeof renderDay === 'function' ? (\n          renderDay(dayjs(date).format('YYYY-MM-DD'), dayEvents)\n        ) : (\n          <>\n            {dayjs(date).format('D')}\n\n            <div {...getStyles('yearViewDayIndicators')}>\n              {dayEvents.slice(0, 3).map((event) => (\n                <div\n                  {...getStyles('yearViewDayIndicator', {\n                    style: { backgroundColor: getThemeColor(event.color, theme) },\n                  })}\n                  key={event.id}\n                />\n              ))}\n            </div>\n          </>\n        );\n\n      return (\n        <UnstyledButton\n          aria-label={ariaLabel}\n          {...dayProps}\n          {...getStyles('yearViewDay', { className: dayProps.className, style: dayProps.style })}\n          key={date}\n          mod={[{ outside, weekend, today: isToday, static: mode === 'static' }, dayProps.mod]}\n          tabIndex={isInTabOrder ? 0 : -1}\n          ref={(node) => {\n            if (node) {\n              __getDayRef?.(weekIndex, dayIndex, node);\n            }\n          }}\n          onKeyDown={(event) => {\n            dayProps.onKeyDown?.(event);\n            __onDayKeyDown?.(event, { weekIndex, dayIndex, date });\n          }}\n          onClick={\n            mode === 'static'\n              ? undefined\n              : (event) => {\n                  onDayClick?.(dayjs(date).format('YYYY-MM-DD'), event);\n                  dayProps.onClick?.(event);\n                }\n          }\n        >\n          {dayContent}\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('yearViewWeek')} key={weekIndex}>\n        {withWeekNumbers && (\n          <UnstyledButton\n            key={weekNumber}\n            aria-label={`Week ${weekNumber}`}\n            title={`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('yearViewWeekNumber', {\n              className: weekNumberProps.className,\n              style: weekNumberProps.style,\n            })}\n          >\n            {weekNumber}\n          </UnstyledButton>\n        )}\n\n        {days}\n      </div>\n    );\n  });\n\n  return (\n    <Box\n      mod={[\n        {\n          'with-week-numbers': withWeekNumbers,\n          'with-weekdays': withWeekDays,\n          static: mode === 'static',\n        },\n      ]}\n      {...getStyles('yearViewMonth')}\n    >\n      <UnstyledButton\n        onClick={\n          mode === 'static'\n            ? undefined\n            : (event) => onMonthClick?.(dayjs(month).startOf('month').format('YYYY-MM-DD'), event)\n        }\n        mod={{ static: mode === 'static' }}\n        tabIndex={mode === 'static' ? -1 : 0}\n        {...getStyles('yearViewMonthCaption')}\n      >\n        {formatDate({ locale: ctx.getLocale(locale), date: month, format: monthLabelFormat })}\n      </UnstyledButton>\n\n      {weekdays && (\n        <div {...getStyles('yearViewWeekdays')}>\n          {withWeekNumbers && <div {...getStyles('yearViewWeekdaysCorner')} />}\n          {weekdays}\n        </div>\n      )}\n\n      {weeks}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuHA,SAAgB,cAAc,EAC5B,OACA,WACA,mBAAmB,QACnB,iBACA,cACA,QACA,gBACA,eACA,aACA,iBACA,aACA,YACA,mBACA,cACA,oBACA,gBACA,eACA,MACA,iBACA,WACA,aACA,gBACA,iBACqB;CACrB,MAAM,OAAA,GAAMA,eAAAA,gBAAAA,CAAgB;CAC5B,MAAM,SAAA,GAAQC,cAAAA,gBAAAA,CAAgB;CAC9B,MAAM,SAAA,GAAQ,MAAA,QAAA,CAAM;CAEpB,MAAM,yBAAyB,IAAI,kBAAkB,cAAc;CACnE,MAAM,sBAAsB,IAAI,eAAe,WAAW;CAC1D,MAAM,gBAAgB,IAAI,IACxBC,8BAAAA,wBAAwB;EACtB,aAAa;EACb,gBAAgB;EAChB;CACF,CAAC,CACH;CAEA,MAAM,WAAW,eACbC,2BAAAA,iBAAiB;EACf,QAAQ,IAAI,UAAU,MAAM;EAC5B,QAAQ;EACR,gBAAgB;CAClB,CAAC,CAAC,CACC,QAAQ,GAAG,UAAU,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC,CAC/C,KAAK,KAAK,UACT,iBAAA,GAAA,MAAA,cAAA,CAAC,OAAD;EAAK,GAAI,UAAU,iBAAiB;EAAG,KAAK;CAEvC,GADF,GACE,CACN,IACH;CAEJ,MAAM,QAAQC,uBAAAA,aAAa;EACzB,QAAA,GAAO,MAAA,QAAA,CAAM,KAAK,CAAC,CAAC,OAAO,YAAY;EACvC,gBAAgB;EAChB,iBAAiB;CACnB,CAAC,CAAC,CAAC,KAAK,MAAM,cAAc;EAO1B,MAAM,OANcC,8BAAAA,mBAAmB;GACrC;GACA,aAAa;GACb;EACF,CAEuB,CAAC,CAAC,KAAK,MAAM,aAAa;GAC/C,MAAM,UAAU,CAACC,sBAAAA,YAAY,MAAM,KAAK;GAExC,IAAI,WAAW,CAAC,iBACd,OAAO,iBAAA,GAAA,MAAA,cAAA,CAAC,OAAD;IAAK,GAAI,UAAU,aAAa;IAAG,wBAAA;IAAqB,KAAK;GAAO,CAAA;GAG7E,MAAM,UAAU,oBAAoB,UAAA,GAAS,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,IAAI,CAAc;GAC3E,MAAM,aAAA,GAAY,MAAA,QAAA,CAAM,IAAI,CAAC,CAC1B,OAAO,UAAU,IAAI,MAAM,CAAC,CAC5B,OAAO,cAAc;GAExB,MAAM,WAAW,eAAA,GAAc,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC;GACrE,MAAM,WAAA,GAAU,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,OAAO,KAAK,KAAK;GACpD,MAAM,YAAY,iBAAA,GAAgB,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,YAAY,MAAM,CAAC;GAIxE,MAAM,oBACJ,iBACA,cAAc,cAAc,aAC5B,aAAa,cAAc;GAC7B,MAAM,eAAe,SAAS,YAAY,CAAC,WAAW;GAEtD,MAAM,aACJ,OAAO,cAAc,aACnB,WAAA,GAAU,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,YAAY,GAAG,SAAS,IAErD,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,EAAA,GACG,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,GAAG,GAEvB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,UAAU,uBAAuB;IACvC,UAAA,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,UAC1B,iBAAA,GAAA,MAAA,cAAA,CAAC,OAAD;KACE,GAAI,UAAU,wBAAwB,EACpC,OAAO,EAAE,kBAAA,GAAiBC,cAAAA,cAAAA,CAAc,MAAM,OAAO,KAAK,EAAE,EAC9D,CAAC;KACD,KAAK,MAAM;IACZ,CAAA,CACF;GACE,CAAA,CACL,EAAA,CAAA;GAGN,OACE,iBAAA,GAAA,MAAA,cAAA,CAACC,cAAAA,gBAAD;IACE,cAAY;IACZ,GAAI;IACJ,GAAI,UAAU,eAAe;KAAE,WAAW,SAAS;KAAW,OAAO,SAAS;IAAM,CAAC;IACrF,KAAK;IACL,KAAK,CAAC;KAAE;KAAS;KAAS,OAAO;KAAS,QAAQ,SAAS;IAAS,GAAG,SAAS,GAAG;IACnF,UAAU,eAAe,IAAI;IAC7B,MAAM,SAAS;KACb,IAAI,MACF,cAAc,WAAW,UAAU,IAAI;IAE3C;IACA,YAAY,UAAU;KACpB,SAAS,YAAY,KAAK;KAC1B,iBAAiB,OAAO;MAAE;MAAW;MAAU;KAAK,CAAC;IACvD;IACA,SACE,SAAS,WACL,KAAA,KACC,UAAU;KACT,cAAA,GAAa,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,OAAO,YAAY,GAAG,KAAK;KACpD,SAAS,UAAU,KAAK;IAC1B;GAIQ,GADb,UACa;EAEpB,CAAC;EAED,MAAM,kBAAkB,sBAAA,GAAqB,MAAA,QAAA,CAAM,KAAK,EAAE,CAAC,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC;EACtF,MAAM,aAAaC,wBAAAA,cAAc,IAAI;EAErC,OACE,iBAAA,GAAA,MAAA,cAAA,CAAC,OAAD;GAAK,GAAI,UAAU,cAAc;GAAG,KAAK;EA2BpC,GA1BF,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAACD,cAAAA,gBAAD;GAEE,cAAY,QAAQ;GACpB,OAAO,QAAQ;GACf,GAAI;GACJ,SACE,SAAS,WACL,KAAA,KACC,UAAU;IACT,qBAAA,GAAoB,MAAA,QAAA,CAAM,KAAK,EAAE,CAAC,CAAC,OAAO,YAAY,GAAG,KAAK;IAC9D,gBAAgB,UAAU,KAAK;GACjC;GAEN,KAAK,EAAE,QAAQ,SAAS,SAAS;GACjC,UAAU,SAAS,WAAW,KAAK;GACnC,GAAI,UAAU,sBAAsB;IAClC,WAAW,gBAAgB;IAC3B,OAAO,gBAAgB;GACzB,CAAC;GAEA,UAAA;EACa,GApBT,UAoBS,GAGjB,IACE;CAET,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACE,cAAAA,KAAD;EACE,KAAK,CACH;GACE,qBAAqB;GACrB,iBAAiB;GACjB,QAAQ,SAAS;EACnB,CACF;EACA,GAAI,UAAU,eAAe;EAR/B,UAAA;GAUE,iBAAA,GAAA,kBAAA,IAAA,CAACF,cAAAA,gBAAD;IACE,SACE,SAAS,WACL,KAAA,KACC,UAAU,gBAAA,GAAe,MAAA,QAAA,CAAM,KAAK,CAAC,CAAC,QAAQ,OAAO,CAAC,CAAC,OAAO,YAAY,GAAG,KAAK;IAEzF,KAAK,EAAE,QAAQ,SAAS,SAAS;IACjC,UAAU,SAAS,WAAW,KAAK;IACnC,GAAI,UAAU,sBAAsB;IAEnCG,UAAAA,oBAAAA,WAAW;KAAE,QAAQ,IAAI,UAAU,MAAM;KAAG,MAAM;KAAO,QAAQ;IAAiB,CAAC;GACtE,CAAA;GAEf,YACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,GAAI,UAAU,kBAAkB;IAArC,UAAA,CACG,mBAAmB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,UAAU,wBAAwB,EAAI,CAAA,GAClE,QACE;;GAGN;EACE;;AAET"}

package/cjs/index.cjs

@@ -11,6 +11,7 @@ const require_is_before_max_date = require("./utils/is-before-max-date/is-before
 const require_is_same_month = require("./utils/is-same-month/is-same-month.cjs");
 const require_get_months_by_quarter = require("./utils/get-months-by-quarter/get-months-by-quarter.cjs");
 const require_clamp_interval_minutes = require("./utils/clamp-interval-minutes/clamp-interval-minutes.cjs");
+const require_clamp_slot_label_interval = require("./utils/clamp-slot-label-interval/clamp-slot-label-interval.cjs");
 const require_parse_time_string = require("./utils/parse-time-string/parse-time-string.cjs");
 const require_to_time_string = require("./utils/to-time-string/to-time-string.cjs");
 const require_get_day_time_intervals = require("./utils/get-day-time-intervals/get-day-time-intervals.cjs");
@@ -20,6 +21,7 @@ const require_get_months_list = require("./utils/get-months-list/get-months-list
 const require_get_years_list = require("./utils/get-years-list/get-years-list.cjs");
 const require_next_week = require("./utils/next-week/next-week.cjs");
 const require_previous_week = require("./utils/previous-week/previous-week.cjs");
+const require_get_slot_label_groups = require("./utils/get-slot-label-groups/get-slot-label-groups.cjs");
 const require_get_current_time_position = require("./utils/get-current-time-position/get-current-time-position.cjs");
 const require_is_in_time_range = require("./utils/is-in-time-range/is-in-time-range.cjs");
 const require_is_all_day_event = require("./utils/is-all-day-event/is-all-day-event.cjs");
@@ -38,6 +40,7 @@ const require_calculate_month_drop_date = require("./utils/calculate-month-drop-
 const require_get_business_hours_mod = require("./utils/get-business-hours-mod/get-business-hours-mod.cjs");
 const require_expand_recurring_events = require("./utils/expand-recurring-events/expand-recurring-events.cjs");
 const require_get_ordered_resources = require("./utils/get-ordered-resources/get-ordered-resources.cjs");
+const require_add_minutes_to_time = require("./utils/add-minutes-to-time/add-minutes-to-time.cjs");
 const require_handle_resources_grid_key_down = require("./utils/handle-resources-grid-key-down/handle-resources-grid-key-down.cjs");
 const require_get_group_to_resource_id_map = require("./utils/get-group-to-resource-id-map/get-group-to-resource-id-map.cjs");
 const require_get_index_from_drag_point = require("./utils/get-index-from-drag-point/get-index-from-drag-point.cjs");
@@ -45,6 +48,7 @@ const require_get_day_relative_percent = require("./utils/get-day-relative-perce
 const require_get_overlap_clusters = require("./utils/get-overlap-clusters/get-overlap-clusters.cjs");
 const require_apply_cascade_layout = require("./utils/apply-cascade-layout/apply-cascade-layout.cjs");
 const require_is_event_placement_allowed = require("./utils/is-event-placement-allowed/is-event-placement-allowed.cjs");
+const require_get_visible_week_days = require("./utils/get-visible-week-days/get-visible-week-days.cjs");
 const require_AgendaView = require("./components/AgendaView/AgendaView.cjs");
 const require_CurrentTimeIndicator = require("./components/CurrentTimeIndicator/CurrentTimeIndicator.cjs");
 const require_DragContext = require("./components/DragContext/DragContext.cjs");
@@ -80,19 +84,23 @@ exports.ScheduleEvent = require_ScheduleEvent.ScheduleEvent;
 exports.ScheduleHeader = require_ScheduleHeader.ScheduleHeader;
 exports.WeekView = require_WeekView.WeekView;
 exports.YearView = require_YearView.YearView;
+exports.addMinutesToTime = require_add_minutes_to_time.addMinutesToTime;
 exports.applyCascadeLayout = require_apply_cascade_layout.applyCascadeLayout;
 exports.calculateDropTime = require_calculate_drop_time.calculateDropTime;
 exports.calculateMonthDropDate = require_calculate_month_drop_date.calculateMonthDropDate;
 exports.clampIntervalMinutes = require_clamp_interval_minutes.clampIntervalMinutes;
+exports.clampSlotLabelInterval = require_clamp_slot_label_interval.clampSlotLabelInterval;
 exports.expandRecurringEvents = require_expand_recurring_events.expandRecurringEvents;
 exports.formatDate = require_format_date.formatDate;
 exports.getBusinessHoursMod = require_get_business_hours_mod.getBusinessHoursMod;
+exports.getBusinessHoursState = require_get_business_hours_mod.getBusinessHoursState;
 exports.getCurrentTimePosition = require_get_current_time_position.getCurrentTimePosition;
 exports.getDayPosition = require_get_day_position.getDayPosition;
 exports.getDayRelativePercent = require_get_day_relative_percent.getDayRelativePercent;
 exports.getDayTimeIntervals = require_get_day_time_intervals.getDayTimeIntervals;
 exports.getEndOfWeek = require_get_end_of_week.getEndOfWeek;
 exports.getGroupToResourceIdMap = require_get_group_to_resource_id_map.getGroupToResourceIdMap;
+exports.getHiddenWeekendColumns = require_get_visible_week_days.getHiddenWeekendColumns;
 exports.getIndexFromDragPoint = require_get_index_from_drag_point.getIndexFromDragPoint;
 exports.getLabel = require_labels.getLabel;
 exports.getMonthDays = require_get_month_days.getMonthDays;
@@ -101,9 +109,11 @@ exports.getMonthsByQuarter = require_get_months_by_quarter.getMonthsByQuarter;
 exports.getMonthsList = require_get_months_list.getMonthsList;
 exports.getOrderedResources = require_get_ordered_resources.getOrderedResources;
 exports.getOverlapClusters = require_get_overlap_clusters.getOverlapClusters;
+exports.getSlotLabelGroups = require_get_slot_label_groups.getSlotLabelGroups;
 exports.getStartOfWeek = require_get_start_of_week.getStartOfWeek;
 exports.getTimeAxisEventStyle = require_get_time_axis_event_style.getTimeAxisEventStyle;
 exports.getVisibleEvents = require_get_visible_events.getVisibleEvents;
+exports.getVisibleWeekDays = require_get_visible_week_days.getVisibleWeekDays;
 exports.getWeekDays = require_get_week_days.getWeekDays;
 exports.getWeekNumber = require_get_week_number.getWeekNumber;
 exports.getWeekdaysNames = require_get_weekdays_names.getWeekdaysNames;

package/cjs/utils/add-minutes-to-time/add-minutes-to-time.cjs

@@ -0,0 +1,17 @@
+"use client";
+const require_parse_time_string = require("../parse-time-string/parse-time-string.cjs");
+const require_to_time_string = require("../to-time-string/to-time-string.cjs");
+//#region packages/@mantine/schedule/src/utils/add-minutes-to-time/add-minutes-to-time.ts
+function addMinutesToTime(time, minutes) {
+	const parsed = require_parse_time_string.parseTimeString(time);
+	const total = parsed.hours * 3600 + parsed.minutes * 60 + parsed.seconds + minutes * 60;
+	return require_to_time_string.toTimeString({
+		hours: Math.floor(total / 3600),
+		minutes: Math.floor(total % 3600 / 60),
+		seconds: total % 60
+	});
+}
+//#endregion
+exports.addMinutesToTime = addMinutesToTime;
+
+//# sourceMappingURL=add-minutes-to-time.cjs.map

package/cjs/utils/add-minutes-to-time/add-minutes-to-time.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-minutes-to-time.cjs","names":["parseTimeString","toTimeString"],"sources":["../../../src/utils/add-minutes-to-time/add-minutes-to-time.ts"],"sourcesContent":["import { parseTimeString } from '../parse-time-string/parse-time-string';\nimport { toTimeString } from '../to-time-string/to-time-string';\n\nexport function addMinutesToTime(time: string, minutes: number) {\n  const parsed = parseTimeString(time);\n  const total = parsed.hours * 3600 + parsed.minutes * 60 + parsed.seconds + minutes * 60;\n\n  return toTimeString({\n    hours: Math.floor(total / 3600),\n    minutes: Math.floor((total % 3600) / 60),\n    seconds: total % 60,\n  });\n}\n"],"mappings":";;;;AAGA,SAAgB,iBAAiB,MAAc,SAAiB;CAC9D,MAAM,SAASA,0BAAAA,gBAAgB,IAAI;CACnC,MAAM,QAAQ,OAAO,QAAQ,OAAO,OAAO,UAAU,KAAK,OAAO,UAAU,UAAU;CAErF,OAAOC,uBAAAA,aAAa;EAClB,OAAO,KAAK,MAAM,QAAQ,IAAI;EAC9B,SAAS,KAAK,MAAO,QAAQ,OAAQ,EAAE;EACvC,SAAS,QAAQ;CACnB,CAAC;AACH"}

package/cjs/utils/clamp-slot-label-interval/clamp-slot-label-interval.cjs

@@ -0,0 +1,22 @@
+"use client";
+const require_clamp_interval_minutes = require("../clamp-interval-minutes/clamp-interval-minutes.cjs");
+//#region packages/@mantine/schedule/src/utils/clamp-slot-label-interval/clamp-slot-label-interval.ts
+/**
+* Clamps slot label interval so that every label lines up with a slot boundary:
+*
+* - Non-positive and non-finite values fall back to `60`.
+* - The value is clamped with the same rules as `intervalMinutes` (see `clampIntervalMinutes`).
+* - The result is rounded up to the next multiple of the clamped `intervalMinutes` that
+*   satisfies the same rules and is never smaller than it. It is capped to a single day (`1440`).
+*/
+function clampSlotLabelInterval(slotLabelInterval, intervalMinutes) {
+	const interval = require_clamp_interval_minutes.clampIntervalMinutes(intervalMinutes);
+	const label = require_clamp_interval_minutes.clampIntervalMinutes(Number.isFinite(slotLabelInterval) && slotLabelInterval > 0 ? slotLabelInterval : 60);
+	let result = Math.ceil(label / interval) * interval;
+	while (result < 1440 && require_clamp_interval_minutes.clampIntervalMinutes(result) !== result) result += interval;
+	return Math.min(1440, result);
+}
+//#endregion
+exports.clampSlotLabelInterval = clampSlotLabelInterval;
+
+//# sourceMappingURL=clamp-slot-label-interval.cjs.map

package/cjs/utils/clamp-slot-label-interval/clamp-slot-label-interval.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp-slot-label-interval.cjs","names":["clampIntervalMinutes"],"sources":["../../../src/utils/clamp-slot-label-interval/clamp-slot-label-interval.ts"],"sourcesContent":["import { clampIntervalMinutes } from '../clamp-interval-minutes/clamp-interval-minutes';\n\n/**\n * Clamps slot label interval so that every label lines up with a slot boundary:\n *\n * - Non-positive and non-finite values fall back to `60`.\n * - The value is clamped with the same rules as `intervalMinutes` (see `clampIntervalMinutes`).\n * - The result is rounded up to the next multiple of the clamped `intervalMinutes` that\n *   satisfies the same rules and is never smaller than it. It is capped to a single day (`1440`).\n */\nexport function clampSlotLabelInterval(slotLabelInterval: number, intervalMinutes: number): number {\n  const interval = clampIntervalMinutes(intervalMinutes);\n  const label = clampIntervalMinutes(\n    Number.isFinite(slotLabelInterval) && slotLabelInterval > 0 ? slotLabelInterval : 60\n  );\n\n  let result = Math.ceil(label / interval) * interval;\n\n  while (result < 1440 && clampIntervalMinutes(result) !== result) {\n    result += interval;\n  }\n\n  return Math.min(1440, result);\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,uBAAuB,mBAA2B,iBAAiC;CACjG,MAAM,WAAWA,+BAAAA,qBAAqB,eAAe;CACrD,MAAM,QAAQA,+BAAAA,qBACZ,OAAO,SAAS,iBAAiB,KAAK,oBAAoB,IAAI,oBAAoB,EACpF;CAEA,IAAI,SAAS,KAAK,KAAK,QAAQ,QAAQ,IAAI;CAE3C,OAAO,SAAS,QAAQA,+BAAAA,qBAAqB,MAAM,MAAM,QACvD,UAAU;CAGZ,OAAO,KAAK,IAAI,MAAM,MAAM;AAC9B"}

package/cjs/utils/get-business-hours-mod/get-business-hours-mod.cjs

@@ -1,42 +1,99 @@
 "use client";
+const require_parse_time_string = require("../parse-time-string/parse-time-string.cjs");
 //#region packages/@mantine/schedule/src/utils/get-business-hours-mod/get-business-hours-mod.ts
+const NONE = {
+	"business-hours": false,
+	"non-business-hours": false,
+	"partial-business-hours": false
+};
+const INSIDE = {
+	"business-hours": true,
+	"non-business-hours": false,
+	"partial-business-hours": false
+};
+const OUTSIDE = {
+	"business-hours": false,
+	"non-business-hours": true,
+	"partial-business-hours": false
+};
+const PARTIAL = {
+	"business-hours": false,
+	"non-business-hours": false,
+	"partial-business-hours": true
+};
 function isBusinessHoursRange(value) {
 	return Array.isArray(value) && value.length === 2 && typeof value[0] === "string" && typeof value[1] === "string";
 }
+function toSeconds(time) {
+	const { hours, minutes, seconds } = require_parse_time_string.parseTimeString(time);
+	return hours * 3600 + minutes * 60 + seconds;
+}
+function toPercent(value) {
+	return `${Math.round(value * 1e4) / 100}%`;
+}
 /**
-* Determines if a given time is within business hours and returns modifier object
-* @param time - Time string in HH:mm:ss format
-* @param businessHours - Tuple of [start, end] times in HH:mm:ss format, or per-day record keyed by day of the week
-* @param highlightBusinessHours - Whether to highlight business hours
-* @param dayOfWeek - Day of the week (0 – Sunday, 6 – Saturday), used to resolve per-day business hours
-* @returns Modifier object for styling business/non-business hours
+* Resolves business hours state of a time interval
+* @returns `mod` – modifiers for styling business/non-business/partial intervals, `vars` – CSS variables with the business hours boundaries inside a partial interval
 */
-function getBusinessHoursMod({ time, businessHours, highlightBusinessHours, dayOfWeek }) {
+function getBusinessHoursState({ time, endTime, businessHours, highlightBusinessHours, dayOfWeek }) {
 	if (!highlightBusinessHours || !businessHours) return {
-		"business-hours": false,
-		"non-business-hours": false
+		mod: NONE,
+		vars: void 0
 	};
 	let range;
 	if (isBusinessHoursRange(businessHours)) range = businessHours;
 	else {
 		if (dayOfWeek === void 0) return {
-			"business-hours": false,
-			"non-business-hours": false
+			mod: NONE,
+			vars: void 0
 		};
 		range = businessHours[dayOfWeek] ?? null;
 	}
 	if (!range) return {
-		"business-hours": false,
-		"non-business-hours": true
+		mod: OUTSIDE,
+		vars: void 0
+	};
+	const start = toSeconds(time);
+	const rangeStart = toSeconds(range[0]);
+	const rangeEnd = toSeconds(range[1]);
+	const end = endTime === void 0 ? start : toSeconds(endTime);
+	if (end <= start) return {
+		mod: start >= rangeStart && start < rangeEnd ? INSIDE : OUTSIDE,
+		vars: void 0
+	};
+	const overlapStart = Math.max(start, rangeStart);
+	const overlapEnd = Math.min(end, rangeEnd);
+	if (overlapEnd <= overlapStart) return {
+		mod: OUTSIDE,
+		vars: void 0
 	};
-	const [start, end] = range;
-	const isInBusinessHours = time >= start && time < end;
+	if (overlapStart === start && overlapEnd === end) return {
+		mod: INSIDE,
+		vars: void 0
+	};
+	const duration = end - start;
 	return {
-		"business-hours": isInBusinessHours,
-		"non-business-hours": !isInBusinessHours
+		mod: PARTIAL,
+		vars: {
+			"--business-hours-from": toPercent((overlapStart - start) / duration),
+			"--business-hours-to": toPercent((overlapEnd - start) / duration)
+		}
 	};
 }
+/**
+* Determines if a given time interval is within business hours and returns modifier object
+* @param time - Start time in HH:mm:ss format
+* @param endTime - End time in HH:mm:ss format, enables the partial state for intervals that contain a boundary
+* @param businessHours - Tuple of [start, end] times in HH:mm:ss or HH:mm format, or per-day record keyed by day of the week
+* @param highlightBusinessHours - Whether to highlight business hours
+* @param dayOfWeek - Day of the week (0 – Sunday, 6 – Saturday), used to resolve per-day business hours
+* @returns Modifier object for styling business/non-business hours
+*/
+function getBusinessHoursMod(input) {
+	return getBusinessHoursState(input).mod;
+}
 //#endregion
 exports.getBusinessHoursMod = getBusinessHoursMod;
+exports.getBusinessHoursState = getBusinessHoursState;
 
 //# sourceMappingURL=get-business-hours-mod.cjs.map

package/cjs/utils/get-business-hours-mod/get-business-hours-mod.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-business-hours-mod.cjs","names":[],"sources":["../../../src/utils/get-business-hours-mod/get-business-hours-mod.ts"],"sourcesContent":["import { DayOfWeek } from '../../types';\n\n/** Business hours range in `HH:mm:ss` format */\nexport type BusinessHoursRange = [string, string];\n\n/** Per-day business hours map keyed by day of the week (0 – Sunday, 6 – Saturday). `null` marks a day as fully outside business hours. */\nexport type BusinessHoursPerDay = Partial<Record<DayOfWeek, BusinessHoursRange | null>>;\n\n/** Business hours value – tuple applies to every day, record configures business hours per day */\nexport type BusinessHoursValue = BusinessHoursRange | BusinessHoursPerDay;\n\nexport interface GetBusinessHoursModInput {\n  time: string;\n  businessHours?: BusinessHoursValue;\n  highlightBusinessHours?: boolean;\n  dayOfWeek?: DayOfWeek;\n}\n\nexport interface BusinessHoursMod {\n  'business-hours': boolean;\n  'non-business-hours': boolean;\n}\n\nfunction isBusinessHoursRange(value: BusinessHoursValue): value is BusinessHoursRange {\n  return (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    typeof value[0] === 'string' &&\n    typeof value[1] === 'string'\n  );\n}\n\n/**\n * Determines if a given time is within business hours and returns modifier object\n * @param time - Time string in HH:mm:ss format\n * @param businessHours - Tuple of [start, end] times in HH:mm:ss format, or per-day record keyed by day of the week\n * @param highlightBusinessHours - Whether to highlight business hours\n * @param dayOfWeek - Day of the week (0 – Sunday, 6 – Saturday), used to resolve per-day business hours\n * @returns Modifier object for styling business/non-business hours\n */\nexport function getBusinessHoursMod({\n  time,\n  businessHours,\n  highlightBusinessHours,\n  dayOfWeek,\n}: GetBusinessHoursModInput): BusinessHoursMod {\n  if (!highlightBusinessHours || !businessHours) {\n    return {\n      'business-hours': false,\n      'non-business-hours': false,\n    };\n  }\n\n  let range: [string, string] | null;\n  if (isBusinessHoursRange(businessHours)) {\n    range = businessHours;\n  } else {\n    if (dayOfWeek === undefined) {\n      return {\n        'business-hours': false,\n        'non-business-hours': false,\n      };\n    }\n    range = businessHours[dayOfWeek] ?? null;\n  }\n\n  if (!range) {\n    return {\n      'business-hours': false,\n      'non-business-hours': true,\n    };\n  }\n\n  const [start, end] = range;\n  const isInBusinessHours = time >= start && time < end;\n\n  return {\n    'business-hours': isInBusinessHours,\n    'non-business-hours': !isInBusinessHours,\n  };\n}\n"],"mappings":";;AAuBA,SAAS,qBAAqB,OAAwD;CACpF,OACE,MAAM,QAAQ,KAAK,KACnB,MAAM,WAAW,KACjB,OAAO,MAAM,OAAO,YACpB,OAAO,MAAM,OAAO;AAExB;;;;;;;;;AAUA,SAAgB,oBAAoB,EAClC,MACA,eACA,wBACA,aAC6C;CAC7C,IAAI,CAAC,0BAA0B,CAAC,eAC9B,OAAO;EACL,kBAAkB;EAClB,sBAAsB;CACxB;CAGF,IAAI;CACJ,IAAI,qBAAqB,aAAa,GACpC,QAAQ;MACH;EACL,IAAI,cAAc,KAAA,GAChB,OAAO;GACL,kBAAkB;GAClB,sBAAsB;EACxB;EAEF,QAAQ,cAAc,cAAc;CACtC;CAEA,IAAI,CAAC,OACH,OAAO;EACL,kBAAkB;EAClB,sBAAsB;CACxB;CAGF,MAAM,CAAC,OAAO,OAAO;CACrB,MAAM,oBAAoB,QAAQ,SAAS,OAAO;CAElD,OAAO;EACL,kBAAkB;EAClB,sBAAsB,CAAC;CACzB;AACF"}
+{"version":3,"file":"get-business-hours-mod.cjs","names":["parseTimeString"],"sources":["../../../src/utils/get-business-hours-mod/get-business-hours-mod.ts"],"sourcesContent":["import { DayOfWeek } from '../../types';\nimport { parseTimeString } from '../parse-time-string/parse-time-string';\n\n/** Business hours range in `HH:mm:ss` or `HH:mm` format */\nexport type BusinessHoursRange = [string, string];\n\n/** Per-day business hours map keyed by day of the week (0 – Sunday, 6 – Saturday). `null` marks a day as fully outside business hours. */\nexport type BusinessHoursPerDay = Partial<Record<DayOfWeek, BusinessHoursRange | null>>;\n\n/** Business hours value – tuple applies to every day, record configures business hours per day */\nexport type BusinessHoursValue = BusinessHoursRange | BusinessHoursPerDay;\n\nexport interface GetBusinessHoursModInput {\n  /** Start of the interval in `HH:mm:ss` format */\n  time: string;\n\n  /** End of the interval in `HH:mm:ss` format. When set, intervals that contain a business hours boundary get the partial state. */\n  endTime?: string;\n\n  businessHours?: BusinessHoursValue;\n  highlightBusinessHours?: boolean;\n  dayOfWeek?: DayOfWeek;\n}\n\nexport interface BusinessHoursMod {\n  'business-hours': boolean;\n  'non-business-hours': boolean;\n  'partial-business-hours': boolean;\n}\n\n/** CSS variables applied to partial intervals, percentage of the interval where business hours start and end */\nexport type BusinessHoursVars = {\n  '--business-hours-from': string;\n  '--business-hours-to': string;\n};\n\nexport interface BusinessHoursState {\n  mod: BusinessHoursMod;\n  vars: BusinessHoursVars | undefined;\n}\n\nconst NONE: BusinessHoursMod = {\n  'business-hours': false,\n  'non-business-hours': false,\n  'partial-business-hours': false,\n};\n\nconst INSIDE: BusinessHoursMod = {\n  'business-hours': true,\n  'non-business-hours': false,\n  'partial-business-hours': false,\n};\n\nconst OUTSIDE: BusinessHoursMod = {\n  'business-hours': false,\n  'non-business-hours': true,\n  'partial-business-hours': false,\n};\n\nconst PARTIAL: BusinessHoursMod = {\n  'business-hours': false,\n  'non-business-hours': false,\n  'partial-business-hours': true,\n};\n\nfunction isBusinessHoursRange(value: BusinessHoursValue): value is BusinessHoursRange {\n  return (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    typeof value[0] === 'string' &&\n    typeof value[1] === 'string'\n  );\n}\n\nfunction toSeconds(time: string) {\n  const { hours, minutes, seconds } = parseTimeString(time);\n  return hours * 3600 + minutes * 60 + seconds;\n}\n\nfunction toPercent(value: number) {\n  return `${Math.round(value * 10000) / 100}%`;\n}\n\n/**\n * Resolves business hours state of a time interval\n * @returns `mod` – modifiers for styling business/non-business/partial intervals, `vars` – CSS variables with the business hours boundaries inside a partial interval\n */\nexport function getBusinessHoursState({\n  time,\n  endTime,\n  businessHours,\n  highlightBusinessHours,\n  dayOfWeek,\n}: GetBusinessHoursModInput): BusinessHoursState {\n  if (!highlightBusinessHours || !businessHours) {\n    return { mod: NONE, vars: undefined };\n  }\n\n  let range: BusinessHoursRange | null;\n  if (isBusinessHoursRange(businessHours)) {\n    range = businessHours;\n  } else {\n    if (dayOfWeek === undefined) {\n      return { mod: NONE, vars: undefined };\n    }\n    range = businessHours[dayOfWeek] ?? null;\n  }\n\n  if (!range) {\n    return { mod: OUTSIDE, vars: undefined };\n  }\n\n  const start = toSeconds(time);\n  const rangeStart = toSeconds(range[0]);\n  const rangeEnd = toSeconds(range[1]);\n  const end = endTime === undefined ? start : toSeconds(endTime);\n\n  if (end <= start) {\n    const isInside = start >= rangeStart && start < rangeEnd;\n    return { mod: isInside ? INSIDE : OUTSIDE, vars: undefined };\n  }\n\n  const overlapStart = Math.max(start, rangeStart);\n  const overlapEnd = Math.min(end, rangeEnd);\n\n  if (overlapEnd <= overlapStart) {\n    return { mod: OUTSIDE, vars: undefined };\n  }\n\n  if (overlapStart === start && overlapEnd === end) {\n    return { mod: INSIDE, vars: undefined };\n  }\n\n  const duration = end - start;\n\n  return {\n    mod: PARTIAL,\n    vars: {\n      '--business-hours-from': toPercent((overlapStart - start) / duration),\n      '--business-hours-to': toPercent((overlapEnd - start) / duration),\n    },\n  };\n}\n\n/**\n * Determines if a given time interval is within business hours and returns modifier object\n * @param time - Start time in HH:mm:ss format\n * @param endTime - End time in HH:mm:ss format, enables the partial state for intervals that contain a boundary\n * @param businessHours - Tuple of [start, end] times in HH:mm:ss or HH:mm format, or per-day record keyed by day of the week\n * @param highlightBusinessHours - Whether to highlight business hours\n * @param dayOfWeek - Day of the week (0 – Sunday, 6 – Saturday), used to resolve per-day business hours\n * @returns Modifier object for styling business/non-business hours\n */\nexport function getBusinessHoursMod(input: GetBusinessHoursModInput): BusinessHoursMod {\n  return getBusinessHoursState(input).mod;\n}\n"],"mappings":";;;AAyCA,MAAM,OAAyB;CAC7B,kBAAkB;CAClB,sBAAsB;CACtB,0BAA0B;AAC5B;AAEA,MAAM,SAA2B;CAC/B,kBAAkB;CAClB,sBAAsB;CACtB,0BAA0B;AAC5B;AAEA,MAAM,UAA4B;CAChC,kBAAkB;CAClB,sBAAsB;CACtB,0BAA0B;AAC5B;AAEA,MAAM,UAA4B;CAChC,kBAAkB;CAClB,sBAAsB;CACtB,0BAA0B;AAC5B;AAEA,SAAS,qBAAqB,OAAwD;CACpF,OACE,MAAM,QAAQ,KAAK,KACnB,MAAM,WAAW,KACjB,OAAO,MAAM,OAAO,YACpB,OAAO,MAAM,OAAO;AAExB;AAEA,SAAS,UAAU,MAAc;CAC/B,MAAM,EAAE,OAAO,SAAS,YAAYA,0BAAAA,gBAAgB,IAAI;CACxD,OAAO,QAAQ,OAAO,UAAU,KAAK;AACvC;AAEA,SAAS,UAAU,OAAe;CAChC,OAAO,GAAG,KAAK,MAAM,QAAQ,GAAK,IAAI,IAAI;AAC5C;;;;;AAMA,SAAgB,sBAAsB,EACpC,MACA,SACA,eACA,wBACA,aAC+C;CAC/C,IAAI,CAAC,0BAA0B,CAAC,eAC9B,OAAO;EAAE,KAAK;EAAM,MAAM,KAAA;CAAU;CAGtC,IAAI;CACJ,IAAI,qBAAqB,aAAa,GACpC,QAAQ;MACH;EACL,IAAI,cAAc,KAAA,GAChB,OAAO;GAAE,KAAK;GAAM,MAAM,KAAA;EAAU;EAEtC,QAAQ,cAAc,cAAc;CACtC;CAEA,IAAI,CAAC,OACH,OAAO;EAAE,KAAK;EAAS,MAAM,KAAA;CAAU;CAGzC,MAAM,QAAQ,UAAU,IAAI;CAC5B,MAAM,aAAa,UAAU,MAAM,EAAE;CACrC,MAAM,WAAW,UAAU,MAAM,EAAE;CACnC,MAAM,MAAM,YAAY,KAAA,IAAY,QAAQ,UAAU,OAAO;CAE7D,IAAI,OAAO,OAET,OAAO;EAAE,KADQ,SAAS,cAAc,QAAQ,WACvB,SAAS;EAAS,MAAM,KAAA;CAAU;CAG7D,MAAM,eAAe,KAAK,IAAI,OAAO,UAAU;CAC/C,MAAM,aAAa,KAAK,IAAI,KAAK,QAAQ;CAEzC,IAAI,cAAc,cAChB,OAAO;EAAE,KAAK;EAAS,MAAM,KAAA;CAAU;CAGzC,IAAI,iBAAiB,SAAS,eAAe,KAC3C,OAAO;EAAE,KAAK;EAAQ,MAAM,KAAA;CAAU;CAGxC,MAAM,WAAW,MAAM;CAEvB,OAAO;EACL,KAAK;EACL,MAAM;GACJ,yBAAyB,WAAW,eAAe,SAAS,QAAQ;GACpE,uBAAuB,WAAW,aAAa,SAAS,QAAQ;EAClE;CACF;AACF;;;;;;;;;;AAWA,SAAgB,oBAAoB,OAAmD;CACrF,OAAO,sBAAsB,KAAK,CAAC,CAAC;AACtC"}

package/cjs/utils/get-day-time-intervals/get-day-time-intervals.cjs

@@ -1,10 +1,12 @@
 "use client";
 const require_clamp_interval_minutes = require("../clamp-interval-minutes/clamp-interval-minutes.cjs");
+const require_clamp_slot_label_interval = require("../clamp-slot-label-interval/clamp-slot-label-interval.cjs");
 const require_parse_time_string = require("../parse-time-string/parse-time-string.cjs");
 const require_to_time_string = require("../to-time-string/to-time-string.cjs");
 //#region packages/@mantine/schedule/src/utils/get-day-time-intervals/get-day-time-intervals.ts
-function getDayTimeIntervals({ startTime, endTime, intervalMinutes: _intervalMinutes = 60 }) {
+function getDayTimeIntervals({ startTime, endTime, intervalMinutes: _intervalMinutes = 60, labelIntervalMinutes: _labelIntervalMinutes = 60 }) {
 	const intervalMinutes = require_clamp_interval_minutes.clampIntervalMinutes(_intervalMinutes);
+	const labelIntervalSeconds = require_clamp_slot_label_interval.clampSlotLabelInterval(_labelIntervalMinutes, intervalMinutes) * 60;
 	const start = require_parse_time_string.parseTimeString(startTime);
 	const end = endTime ? require_parse_time_string.parseTimeString(endTime) : {
 		hours: 23,
@@ -14,6 +16,7 @@ function getDayTimeIntervals({ startTime, endTime, intervalMinutes: _intervalMin
 	const startSeconds = start.hours * 3600 + start.minutes * 60 + start.seconds;
 	const endSeconds = end.hours * 3600 + end.minutes * 60 + end.seconds;
 	const intervalSeconds = intervalMinutes * 60;
+	const labelOriginSeconds = startSeconds % labelIntervalSeconds % intervalSeconds === 0 ? 0 : startSeconds;
 	const intervals = [];
 	let currentSeconds = startSeconds;
 	while (currentSeconds < endSeconds) {
@@ -28,6 +31,7 @@ function getDayTimeIntervals({ startTime, endTime, intervalMinutes: _intervalMin
 		const endSecs = intervalEndSeconds % 60;
 		const durationSeconds = intervalEndSeconds - intervalStartSeconds;
 		const isHourStart = startMinutes === 0 && startSecs === 0;
+		const isLabelStart = (intervalStartSeconds - labelOriginSeconds) % labelIntervalSeconds === 0;
 		intervals.push({
 			startTime: require_to_time_string.toTimeString({
 				hours: startHours,
@@ -40,7 +44,8 @@ function getDayTimeIntervals({ startTime, endTime, intervalMinutes: _intervalMin
 				seconds: endSecs
 			}),
 			duration: durationSeconds,
-			isHourStart
+			isHourStart,
+			isLabelStart
 		});
 		currentSeconds = intervalEndSeconds;
 	}

package/cjs/utils/get-day-time-intervals/get-day-time-intervals.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-day-time-intervals.cjs","names":["clampIntervalMinutes","parseTimeString","toTimeString"],"sources":["../../../src/utils/get-day-time-intervals/get-day-time-intervals.ts"],"sourcesContent":["import { clampIntervalMinutes } from '../clamp-interval-minutes/clamp-interval-minutes';\nimport { parseTimeString } from '../parse-time-string/parse-time-string';\nimport { toTimeString } from '../to-time-string/to-time-string';\n\nexport interface DayTimeInterval {\n  /** Start time of the interval in HH:mm:ss format */\n  startTime: string;\n\n  /** End time of the interval in HH:mm:ss format */\n  endTime: string;\n\n  /** Duration of the interval in seconds */\n  duration: number;\n\n  /** Indicates if the interval starts at the beginning of an hour */\n  isHourStart: boolean;\n}\n\nexport interface GetDayTimeIntervalsInput {\n  /** Start time in HH:mm:ss format */\n  startTime: string;\n\n  /** End time in HH:mm:ss format, end of the day by default */\n  endTime?: string;\n\n  /** Interval in minutes, 60 by default */\n  intervalMinutes?: number;\n}\n\nexport function getDayTimeIntervals({\n  startTime,\n  endTime,\n  intervalMinutes: _intervalMinutes = 60,\n}: GetDayTimeIntervalsInput): DayTimeInterval[] {\n  const intervalMinutes = clampIntervalMinutes(_intervalMinutes);\n\n  const start = parseTimeString(startTime);\n  const end = endTime ? parseTimeString(endTime) : { hours: 23, minutes: 59, seconds: 59 };\n\n  const startSeconds = start.hours * 3600 + start.minutes * 60 + start.seconds;\n  const endSeconds = end.hours * 3600 + end.minutes * 60 + end.seconds;\n  const intervalSeconds = intervalMinutes * 60;\n\n  const intervals: DayTimeInterval[] = [];\n  let currentSeconds = startSeconds;\n\n  while (currentSeconds < endSeconds) {\n    const intervalStartSeconds = currentSeconds;\n    let intervalEndSeconds = currentSeconds + intervalSeconds;\n\n    if (intervalEndSeconds > endSeconds) {\n      intervalEndSeconds = endSeconds;\n    }\n\n    const startHours = Math.floor(intervalStartSeconds / 3600);\n    const startMinutes = Math.floor((intervalStartSeconds % 3600) / 60);\n    const startSecs = intervalStartSeconds % 60;\n\n    const endHours = Math.floor(intervalEndSeconds / 3600);\n    const endMinutes = Math.floor((intervalEndSeconds % 3600) / 60);\n    const endSecs = intervalEndSeconds % 60;\n\n    const durationSeconds = intervalEndSeconds - intervalStartSeconds;\n    const isHourStart = startMinutes === 0 && startSecs === 0;\n\n    intervals.push({\n      startTime: toTimeString({ hours: startHours, minutes: startMinutes, seconds: startSecs }),\n      endTime: toTimeString({ hours: endHours, minutes: endMinutes, seconds: endSecs }),\n      duration: durationSeconds,\n      isHourStart,\n    });\n\n    currentSeconds = intervalEndSeconds;\n  }\n\n  return intervals;\n}\n"],"mappings":";;;;;AA6BA,SAAgB,oBAAoB,EAClC,WACA,SACA,iBAAiB,mBAAmB,MACU;CAC9C,MAAM,kBAAkBA,+BAAAA,qBAAqB,gBAAgB;CAE7D,MAAM,QAAQC,0BAAAA,gBAAgB,SAAS;CACvC,MAAM,MAAM,UAAUA,0BAAAA,gBAAgB,OAAO,IAAI;EAAE,OAAO;EAAI,SAAS;EAAI,SAAS;CAAG;CAEvF,MAAM,eAAe,MAAM,QAAQ,OAAO,MAAM,UAAU,KAAK,MAAM;CACrE,MAAM,aAAa,IAAI,QAAQ,OAAO,IAAI,UAAU,KAAK,IAAI;CAC7D,MAAM,kBAAkB,kBAAkB;CAE1C,MAAM,YAA+B,CAAC;CACtC,IAAI,iBAAiB;CAErB,OAAO,iBAAiB,YAAY;EAClC,MAAM,uBAAuB;EAC7B,IAAI,qBAAqB,iBAAiB;EAE1C,IAAI,qBAAqB,YACvB,qBAAqB;EAGvB,MAAM,aAAa,KAAK,MAAM,uBAAuB,IAAI;EACzD,MAAM,eAAe,KAAK,MAAO,uBAAuB,OAAQ,EAAE;EAClE,MAAM,YAAY,uBAAuB;EAEzC,MAAM,WAAW,KAAK,MAAM,qBAAqB,IAAI;EACrD,MAAM,aAAa,KAAK,MAAO,qBAAqB,OAAQ,EAAE;EAC9D,MAAM,UAAU,qBAAqB;EAErC,MAAM,kBAAkB,qBAAqB;EAC7C,MAAM,cAAc,iBAAiB,KAAK,cAAc;EAExD,UAAU,KAAK;GACb,WAAWC,uBAAAA,aAAa;IAAE,OAAO;IAAY,SAAS;IAAc,SAAS;GAAU,CAAC;GACxF,SAASA,uBAAAA,aAAa;IAAE,OAAO;IAAU,SAAS;IAAY,SAAS;GAAQ,CAAC;GAChF,UAAU;GACV;EACF,CAAC;EAED,iBAAiB;CACnB;CAEA,OAAO;AACT"}
+{"version":3,"file":"get-day-time-intervals.cjs","names":["clampIntervalMinutes","clampSlotLabelInterval","parseTimeString","toTimeString"],"sources":["../../../src/utils/get-day-time-intervals/get-day-time-intervals.ts"],"sourcesContent":["import { clampIntervalMinutes } from '../clamp-interval-minutes/clamp-interval-minutes';\nimport { clampSlotLabelInterval } from '../clamp-slot-label-interval/clamp-slot-label-interval';\nimport { parseTimeString } from '../parse-time-string/parse-time-string';\nimport { toTimeString } from '../to-time-string/to-time-string';\n\nexport interface DayTimeInterval {\n  /** Start time of the interval in HH:mm:ss format */\n  startTime: string;\n\n  /** End time of the interval in HH:mm:ss format */\n  endTime: string;\n\n  /** Duration of the interval in seconds */\n  duration: number;\n\n  /** Indicates if the interval starts at the beginning of an hour */\n  isHourStart: boolean;\n\n  /** Indicates if the interval starts at a label boundary defined by `labelIntervalMinutes`. Boundaries are aligned to the clock when the slots grid reaches them, otherwise they are counted from `startTime`. */\n  isLabelStart: boolean;\n}\n\nexport interface GetDayTimeIntervalsInput {\n  /** Start time in HH:mm:ss format */\n  startTime: string;\n\n  /** End time in HH:mm:ss format, end of the day by default */\n  endTime?: string;\n\n  /** Interval in minutes, 60 by default */\n  intervalMinutes?: number;\n\n  /** Interval between labeled slots in minutes, 60 by default */\n  labelIntervalMinutes?: number;\n}\n\nexport function getDayTimeIntervals({\n  startTime,\n  endTime,\n  intervalMinutes: _intervalMinutes = 60,\n  labelIntervalMinutes: _labelIntervalMinutes = 60,\n}: GetDayTimeIntervalsInput): DayTimeInterval[] {\n  const intervalMinutes = clampIntervalMinutes(_intervalMinutes);\n  const labelIntervalSeconds = clampSlotLabelInterval(_labelIntervalMinutes, intervalMinutes) * 60;\n\n  const start = parseTimeString(startTime);\n  const end = endTime ? parseTimeString(endTime) : { hours: 23, minutes: 59, seconds: 59 };\n\n  const startSeconds = start.hours * 3600 + start.minutes * 60 + start.seconds;\n  const endSeconds = end.hours * 3600 + end.minutes * 60 + end.seconds;\n  const intervalSeconds = intervalMinutes * 60;\n  const labelOriginSeconds =\n    (startSeconds % labelIntervalSeconds) % intervalSeconds === 0 ? 0 : startSeconds;\n\n  const intervals: DayTimeInterval[] = [];\n  let currentSeconds = startSeconds;\n\n  while (currentSeconds < endSeconds) {\n    const intervalStartSeconds = currentSeconds;\n    let intervalEndSeconds = currentSeconds + intervalSeconds;\n\n    if (intervalEndSeconds > endSeconds) {\n      intervalEndSeconds = endSeconds;\n    }\n\n    const startHours = Math.floor(intervalStartSeconds / 3600);\n    const startMinutes = Math.floor((intervalStartSeconds % 3600) / 60);\n    const startSecs = intervalStartSeconds % 60;\n\n    const endHours = Math.floor(intervalEndSeconds / 3600);\n    const endMinutes = Math.floor((intervalEndSeconds % 3600) / 60);\n    const endSecs = intervalEndSeconds % 60;\n\n    const durationSeconds = intervalEndSeconds - intervalStartSeconds;\n    const isHourStart = startMinutes === 0 && startSecs === 0;\n    const isLabelStart = (intervalStartSeconds - labelOriginSeconds) % labelIntervalSeconds === 0;\n\n    intervals.push({\n      startTime: toTimeString({ hours: startHours, minutes: startMinutes, seconds: startSecs }),\n      endTime: toTimeString({ hours: endHours, minutes: endMinutes, seconds: endSecs }),\n      duration: durationSeconds,\n      isHourStart,\n      isLabelStart,\n    });\n\n    currentSeconds = intervalEndSeconds;\n  }\n\n  return intervals;\n}\n"],"mappings":";;;;;;AAoCA,SAAgB,oBAAoB,EAClC,WACA,SACA,iBAAiB,mBAAmB,IACpC,sBAAsB,wBAAwB,MACA;CAC9C,MAAM,kBAAkBA,+BAAAA,qBAAqB,gBAAgB;CAC7D,MAAM,uBAAuBC,kCAAAA,uBAAuB,uBAAuB,eAAe,IAAI;CAE9F,MAAM,QAAQC,0BAAAA,gBAAgB,SAAS;CACvC,MAAM,MAAM,UAAUA,0BAAAA,gBAAgB,OAAO,IAAI;EAAE,OAAO;EAAI,SAAS;EAAI,SAAS;CAAG;CAEvF,MAAM,eAAe,MAAM,QAAQ,OAAO,MAAM,UAAU,KAAK,MAAM;CACrE,MAAM,aAAa,IAAI,QAAQ,OAAO,IAAI,UAAU,KAAK,IAAI;CAC7D,MAAM,kBAAkB,kBAAkB;CAC1C,MAAM,qBACH,eAAe,uBAAwB,oBAAoB,IAAI,IAAI;CAEtE,MAAM,YAA+B,CAAC;CACtC,IAAI,iBAAiB;CAErB,OAAO,iBAAiB,YAAY;EAClC,MAAM,uBAAuB;EAC7B,IAAI,qBAAqB,iBAAiB;EAE1C,IAAI,qBAAqB,YACvB,qBAAqB;EAGvB,MAAM,aAAa,KAAK,MAAM,uBAAuB,IAAI;EACzD,MAAM,eAAe,KAAK,MAAO,uBAAuB,OAAQ,EAAE;EAClE,MAAM,YAAY,uBAAuB;EAEzC,MAAM,WAAW,KAAK,MAAM,qBAAqB,IAAI;EACrD,MAAM,aAAa,KAAK,MAAO,qBAAqB,OAAQ,EAAE;EAC9D,MAAM,UAAU,qBAAqB;EAErC,MAAM,kBAAkB,qBAAqB;EAC7C,MAAM,cAAc,iBAAiB,KAAK,cAAc;EACxD,MAAM,gBAAgB,uBAAuB,sBAAsB,yBAAyB;EAE5F,UAAU,KAAK;GACb,WAAWC,uBAAAA,aAAa;IAAE,OAAO;IAAY,SAAS;IAAc,SAAS;GAAU,CAAC;GACxF,SAASA,uBAAAA,aAAa;IAAE,OAAO;IAAU,SAAS;IAAY,SAAS;GAAQ,CAAC;GAChF,UAAU;GACV;GACA;EACF,CAAC;EAED,iBAAiB;CACnB;CAEA,OAAO;AACT"}

package/cjs/utils/get-slot-label-groups/get-slot-label-groups.cjs

@@ -0,0 +1,26 @@
+"use client";
+//#region packages/@mantine/schedule/src/utils/get-slot-label-groups/get-slot-label-groups.ts
+/** Groups consecutive time intervals by label boundaries, the first group may start before the first label */
+function getSlotLabelGroups(intervals) {
+	const groups = [];
+	intervals.forEach((interval) => {
+		const current = groups[groups.length - 1];
+		if (current && !interval.isLabelStart) {
+			current.endTime = interval.endTime;
+			current.slotsCount += 1;
+			return;
+		}
+		groups.push({
+			startTime: interval.startTime,
+			endTime: interval.endTime,
+			slotsCount: 1,
+			isLabelStart: interval.isLabelStart,
+			isHourStart: interval.isHourStart
+		});
+	});
+	return groups;
+}
+//#endregion
+exports.getSlotLabelGroups = getSlotLabelGroups;
+
+//# sourceMappingURL=get-slot-label-groups.cjs.map

package/cjs/utils/get-slot-label-groups/get-slot-label-groups.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-slot-label-groups.cjs","names":[],"sources":["../../../src/utils/get-slot-label-groups/get-slot-label-groups.ts"],"sourcesContent":["import { DayTimeInterval } from '../get-day-time-intervals/get-day-time-intervals';\n\nexport interface SlotLabelGroup {\n  /** Start time of the first slot in the group in HH:mm:ss format */\n  startTime: string;\n\n  /** End time of the last slot in the group in HH:mm:ss format */\n  endTime: string;\n\n  /** Number of slots covered by the group */\n  slotsCount: number;\n\n  /** Indicates if the group starts at a label boundary, `false` for the leading group without a label */\n  isLabelStart: boolean;\n\n  /** Indicates if the group starts at the beginning of an hour */\n  isHourStart: boolean;\n}\n\n/** Groups consecutive time intervals by label boundaries, the first group may start before the first label */\nexport function getSlotLabelGroups(intervals: DayTimeInterval[]): SlotLabelGroup[] {\n  const groups: SlotLabelGroup[] = [];\n\n  intervals.forEach((interval) => {\n    const current = groups[groups.length - 1];\n\n    if (current && !interval.isLabelStart) {\n      current.endTime = interval.endTime;\n      current.slotsCount += 1;\n      return;\n    }\n\n    groups.push({\n      startTime: interval.startTime,\n      endTime: interval.endTime,\n      slotsCount: 1,\n      isLabelStart: interval.isLabelStart,\n      isHourStart: interval.isHourStart,\n    });\n  });\n\n  return groups;\n}\n"],"mappings":";;;AAoBA,SAAgB,mBAAmB,WAAgD;CACjF,MAAM,SAA2B,CAAC;CAElC,UAAU,SAAS,aAAa;EAC9B,MAAM,UAAU,OAAO,OAAO,SAAS;EAEvC,IAAI,WAAW,CAAC,SAAS,cAAc;GACrC,QAAQ,UAAU,SAAS;GAC3B,QAAQ,cAAc;GACtB;EACF;EAEA,OAAO,KAAK;GACV,WAAW,SAAS;GACpB,SAAS,SAAS;GAClB,YAAY;GACZ,cAAc,SAAS;GACvB,aAAa,SAAS;EACxB,CAAC;CACH,CAAC;CAED,OAAO;AACT"}

package/cjs/{components/YearView → utils/get-visible-week-days}/get-visible-week-days.cjs

@@ -2,7 +2,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 let dayjs = require("dayjs");
 dayjs = require_runtime.__toESM(dayjs);
-//#region packages/@mantine/schedule/src/components/YearView/get-visible-week-days.ts
+//#region packages/@mantine/schedule/src/utils/get-visible-week-days/get-visible-week-days.ts
 const DAYS_IN_WEEK = 7;
 /**
 * Returns indices of week columns (0-6, relative to `firstDayOfWeek`) that are

package/cjs/utils/get-visible-week-days/get-visible-week-days.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-visible-week-days.cjs","names":[],"sources":["../../../src/utils/get-visible-week-days/get-visible-week-days.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { DateStringValue, DayOfWeek } from '../../types';\n\nconst DAYS_IN_WEEK = 7;\n\ninterface HiddenWeekendColumnsInput {\n  weekendDays: DayOfWeek[];\n  firstDayOfWeek: DayOfWeek;\n  withWeekendDays: boolean | undefined;\n}\n\n/**\n * Returns indices of week columns (0-6, relative to `firstDayOfWeek`) that are\n * hidden because they fall on a weekend day and `withWeekendDays` is `false`.\n */\nexport function getHiddenWeekendColumns({\n  weekendDays,\n  firstDayOfWeek,\n  withWeekendDays,\n}: HiddenWeekendColumnsInput): number[] {\n  if (withWeekendDays !== false) {\n    return [];\n  }\n\n  return Array.from({ length: DAYS_IN_WEEK }, (_, index) => index).filter((index) =>\n    weekendDays.includes(((firstDayOfWeek + index) % DAYS_IN_WEEK) as DayOfWeek)\n  );\n}\n\ninterface VisibleWeekDaysInput {\n  week: DateStringValue[];\n  weekendDays: DayOfWeek[];\n  withWeekendDays: boolean | undefined;\n}\n\n/** Filters out weekend days from a week when `withWeekendDays` is `false` */\nexport function getVisibleWeekDays({\n  week,\n  weekendDays,\n  withWeekendDays,\n}: VisibleWeekDaysInput): DateStringValue[] {\n  if (withWeekendDays !== false) {\n    return week;\n  }\n\n  return week.filter((date) => !weekendDays.includes(dayjs(date).day() as DayOfWeek));\n}\n"],"mappings":";;;;;AAGA,MAAM,eAAe;;;;;AAYrB,SAAgB,wBAAwB,EACtC,aACA,gBACA,mBACsC;CACtC,IAAI,oBAAoB,OACtB,OAAO,CAAC;CAGV,OAAO,MAAM,KAAK,EAAE,QAAQ,aAAa,IAAI,GAAG,UAAU,KAAK,CAAC,CAAC,QAAQ,UACvE,YAAY,UAAW,iBAAiB,SAAS,YAA0B,CAC7E;AACF;;AASA,SAAgB,mBAAmB,EACjC,MACA,aACA,mBAC0C;CAC1C,IAAI,oBAAoB,OACtB,OAAO;CAGT,OAAO,KAAK,QAAQ,SAAS,CAAC,YAAY,UAAA,GAAS,MAAA,QAAA,CAAM,IAAI,CAAC,CAAC,IAAI,CAAc,CAAC;AACpF"}

package/esm/components/DayView/DayView.mjs

@@ -4,13 +4,15 @@ import { formatDate } from "../../utils/format-date/format-date.mjs";
 import { clampIntervalMinutes } from "../../utils/clamp-interval-minutes/clamp-interval-minutes.mjs";
 import { getDayTimeIntervals } from "../../utils/get-day-time-intervals/get-day-time-intervals.mjs";
 import { toDateString } from "../../utils/to-date-string/to-date-string.mjs";
+import { getSlotLabelGroups } from "../../utils/get-slot-label-groups/get-slot-label-groups.mjs";
 import { isAllDayEvent } from "../../utils/is-all-day-event/is-all-day-event.mjs";
 import { getVisibleEvents } from "../../utils/get-visible-events/get-visible-events.mjs";
 import { getDayPosition } from "../../utils/get-day-position/get-day-position.mjs";
 import { getTimeAxisEventStyle } from "../../utils/get-time-axis-event-style/get-time-axis-event-style.mjs";
 import { calculateDropTime } from "../../utils/calculate-drop-time/calculate-drop-time.mjs";
-import { getBusinessHoursMod } from "../../utils/get-business-hours-mod/get-business-hours-mod.mjs";
+import { getBusinessHoursState } from "../../utils/get-business-hours-mod/get-business-hours-mod.mjs";
 import { expandRecurringEvents } from "../../utils/expand-recurring-events/expand-recurring-events.mjs";
+import { addMinutesToTime } from "../../utils/add-minutes-to-time/add-minutes-to-time.mjs";
 import { useAutoScrollOnDrag } from "../../hooks/use-auto-scroll-on-drag.mjs";
 import { useDragDropHandlers } from "../../hooks/use-drag-drop-handlers.mjs";
 import { useEventResize } from "../../hooks/use-event-resize.mjs";
@@ -39,6 +41,7 @@ const defaultProps = {
 	withSubHourGridLines: true,
 	withAllDaySlot: true,
 	slotLabelFormat: "HH:mm",
+	slotLabelInterval: 60,
 	headerFormat: "MMMM D, YYYY",
 	withCurrentTimeBubble: true,
 	withHeader: true,
@@ -55,11 +58,13 @@ const defaultProps = {
 const varsResolver = createVarsResolver((_theme, { radius, slotHeight, allDaySlotHeight }) => ({ dayView: {
 	"--day-view-radius": radius !== void 0 ? getRadius(radius) : void 0,
 	"--day-view-slot-height": rem(slotHeight),
-	"--day-view-all-day-slot-height": rem(allDaySlotHeight)
+	"--day-view-all-day-slot-height": rem(allDaySlotHeight),
+	"--day-view-business-hours-bg": void 0,
+	"--day-view-non-business-hours-bg": void 0
 } }));
 const DayView = factory((_props) => {
 	const props = useProps("DayView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, eventOverlapMode, eventOverlapRaiseDelay, withAllDaySlot, date, locale, slotLabelFormat, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, canDropEvent, canDropExternalEvent, canResizeEventTo, preventEventOverlap, onEventPlacementRejected, eventResizeInterval, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, __staticSelector, startTime, endTime, intervalMinutes, withSubHourGridLines, eventOverlapMode, eventOverlapRaiseDelay, withAllDaySlot, date, locale, slotLabelFormat, slotLabelInterval, headerFormat, getCurrentTime, withCurrentTimeIndicator, withCurrentTimeBubble, withHeader, radius, onDateChange, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, slotHeight, allDaySlotHeight, scrollAreaProps, events, moreEventsProps, renderEventBody, renderEvent, labels, highlightBusinessHours, businessHours, withEventsDragAndDrop, onEventDrop, canDragEvent, eventDragInterval, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withInteractiveBackgroundEvents, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, canDropEvent, canDropExternalEvent, canResizeEventTo, preventEventOverlap, onEventPlacementRejected, eventResizeInterval, recurrenceExpansionLimit, getTimeSlotProps, withAgenda, ...others } = props;
 	const [agendaOpen, setAgendaOpen] = useState(false);
 	const getStyles = useStyles({
 		name: __staticSelector,
@@ -93,7 +98,8 @@ const DayView = factory((_props) => {
 	const slots = getDayTimeIntervals({
 		startTime,
 		endTime,
-		intervalMinutes
+		intervalMinutes,
+		labelIntervalMinutes: slotLabelInterval
 	});
 	const slotsRef = useRef([]);
 	const viewportRef = useRef(null);
@@ -360,6 +366,12 @@ const DayView = factory((_props) => {
 			});
 			externalOnClick?.(event);
 		};
+		const businessHoursState = getBusinessHoursState({
+			time: slot.startTime,
+			endTime: addMinutesToTime(slot.startTime, clampIntervalMinutes(intervalMinutes)),
+			businessHours,
+			highlightBusinessHours
+		});
 		return /* @__PURE__ */ createElement(UnstyledButton, {
 			...getStyles("dayViewSlot"),
 			key: slot.startTime,
@@ -369,16 +381,15 @@ const DayView = factory((_props) => {
 			mod: {
 				first: index === 0,
 				"hour-start": slot.isHourStart,
-				...getBusinessHoursMod({
-					time: slot.startTime,
-					businessHours,
-					highlightBusinessHours
-				}),
+				...businessHoursState.mod,
 				"drop-target": isDropTarget,
 				"drag-selected": isDragSelected,
 				static: mode === "static"
 			},
-			__vars: { "--slot-size": `${clampIntervalMinutes(intervalMinutes) / 60}` },
+			__vars: {
+				"--slot-size": `${clampIntervalMinutes(intervalMinutes) / 60}`,
+				...businessHoursState.vars
+			},
 			"aria-label": `${getLabel("timeSlot", labels)} ${slot.startTime} - ${slot.endTime}`,
 			tabIndex: mode === "static" ? -1 : index === 0 ? 0 : -1,
 			"data-drag-slot-index": withDragSlotSelect && mode !== "static" ? index : void 0,
@@ -390,26 +401,31 @@ const DayView = factory((_props) => {
 			...externalSlotProps
 		});
 	});
-	const slotsLabels = slots.reduce((acc, slot) => {
-		if (slot.isHourStart) {
-			const slotTime = dayjs(`${dayjs(date).format("YYYY-MM-DD")} ${slot.startTime}`);
-			const label = formatDate({
-				locale: ctx.getLocale(locale),
-				date: slotTime,
-				format: slotLabelFormat
-			});
-			acc.push(/* @__PURE__ */ createElement(Box, {
-				...getStyles("dayViewSlotLabel"),
-				key: slot.startTime,
-				mod: getBusinessHoursMod({
-					time: slot.startTime,
-					businessHours,
-					highlightBusinessHours
-				})
-			}, label));
-		}
-		return acc;
-	}, []);
+	const slotsLabels = getSlotLabelGroups(slots).map((group) => {
+		const label = group.isLabelStart ? formatDate({
+			locale: ctx.getLocale(locale),
+			date: dayjs(`${dayjs(date).format("YYYY-MM-DD")} ${group.startTime}`),
+			format: slotLabelFormat
+		}) : null;
+		const labelBusinessHours = getBusinessHoursState({
+			time: group.startTime,
+			endTime: group.endTime,
+			businessHours,
+			highlightBusinessHours
+		});
+		return /* @__PURE__ */ createElement(Box, {
+			...getStyles("dayViewSlotLabel"),
+			key: group.startTime,
+			mod: {
+				"sub-hour": !group.isHourStart,
+				...labelBusinessHours.mod
+			},
+			__vars: {
+				...labelBusinessHours.vars,
+				"--slot-label-size": `${group.slotsCount * clampIntervalMinutes(intervalMinutes) / 60}`
+			}
+		}, label);
+	});
 	const interactiveBackgroundEvents = withInteractiveBackgroundEvents && mode !== "static";
 	const backgroundAllDayEventNodes = eventsData.backgroundAllDayEvents.map((event) => /* @__PURE__ */ jsx(ScheduleBackgroundEvent, {
 		event,