@mantine/schedule 9.0.2 → 9.1.1

package/cjs/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.cjs

@@ -4,6 +4,7 @@ const require_labels = require("../../../labels.cjs");
 const require_format_date = require("../../../utils/format-date/format-date.cjs");
 const require_get_months_list = require("../../../utils/get-months-list/get-months-list.cjs");
 const require_get_years_list = require("../../../utils/get-years-list/get-years-list.cjs");
+const require_ScheduleHeaderContext = require("../ScheduleHeaderContext.cjs");
 const require_HeaderControl = require("../HeaderControl/HeaderControl.cjs");
 const require_MonthYearSelect_module = require("./MonthYearSelect.module.cjs");
 let _mantine_core = require("@mantine/core");
@@ -34,6 +35,7 @@ const MonthYearSelect = (0, _mantine_core.factory)((_props) => {
 		rootSelector: "monthYearSelectTarget"
 	});
 	const [opened, handlers] = (0, _mantine_hooks.useDisclosure)(false);
+	const resolvedLabels = require_ScheduleHeaderContext.useScheduleHeaderLabels(labels);
 	const today = /* @__PURE__ */ new Date();
 	const ctx = (0, _mantine_dates.useDatesContext)();
 	const _startYear = startYear ?? today.getFullYear() - 5;
@@ -53,7 +55,7 @@ const MonthYearSelect = (0, _mantine_core.factory)((_props) => {
 				type: "year",
 				active: year === yearValue
 			},
-			"aria-label": `${require_labels.getLabel("selectYear", labels)} ${year}`,
+			"aria-label": `${require_labels.getLabel("selectYear", resolvedLabels)} ${year}`,
 			tabIndex: hasActiveYear ? year === yearValue ? 0 : -1 : index === 0 ? 0 : -1,
 			...controlProps,
 			onKeyDown: (0, _mantine_core.createScopedKeydownHandler)({
@@ -96,7 +98,7 @@ const MonthYearSelect = (0, _mantine_core.factory)((_props) => {
 				className: controlProps?.className,
 				style: controlProps?.style
 			}),
-			"aria-label": `${require_labels.getLabel("selectMonth", labels)} ${month.name}`,
+			"aria-label": `${require_labels.getLabel("selectMonth", resolvedLabels)} ${month.name}`,
 			children: month.name
 		}, month.name);
 	}) : null;
@@ -136,14 +138,14 @@ const MonthYearSelect = (0, _mantine_core.factory)((_props) => {
 				...getStyles("monthYearSelectList"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					...getStyles("monthYearSelectLabel"),
-					children: require_labels.getLabel("month", labels)
+					children: require_labels.getLabel("month", resolvedLabels)
 				}), months]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-list": true,
 				...getStyles("monthYearSelectList"),
 				children: [withMonths && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					...getStyles("monthYearSelectLabel"),
-					children: require_labels.getLabel("year", labels)
+					children: require_labels.getLabel("year", resolvedLabels)
 				}), years]
 			})]
 		})]

package/cjs/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearSelect.cjs","names":["getYearsList","UnstyledButton","getLabel","getMonthsList","Popover","HeaderControl","formatDate","classes"],"sources":["../../../../src/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.tsx"],"sourcesContent":["import {\n  BoxProps,\n  createScopedKeydownHandler,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { DateLabelFormat } from '../../../types';\nimport { formatDate, getMonthsList, getYearsList } from '../../../utils';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport classes from './MonthYearSelect.module.css';\n\nexport type MonthYearSelectStylesNames =\n  | 'monthYearSelectTarget'\n  | 'monthYearSelectDropdown'\n  | 'monthYearSelectControl'\n  | 'monthYearSelectList'\n  | 'monthYearSelectLabel';\n\nexport type MonthYearSelectCssVariables = {\n  monthYearSelectDropdown: '--control-radius';\n};\n\nexport interface MonthYearSelectProps\n  extends BoxProps, StylesApiProps<MonthYearSelectFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Props passed down to the underlying Popover component */\n  popoverProps?: PopoverProps;\n\n  /** Start year for year selection, calculated from the current date by default */\n  startYear?: number;\n\n  /** End year for year selection, calculated from the current date by default */\n  endYear?: number;\n\n  /** Current year value (e.g. `2025`) */\n  yearValue?: number;\n\n  /** Current month value (0-11) */\n  monthValue?: number;\n\n  /** Called with year value (e.g. `2025`) when year is selected in the dropdown */\n  onYearChange?: (year: number) => void;\n\n  /** Called with month value (0-11) when month is selected in the dropdown */\n  onMonthChange?: (month: number) => void;\n\n  /** Format for displaying months in the dropdown, dayjs format or custom formatter function @default 'MMM' */\n  monthsListFormat?: DateLabelFormat;\n\n  /** Format for displaying month label in the control, dayjs format @default 'MMMM YYYY' */\n  labelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Props passed down to year controls */\n  getYearControlProps?: (year: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed down to month controls */\n  getMonthControlProps?: (month: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** If set to false, months are not displayed in the dropdown @default true */\n  withMonths?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type MonthYearSelectFactory = Factory<{\n  props: MonthYearSelectProps;\n  ref: HTMLButtonElement;\n  stylesNames: MonthYearSelectStylesNames;\n  vars: MonthYearSelectCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MonthYearSelect',\n  withMonths: true,\n} satisfies Partial<MonthYearSelectProps>;\n\nconst varsResolver = createVarsResolver<MonthYearSelectFactory>((_theme, { radius }) => ({\n  monthYearSelectDropdown: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const MonthYearSelect = factory<MonthYearSelectFactory>((_props) => {\n  const props = useProps('MonthYearSelect', defaultProps, _props);\n  const {\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    popoverProps,\n    startYear,\n    endYear,\n    onYearChange,\n    onMonthChange,\n    locale,\n    monthsListFormat,\n    monthValue,\n    yearValue,\n    labelFormat,\n    radius,\n    getMonthControlProps,\n    getYearControlProps,\n    withMonths,\n    id,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<MonthYearSelectFactory>({\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: 'monthYearSelectTarget',\n  });\n\n  const [opened, handlers] = useDisclosure(false);\n\n  const today = new Date();\n  const ctx = useDatesContext();\n  const _startYear = startYear ?? today.getFullYear() - 5;\n  const _endYear = endYear ?? today.getFullYear() + 5;\n  const hasActiveYear = yearValue !== undefined && yearValue >= _startYear && yearValue <= _endYear;\n\n  const years = getYearsList({ startYear: _startYear, endYear: _endYear }).map((year, index) => {\n    const controlProps = getYearControlProps?.(year);\n    return (\n      <UnstyledButton\n        key={year}\n        onClick={() => {\n          onYearChange?.(year);\n          if (!withMonths) {\n            handlers.close();\n          }\n        }}\n        mod={{ type: 'year', active: year === yearValue }}\n        aria-label={`${getLabel('selectYear', labels)} ${year}`}\n        tabIndex={hasActiveYear ? (year === yearValue ? 0 : -1) : index === 0 ? 0 : -1}\n        {...controlProps}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-type=\"year\"]:not(:disabled)',\n          parentSelector: '[data-list]',\n          activateOnFocus: false,\n          loop: true,\n          orientation: 'vertical',\n          onKeyDown: controlProps?.onKeyDown,\n        })}\n        {...getStyles('monthYearSelectControl', {\n          className: controlProps?.className,\n          style: controlProps?.style,\n        })}\n      >\n        {year}\n      </UnstyledButton>\n    );\n  });\n\n  const months = withMonths\n    ? getMonthsList({\n        locale: ctx.getLocale(locale),\n        format: monthsListFormat || 'MMMM',\n      }).map((month) => {\n        const controlProps = getMonthControlProps?.(month.month);\n        return (\n          <UnstyledButton\n            key={month.name}\n            onClick={() => onMonthChange?.(month.month)}\n            mod={{ type: 'month', active: month.month === monthValue }}\n            tabIndex={month.month === monthValue ? 0 : -1}\n            onKeyDown={createScopedKeydownHandler({\n              siblingSelector: '[data-type=\"month\"]:not(:disabled)',\n              parentSelector: '[data-list]',\n              activateOnFocus: false,\n              loop: true,\n              orientation: 'vertical',\n              onKeyDown: controlProps?.onKeyDown,\n            })}\n            {...controlProps}\n            {...getStyles('monthYearSelectControl', {\n              className: controlProps?.className,\n              style: controlProps?.style,\n            })}\n            aria-label={`${getLabel('selectMonth', labels)} ${month.name}`}\n          >\n            {month.name}\n          </UnstyledButton>\n        );\n      })\n    : null;\n\n  return (\n    <Popover\n      position=\"bottom-start\"\n      __staticSelector={__staticSelector}\n      trapFocus\n      transitionProps={{ transition: 'pop', duration: 120 }}\n      radius={radius || 'var(--schedule-radius, var(--mantine-radius-default))'}\n      shadow=\"md\"\n      offset={3}\n      width={withMonths ? undefined : 'target'}\n      opened={opened}\n      onChange={handlers.set}\n      id={id}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <HeaderControl\n          {...getStyles('monthYearSelectTarget')}\n          __staticSelector={__staticSelector}\n          radius={radius}\n          data-with-months={withMonths || undefined}\n          onClick={handlers.toggle}\n          {...others}\n        >\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: new Date(yearValue ?? today.getFullYear(), monthValue ?? today.getMonth()),\n            format: labelFormat || (withMonths ? 'MMMM YYYY' : 'YYYY'),\n          })}\n        </HeaderControl>\n      </Popover.Target>\n\n      <Popover.Dropdown\n        data-with-months={withMonths || undefined}\n        {...getStyles('monthYearSelectDropdown')}\n      >\n        {withMonths && (\n          <div data-list {...getStyles('monthYearSelectList')}>\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('month', labels)}</div>\n            {months}\n          </div>\n        )}\n        <div data-list {...getStyles('monthYearSelectList')}>\n          {withMonths && (\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('year', labels)}</div>\n          )}\n          {years}\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nMonthYearSelect.displayName = '@mantine/schedule/MonthYearSelect';\nMonthYearSelect.classes = classes;\nMonthYearSelect.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"MonthYearSelect.cjs","names":["useScheduleHeaderLabels","getYearsList","UnstyledButton","getLabel","getMonthsList","Popover","HeaderControl","formatDate","classes"],"sources":["../../../../src/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.tsx"],"sourcesContent":["import {\n  BoxProps,\n  createScopedKeydownHandler,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { DateLabelFormat } from '../../../types';\nimport { formatDate, getMonthsList, getYearsList } from '../../../utils';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './MonthYearSelect.module.css';\n\nexport type MonthYearSelectStylesNames =\n  | 'monthYearSelectTarget'\n  | 'monthYearSelectDropdown'\n  | 'monthYearSelectControl'\n  | 'monthYearSelectList'\n  | 'monthYearSelectLabel';\n\nexport type MonthYearSelectCssVariables = {\n  monthYearSelectDropdown: '--control-radius';\n};\n\nexport interface MonthYearSelectProps\n  extends BoxProps, StylesApiProps<MonthYearSelectFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Props passed down to the underlying Popover component */\n  popoverProps?: PopoverProps;\n\n  /** Start year for year selection, calculated from the current date by default */\n  startYear?: number;\n\n  /** End year for year selection, calculated from the current date by default */\n  endYear?: number;\n\n  /** Current year value (e.g. `2025`) */\n  yearValue?: number;\n\n  /** Current month value (0-11) */\n  monthValue?: number;\n\n  /** Called with year value (e.g. `2025`) when year is selected in the dropdown */\n  onYearChange?: (year: number) => void;\n\n  /** Called with month value (0-11) when month is selected in the dropdown */\n  onMonthChange?: (month: number) => void;\n\n  /** Format for displaying months in the dropdown, dayjs format or custom formatter function @default 'MMM' */\n  monthsListFormat?: DateLabelFormat;\n\n  /** Format for displaying month label in the control, dayjs format @default 'MMMM YYYY' */\n  labelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Props passed down to year controls */\n  getYearControlProps?: (year: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed down to month controls */\n  getMonthControlProps?: (month: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** If set to false, months are not displayed in the dropdown @default true */\n  withMonths?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type MonthYearSelectFactory = Factory<{\n  props: MonthYearSelectProps;\n  ref: HTMLButtonElement;\n  stylesNames: MonthYearSelectStylesNames;\n  vars: MonthYearSelectCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MonthYearSelect',\n  withMonths: true,\n} satisfies Partial<MonthYearSelectProps>;\n\nconst varsResolver = createVarsResolver<MonthYearSelectFactory>((_theme, { radius }) => ({\n  monthYearSelectDropdown: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const MonthYearSelect = factory<MonthYearSelectFactory>((_props) => {\n  const props = useProps('MonthYearSelect', defaultProps, _props);\n  const {\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    popoverProps,\n    startYear,\n    endYear,\n    onYearChange,\n    onMonthChange,\n    locale,\n    monthsListFormat,\n    monthValue,\n    yearValue,\n    labelFormat,\n    radius,\n    getMonthControlProps,\n    getYearControlProps,\n    withMonths,\n    id,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<MonthYearSelectFactory>({\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: 'monthYearSelectTarget',\n  });\n\n  const [opened, handlers] = useDisclosure(false);\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const today = new Date();\n  const ctx = useDatesContext();\n  const _startYear = startYear ?? today.getFullYear() - 5;\n  const _endYear = endYear ?? today.getFullYear() + 5;\n  const hasActiveYear = yearValue !== undefined && yearValue >= _startYear && yearValue <= _endYear;\n\n  const years = getYearsList({ startYear: _startYear, endYear: _endYear }).map((year, index) => {\n    const controlProps = getYearControlProps?.(year);\n    return (\n      <UnstyledButton\n        key={year}\n        onClick={() => {\n          onYearChange?.(year);\n          if (!withMonths) {\n            handlers.close();\n          }\n        }}\n        mod={{ type: 'year', active: year === yearValue }}\n        aria-label={`${getLabel('selectYear', resolvedLabels)} ${year}`}\n        tabIndex={hasActiveYear ? (year === yearValue ? 0 : -1) : index === 0 ? 0 : -1}\n        {...controlProps}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-type=\"year\"]:not(:disabled)',\n          parentSelector: '[data-list]',\n          activateOnFocus: false,\n          loop: true,\n          orientation: 'vertical',\n          onKeyDown: controlProps?.onKeyDown,\n        })}\n        {...getStyles('monthYearSelectControl', {\n          className: controlProps?.className,\n          style: controlProps?.style,\n        })}\n      >\n        {year}\n      </UnstyledButton>\n    );\n  });\n\n  const months = withMonths\n    ? getMonthsList({\n        locale: ctx.getLocale(locale),\n        format: monthsListFormat || 'MMMM',\n      }).map((month) => {\n        const controlProps = getMonthControlProps?.(month.month);\n        return (\n          <UnstyledButton\n            key={month.name}\n            onClick={() => onMonthChange?.(month.month)}\n            mod={{ type: 'month', active: month.month === monthValue }}\n            tabIndex={month.month === monthValue ? 0 : -1}\n            onKeyDown={createScopedKeydownHandler({\n              siblingSelector: '[data-type=\"month\"]:not(:disabled)',\n              parentSelector: '[data-list]',\n              activateOnFocus: false,\n              loop: true,\n              orientation: 'vertical',\n              onKeyDown: controlProps?.onKeyDown,\n            })}\n            {...controlProps}\n            {...getStyles('monthYearSelectControl', {\n              className: controlProps?.className,\n              style: controlProps?.style,\n            })}\n            aria-label={`${getLabel('selectMonth', resolvedLabels)} ${month.name}`}\n          >\n            {month.name}\n          </UnstyledButton>\n        );\n      })\n    : null;\n\n  return (\n    <Popover\n      position=\"bottom-start\"\n      __staticSelector={__staticSelector}\n      trapFocus\n      transitionProps={{ transition: 'pop', duration: 120 }}\n      radius={radius || 'var(--schedule-radius, var(--mantine-radius-default))'}\n      shadow=\"md\"\n      offset={3}\n      width={withMonths ? undefined : 'target'}\n      opened={opened}\n      onChange={handlers.set}\n      id={id}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <HeaderControl\n          {...getStyles('monthYearSelectTarget')}\n          __staticSelector={__staticSelector}\n          radius={radius}\n          data-with-months={withMonths || undefined}\n          onClick={handlers.toggle}\n          {...others}\n        >\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: new Date(yearValue ?? today.getFullYear(), monthValue ?? today.getMonth()),\n            format: labelFormat || (withMonths ? 'MMMM YYYY' : 'YYYY'),\n          })}\n        </HeaderControl>\n      </Popover.Target>\n\n      <Popover.Dropdown\n        data-with-months={withMonths || undefined}\n        {...getStyles('monthYearSelectDropdown')}\n      >\n        {withMonths && (\n          <div data-list {...getStyles('monthYearSelectList')}>\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('month', resolvedLabels)}</div>\n            {months}\n          </div>\n        )}\n        <div data-list {...getStyles('monthYearSelectList')}>\n          {withMonths && (\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('year', resolvedLabels)}</div>\n          )}\n          {years}\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nMonthYearSelect.displayName = '@mantine/schedule/MonthYearSelect';\nMonthYearSelect.classes = classes;\nMonthYearSelect.varsResolver = varsResolver;\n"],"mappings":"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"}

package/cjs/components/ScheduleHeader/ScheduleHeader.cjs

@@ -1,5 +1,6 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
+const require_ScheduleHeaderContext = require("./ScheduleHeaderContext.cjs");
 const require_HeaderControl = require("./HeaderControl/HeaderControl.cjs");
 const require_MonthYearSelect = require("./MonthYearSelect/MonthYearSelect.cjs");
 const require_ViewSelect = require("./ViewSelect/ViewSelect.cjs");
@@ -11,23 +12,27 @@ const defaultProps = { __staticSelector: "ScheduleHeader" };
 const varsResolver = (0, _mantine_core.createVarsResolver)(() => ({ scheduleHeader: { "--test": "test" } }));
 const ScheduleHeader = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("ScheduleHeader", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, attributes, __staticSelector, ...others } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
-		...(0, _mantine_core.useStyles)({
-			name: __staticSelector,
-			classes: require_ScheduleHeader_module.default,
-			props,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			vars,
-			varsResolver,
-			attributes,
-			rootSelector: "header"
-		})("header"),
-		...others
+	const { classNames, className, style, styles, unstyled, vars, attributes, __staticSelector, labels, ...others } = props;
+	const getStyles = (0, _mantine_core.useStyles)({
+		name: __staticSelector,
+		classes: require_ScheduleHeader_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		vars,
+		varsResolver,
+		attributes,
+		rootSelector: "header"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScheduleHeaderContext.ScheduleHeaderLabelsContext.Provider, {
+		value: labels,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
+			...getStyles("header"),
+			...others
+		})
 	});
 });
 ScheduleHeader.displayName = "@mantine/schedule/ScheduleHeader";

package/cjs/components/ScheduleHeader/ScheduleHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleHeader.cjs","names":["Box","classes","HeaderControl","ScheduleHeaderNext","ScheduleHeaderPrevious","ScheduleHeaderToday","ViewSelect","MonthYearSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeader.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport {\n  HeaderControl,\n  HeaderControlStylesNames,\n  ScheduleHeaderNext,\n  ScheduleHeaderPrevious,\n  ScheduleHeaderToday,\n} from './HeaderControl/HeaderControl';\nimport { MonthYearSelect, MonthYearSelectStylesNames } from './MonthYearSelect/MonthYearSelect';\nimport { ViewSelect, ViewSelectStylesNames } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\nexport type CombinedScheduleHeaderStylesNames =\n  | ScheduleHeaderStylesNames\n  | ViewSelectStylesNames\n  | HeaderControlStylesNames\n  | MonthYearSelectStylesNames;\n\nexport type ScheduleHeaderStylesNames = 'header';\nexport type ScheduleHeaderCssVariables = {\n  scheduleHeader: '--test';\n};\n\nexport interface ScheduleHeaderProps\n  extends BoxProps, StylesApiProps<ScheduleHeaderFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n}\n\nexport type ScheduleHeaderFactory = Factory<{\n  props: ScheduleHeaderProps;\n  ref: HTMLDivElement;\n  stylesNames: ScheduleHeaderStylesNames;\n  vars: ScheduleHeaderCssVariables;\n  staticComponents: {\n    Control: typeof HeaderControl;\n    Previous: typeof ScheduleHeaderPrevious;\n    Next: typeof ScheduleHeaderNext;\n    Today: typeof ScheduleHeaderToday;\n    ViewSelect: typeof ViewSelect;\n    MonthYearSelect: typeof MonthYearSelect;\n  };\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleHeader',\n} satisfies Partial<ScheduleHeaderProps>;\n\nconst varsResolver = createVarsResolver<ScheduleHeaderFactory>(() => ({\n  scheduleHeader: {\n    '--test': 'test',\n  },\n}));\n\nexport const ScheduleHeader = factory<ScheduleHeaderFactory>((_props) => {\n  const props = useProps('ScheduleHeader', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ScheduleHeaderFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'header',\n  });\n\n  return <Box {...getStyles('header')} {...others} />;\n});\n\nScheduleHeader.displayName = '@mantine/schedule/ScheduleHeader';\nScheduleHeader.classes = classes;\nScheduleHeader.varsResolver = varsResolver;\nScheduleHeader.Control = HeaderControl;\nScheduleHeader.Next = ScheduleHeaderNext;\nScheduleHeader.Previous = ScheduleHeaderPrevious;\nScheduleHeader.Today = ScheduleHeaderToday;\nScheduleHeader.ViewSelect = ViewSelect;\nScheduleHeader.MonthYearSelect = MonthYearSelect;\n"],"mappings":";;;;;;;;;AAqDA,MAAM,eAAe,EACnB,kBAAkB,kBACnB;AAED,MAAM,gBAAA,GAAA,cAAA,2BAAgE,EACpE,gBAAgB,EACd,UAAU,QACX,EACF,EAAE;AAEH,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,GAAG,WACD;AAiBJ,QAAO,iBAAA,GAAA,kBAAA,KAACA,cAAAA,KAAD;EAAK,IAAA,GAAA,cAAA,WAfuC;GACjD,MAAM;GACN,SAAA,8BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;GACf,CAAC,CAEwB,SAAS;EAAE,GAAI;EAAU,CAAA;EACnD;AAEF,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,eAAe;AAC9B,eAAe,UAAUC,sBAAAA;AACzB,eAAe,OAAOC,sBAAAA;AACtB,eAAe,WAAWC,sBAAAA;AAC1B,eAAe,QAAQC,sBAAAA;AACvB,eAAe,aAAaC,mBAAAA;AAC5B,eAAe,kBAAkBC,wBAAAA"}
+{"version":3,"file":"ScheduleHeader.cjs","names":["ScheduleHeaderLabelsContext","Box","classes","HeaderControl","ScheduleHeaderNext","ScheduleHeaderPrevious","ScheduleHeaderToday","ViewSelect","MonthYearSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeader.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  HeaderControl,\n  HeaderControlStylesNames,\n  ScheduleHeaderNext,\n  ScheduleHeaderPrevious,\n  ScheduleHeaderToday,\n} from './HeaderControl/HeaderControl';\nimport { MonthYearSelect, MonthYearSelectStylesNames } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeaderLabelsContext } from './ScheduleHeaderContext';\nimport { ViewSelect, ViewSelectStylesNames } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\nexport type CombinedScheduleHeaderStylesNames =\n  | ScheduleHeaderStylesNames\n  | ViewSelectStylesNames\n  | HeaderControlStylesNames\n  | MonthYearSelectStylesNames;\n\nexport type ScheduleHeaderStylesNames = 'header';\nexport type ScheduleHeaderCssVariables = {\n  scheduleHeader: '--test';\n};\n\nexport interface ScheduleHeaderProps\n  extends BoxProps, StylesApiProps<ScheduleHeaderFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Labels override shared with compound components rendered inside */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ScheduleHeaderFactory = Factory<{\n  props: ScheduleHeaderProps;\n  ref: HTMLDivElement;\n  stylesNames: ScheduleHeaderStylesNames;\n  vars: ScheduleHeaderCssVariables;\n  staticComponents: {\n    Control: typeof HeaderControl;\n    Previous: typeof ScheduleHeaderPrevious;\n    Next: typeof ScheduleHeaderNext;\n    Today: typeof ScheduleHeaderToday;\n    ViewSelect: typeof ViewSelect;\n    MonthYearSelect: typeof MonthYearSelect;\n  };\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleHeader',\n} satisfies Partial<ScheduleHeaderProps>;\n\nconst varsResolver = createVarsResolver<ScheduleHeaderFactory>(() => ({\n  scheduleHeader: {\n    '--test': 'test',\n  },\n}));\n\nexport const ScheduleHeader = factory<ScheduleHeaderFactory>((_props) => {\n  const props = useProps('ScheduleHeader', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ScheduleHeaderFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'header',\n  });\n\n  return (\n    <ScheduleHeaderLabelsContext.Provider value={labels}>\n      <Box {...getStyles('header')} {...others} />\n    </ScheduleHeaderLabelsContext.Provider>\n  );\n});\n\nScheduleHeader.displayName = '@mantine/schedule/ScheduleHeader';\nScheduleHeader.classes = classes;\nScheduleHeader.varsResolver = varsResolver;\nScheduleHeader.Control = HeaderControl;\nScheduleHeader.Next = ScheduleHeaderNext;\nScheduleHeader.Previous = ScheduleHeaderPrevious;\nScheduleHeader.Today = ScheduleHeaderToday;\nScheduleHeader.ViewSelect = ViewSelect;\nScheduleHeader.MonthYearSelect = MonthYearSelect;\n"],"mappings":";;;;;;;;;;AA0DA,MAAM,eAAe,EACnB,kBAAkB,kBACnB;AAED,MAAM,gBAAA,GAAA,cAAA,2BAAgE,EACpE,gBAAgB,EACd,UAAU,QACX,EACF,EAAE;AAEH,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACf,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,4BAA4B,UAA7B;EAAsC,OAAO;YAC3C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;GAAK,GAAI,UAAU,SAAS;GAAE,GAAI;GAAU,CAAA;EACP,CAAA;EAEzC;AAEF,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,eAAe;AAC9B,eAAe,UAAUC,sBAAAA;AACzB,eAAe,OAAOC,sBAAAA;AACtB,eAAe,WAAWC,sBAAAA;AAC1B,eAAe,QAAQC,sBAAAA;AACvB,eAAe,aAAaC,mBAAAA;AAC5B,eAAe,kBAAkBC,wBAAAA"}

package/cjs/components/ScheduleHeader/ScheduleHeaderBase.cjs

@@ -29,6 +29,7 @@ function ScheduleHeaderBase({ view, navigationHandlers, control, labels, onDateC
 	}));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ScheduleHeader.ScheduleHeader, {
 		...stylesApiProps,
+		labels,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: require_ScheduleHeader_module.default.navigationGroup,

package/cjs/components/ScheduleHeader/ScheduleHeaderBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleHeaderBase.cjs","names":["ScheduleHeader","getLabel","classes","NativeSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderBase.tsx"],"sourcesContent":["import { NativeSelect, StylesApiProps } from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, ScheduleViewLevel } from '../../types';\nimport { MonthYearSelectProps } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeader } from './ScheduleHeader';\nimport { ViewSelectProps } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\ninterface NavigationHandlers {\n  /** Handler for previous button click, returns new date */\n  previous: () => DateStringValue;\n\n  /** Handler for next button click, returns new date */\n  next: () => DateStringValue;\n\n  /** Handler for today button click, returns new date */\n  today: () => DateStringValue;\n}\n\ninterface HeaderControlOptions {\n  /** Title to render in a simple control (used by DayView, WeekView) */\n  title?: React.ReactNode;\n  /** MonthYearSelect props (used by MonthView, YearView) */\n  monthYearSelect?: {\n    yearValue: number;\n    monthValue: number;\n    onYearChange?: (year: number) => void;\n    onMonthChange?: (month: number) => void;\n    withMonths?: boolean;\n  } & Partial<MonthYearSelectProps>;\n  /** Minimum width for control */\n  miw?: React.CSSProperties['minWidth'];\n}\n\nexport interface ScheduleHeaderBaseProps {\n  /** Current view level */\n  view: ScheduleViewLevel;\n\n  /** Navigation handlers for previous, next, and today */\n  navigationHandlers: NavigationHandlers;\n\n  /** Central control configuration (either title or monthYearSelect) */\n  control: HeaderControlOptions;\n\n  /** Label overrides */\n  labels?: ScheduleLabelsOverride;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Called when view is changed */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control button */\n  previousControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to next control button */\n  nextControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to today control button */\n  todayControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to view select */\n  viewSelectProps?: Partial<ViewSelectProps>;\n\n  /** Styles API props to pass through */\n  stylesApiProps?: StylesApiProps<any>;\n}\n\nconst VIEW_LEVELS: ScheduleViewLevel[] = ['day', 'week', 'month', 'year'];\n\nexport function ScheduleHeaderBase({\n  view,\n  navigationHandlers,\n  control,\n  labels,\n  onDateChange,\n  onViewChange,\n  previousControlProps,\n  nextControlProps,\n  todayControlProps,\n  viewSelectProps,\n  stylesApiProps,\n}: ScheduleHeaderBaseProps) {\n  const centralControl = control.monthYearSelect ? (\n    <ScheduleHeader.MonthYearSelect\n      {...stylesApiProps}\n      labels={labels}\n      {...control.monthYearSelect}\n    />\n  ) : (\n    <ScheduleHeader.Control {...stylesApiProps} interactive={false} miw={control.miw}>\n      {control.title}\n    </ScheduleHeader.Control>\n  );\n\n  const views = viewSelectProps?.views || VIEW_LEVELS;\n  const compactViewSelectData = views.map((v) => ({\n    value: v,\n    label: getLabel(v, labels) as string,\n  }));\n\n  return (\n    <ScheduleHeader {...stylesApiProps}>\n      <div className={classes.navigationGroup}>\n        <ScheduleHeader.Previous\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.previous())}\n          labels={labels}\n          {...previousControlProps}\n        />\n\n        {centralControl}\n\n        <ScheduleHeader.Next\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.next())}\n          labels={labels}\n          {...nextControlProps}\n        />\n      </div>\n\n      <div className={classes.todayControl}>\n        <ScheduleHeader.Today\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.today())}\n          labels={labels}\n          {...todayControlProps}\n        />\n      </div>\n\n      <NativeSelect\n        className={classes.compactViewSelect}\n        data={compactViewSelectData}\n        value={view}\n        onChange={(event) => onViewChange?.(event.currentTarget.value as ScheduleViewLevel)}\n        aria-label={getLabel('viewSelectLabel', labels) as string}\n        size=\"sm\"\n      />\n\n      <div className={classes.viewSelect} style={{ marginInlineStart: 'auto' }}>\n        <ScheduleHeader.ViewSelect\n          value={view}\n          onChange={onViewChange}\n          labels={labels}\n          {...stylesApiProps}\n          {...viewSelectProps}\n        />\n      </div>\n    </ScheduleHeader>\n  );\n}\n"],"mappings":";;;;;;;;AAqEA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;CAAO;AAEzE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,kBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;EACZ,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;YAC1E,QAAQ;EACc,CAAA;CAI3B,MAAM,yBADQ,iBAAiB,SAAS,aACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,OAAO;EAC3B,EAAE;AAEH,QACE,iBAAA,GAAA,kBAAA,MAACD,uBAAAA,gBAAD;EAAgB,GAAI;YAApB;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB;KACE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,UAAU,CAAC;MACpD;MACR,GAAI;MACJ,CAAA;KAED;KAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;MAChD;MACR,GAAI;MACJ,CAAA;KACE;;GAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cACtB,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,OAAO,CAAC;KACjD;KACR,GAAI;KACJ,CAAA;IACE,CAAA;GAEN,iBAAA,GAAA,kBAAA,KAACG,cAAAA,cAAD;IACE,WAAWD,8BAAAA,QAAQ;IACnB,MAAM;IACN,OAAO;IACP,WAAW,UAAU,eAAe,MAAM,cAAc,MAA2B;IACnF,cAAYD,eAAAA,SAAS,mBAAmB,OAAO;IAC/C,MAAK;IACL,CAAA;GAEF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,QAAQ;cACtE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,YAAhB;KACE,OAAO;KACP,UAAU;KACF;KACR,GAAI;KACJ,GAAI;KACJ,CAAA;IACE,CAAA;GACS"}
+{"version":3,"file":"ScheduleHeaderBase.cjs","names":["ScheduleHeader","getLabel","classes","NativeSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderBase.tsx"],"sourcesContent":["import { NativeSelect, StylesApiProps } from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, ScheduleViewLevel } from '../../types';\nimport { MonthYearSelectProps } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeader } from './ScheduleHeader';\nimport { ViewSelectProps } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\ninterface NavigationHandlers {\n  /** Handler for previous button click, returns new date */\n  previous: () => DateStringValue;\n\n  /** Handler for next button click, returns new date */\n  next: () => DateStringValue;\n\n  /** Handler for today button click, returns new date */\n  today: () => DateStringValue;\n}\n\ninterface HeaderControlOptions {\n  /** Title to render in a simple control (used by DayView, WeekView) */\n  title?: React.ReactNode;\n  /** MonthYearSelect props (used by MonthView, YearView) */\n  monthYearSelect?: {\n    yearValue: number;\n    monthValue: number;\n    onYearChange?: (year: number) => void;\n    onMonthChange?: (month: number) => void;\n    withMonths?: boolean;\n  } & Partial<MonthYearSelectProps>;\n  /** Minimum width for control */\n  miw?: React.CSSProperties['minWidth'];\n}\n\nexport interface ScheduleHeaderBaseProps {\n  /** Current view level */\n  view: ScheduleViewLevel;\n\n  /** Navigation handlers for previous, next, and today */\n  navigationHandlers: NavigationHandlers;\n\n  /** Central control configuration (either title or monthYearSelect) */\n  control: HeaderControlOptions;\n\n  /** Label overrides */\n  labels?: ScheduleLabelsOverride;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Called when view is changed */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control button */\n  previousControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to next control button */\n  nextControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to today control button */\n  todayControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to view select */\n  viewSelectProps?: Partial<ViewSelectProps>;\n\n  /** Styles API props to pass through */\n  stylesApiProps?: StylesApiProps<any>;\n}\n\nconst VIEW_LEVELS: ScheduleViewLevel[] = ['day', 'week', 'month', 'year'];\n\nexport function ScheduleHeaderBase({\n  view,\n  navigationHandlers,\n  control,\n  labels,\n  onDateChange,\n  onViewChange,\n  previousControlProps,\n  nextControlProps,\n  todayControlProps,\n  viewSelectProps,\n  stylesApiProps,\n}: ScheduleHeaderBaseProps) {\n  const centralControl = control.monthYearSelect ? (\n    <ScheduleHeader.MonthYearSelect\n      {...stylesApiProps}\n      labels={labels}\n      {...control.monthYearSelect}\n    />\n  ) : (\n    <ScheduleHeader.Control {...stylesApiProps} interactive={false} miw={control.miw}>\n      {control.title}\n    </ScheduleHeader.Control>\n  );\n\n  const views = viewSelectProps?.views || VIEW_LEVELS;\n  const compactViewSelectData = views.map((v) => ({\n    value: v,\n    label: getLabel(v, labels) as string,\n  }));\n\n  return (\n    <ScheduleHeader {...stylesApiProps} labels={labels}>\n      <div className={classes.navigationGroup}>\n        <ScheduleHeader.Previous\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.previous())}\n          labels={labels}\n          {...previousControlProps}\n        />\n\n        {centralControl}\n\n        <ScheduleHeader.Next\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.next())}\n          labels={labels}\n          {...nextControlProps}\n        />\n      </div>\n\n      <div className={classes.todayControl}>\n        <ScheduleHeader.Today\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.today())}\n          labels={labels}\n          {...todayControlProps}\n        />\n      </div>\n\n      <NativeSelect\n        className={classes.compactViewSelect}\n        data={compactViewSelectData}\n        value={view}\n        onChange={(event) => onViewChange?.(event.currentTarget.value as ScheduleViewLevel)}\n        aria-label={getLabel('viewSelectLabel', labels) as string}\n        size=\"sm\"\n      />\n\n      <div className={classes.viewSelect} style={{ marginInlineStart: 'auto' }}>\n        <ScheduleHeader.ViewSelect\n          value={view}\n          onChange={onViewChange}\n          labels={labels}\n          {...stylesApiProps}\n          {...viewSelectProps}\n        />\n      </div>\n    </ScheduleHeader>\n  );\n}\n"],"mappings":";;;;;;;;AAqEA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;CAAO;AAEzE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,kBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;EACZ,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;YAC1E,QAAQ;EACc,CAAA;CAI3B,MAAM,yBADQ,iBAAiB,SAAS,aACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,OAAO;EAC3B,EAAE;AAEH,QACE,iBAAA,GAAA,kBAAA,MAACD,uBAAAA,gBAAD;EAAgB,GAAI;EAAwB;YAA5C;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB;KACE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,UAAU,CAAC;MACpD;MACR,GAAI;MACJ,CAAA;KAED;KAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;MAChD;MACR,GAAI;MACJ,CAAA;KACE;;GAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cACtB,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,OAAO,CAAC;KACjD;KACR,GAAI;KACJ,CAAA;IACE,CAAA;GAEN,iBAAA,GAAA,kBAAA,KAACG,cAAAA,cAAD;IACE,WAAWD,8BAAAA,QAAQ;IACnB,MAAM;IACN,OAAO;IACP,WAAW,UAAU,eAAe,MAAM,cAAc,MAA2B;IACnF,cAAYD,eAAAA,SAAS,mBAAmB,OAAO;IAC/C,MAAK;IACL,CAAA;GAEF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,QAAQ;cACtE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,YAAhB;KACE,OAAO;KACP,UAAU;KACF;KACR,GAAI;KACJ,GAAI;KACJ,CAAA;IACE,CAAA;GACS"}

package/cjs/components/ScheduleHeader/ScheduleHeaderContext.cjs

@@ -0,0 +1,20 @@
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region packages/@mantine/schedule/src/components/ScheduleHeader/ScheduleHeaderContext.ts
+const ScheduleHeaderLabelsContext = (0, react.createContext)(void 0);
+ScheduleHeaderLabelsContext.displayName = "@mantine/schedule/ScheduleHeaderLabelsContext";
+function useScheduleHeaderLabels(override) {
+	const contextLabels = (0, react.useContext)(ScheduleHeaderLabelsContext);
+	if (!override) return contextLabels;
+	if (!contextLabels) return override;
+	return {
+		...contextLabels,
+		...override
+	};
+}
+//#endregion
+exports.ScheduleHeaderLabelsContext = ScheduleHeaderLabelsContext;
+exports.useScheduleHeaderLabels = useScheduleHeaderLabels;
+
+//# sourceMappingURL=ScheduleHeaderContext.cjs.map

package/cjs/components/ScheduleHeader/ScheduleHeaderContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleHeaderContext.cjs","names":[],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { ScheduleLabelsOverride } from '../../labels';\n\nexport const ScheduleHeaderLabelsContext = createContext<ScheduleLabelsOverride | undefined>(\n  undefined\n);\nScheduleHeaderLabelsContext.displayName = '@mantine/schedule/ScheduleHeaderLabelsContext';\n\nexport function useScheduleHeaderLabels(\n  override?: ScheduleLabelsOverride\n): ScheduleLabelsOverride | undefined {\n  const contextLabels = useContext(ScheduleHeaderLabelsContext);\n  if (!override) {\n    return contextLabels;\n  }\n  if (!contextLabels) {\n    return override;\n  }\n  return { ...contextLabels, ...override };\n}\n"],"mappings":";;;;AAGA,MAAa,+BAAA,GAAA,MAAA,eACX,KAAA,EACD;AACD,4BAA4B,cAAc;AAE1C,SAAgB,wBACd,UACoC;CACpC,MAAM,iBAAA,GAAA,MAAA,YAA2B,4BAA4B;AAC7D,KAAI,CAAC,SACH,QAAO;AAET,KAAI,CAAC,cACH,QAAO;AAET,QAAO;EAAE,GAAG;EAAe,GAAG;EAAU"}

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.cjs

@@ -1,6 +1,7 @@
 "use client";
 require("../../../_virtual/_rolldown/runtime.cjs");
 const require_labels = require("../../../labels.cjs");
+const require_ScheduleHeaderContext = require("../ScheduleHeaderContext.cjs");
 const require_HeaderControl = require("../HeaderControl/HeaderControl.cjs");
 const require_ViewSelect_module = require("./ViewSelect.module.cjs");
 let _mantine_core = require("@mantine/core");
@@ -32,6 +33,7 @@ const ViewSelect = (0, _mantine_core.factory)((_props) => {
 		vars,
 		rootSelector: "viewSelect"
 	});
+	const resolvedLabels = require_ScheduleHeaderContext.useScheduleHeaderLabels(labels);
 	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
 		classNames,
 		styles,
@@ -88,16 +90,16 @@ const ViewSelect = (0, _mantine_core.factory)((_props) => {
 			__staticSelector,
 			radius,
 			role: "tab",
-			"aria-label": require_labels.getLabel(switchToLabelKeys[view], labels),
+			"aria-label": require_labels.getLabel(switchToLabelKeys[view], resolvedLabels),
 			"aria-selected": isSelected,
 			tabIndex: isSelected ? 0 : -1,
-			children: require_labels.getLabel(view, labels)
+			children: require_labels.getLabel(view, resolvedLabels)
 		}, view);
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
 		...getStyles("viewSelect"),
 		role: "tablist",
-		"aria-label": require_labels.getLabel("viewSelectLabel", labels),
+		"aria-label": require_labels.getLabel("viewSelectLabel", resolvedLabels),
 		...others,
 		children: items
 	});

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelect.cjs","names":["HeaderControl","getLabel","Box","classes"],"sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], labels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, labels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', labels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"mappings":";;;;;;;;;AA+CA,MAAM,eAAe;CACnB,kBAAkB;CAClB,OAAO;EAAC;EAAO;EAAQ;EAAS;EAAO;CACxC;AAED,MAAa,cAAA,GAAA,cAAA,UAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,UAAiB,cAAc,cAAc,OAAO;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,OACA,UACA,OACA,kBACA,QACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACf,CAAC;CAEF,MAAM,EAAE,oBAAoB,oBAAA,GAAA,cAAA,sBAA2D;EACrF;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,SAAA,GAAA,cAAA,eAAsB;CAC9B,MAAM,eAAA,GAAA,MAAA,QAAmD,EAAE,CAAC;CAC5D,MAAM,4BAAA,GAAA,MAAA,QAAkC,MAAM;AAK9C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,yBAAyB,WAAW,SAAS,kBAAkB,SAAS,MAAM;GAChF,MAAM,gBAAgB,MAAO,WAAW,SAAS,SAAS,MAAM;AAChE,OAAI,kBAAkB,GACpB,aAAY,QAAQ,gBAAgB,OAAO;;AAG/C,2BAAyB,UAAU;IAClC,EAAE,CAAC;CAEN,MAAM,iBAAiB,OAA+C,UAAkB;EACtF,MAAM,QAAQ,QAAQ;EACtB,MAAM,UAAU,QAAQ,cAAc;EACtC,MAAM,UAAU,QAAQ,eAAe;AAEvC,MAAI,MAAM,QAAQ,SAAS;AACzB,SAAM,gBAAgB;GACtB,MAAM,YAAY,QAAQ,MAAO,SAAS,IAAI,QAAQ,IAAI;AAC1D,eAAY,QAAQ,YAAY,OAAO;aAC9B,MAAM,QAAQ,SAAS;AAChC,SAAM,gBAAgB;GACtB,MAAM,YAAY,QAAQ,IAAI,QAAQ,IAAI,MAAO,SAAS;AAC1D,eAAY,QAAQ,YAAY,OAAO;aAC9B,MAAM,QAAQ,QAAQ;AAC/B,SAAM,gBAAgB;AACtB,eAAY,QAAQ,IAAI,OAAO;aACtB,MAAM,QAAQ,OAAO;AAC9B,SAAM,gBAAgB;AACtB,eAAY,QAAQ,MAAO,SAAS,IAAI,OAAO;aACtC,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAChD,0BAAyB,UAAU;;CAIvC,MAAM,oBAAqE;EACzE,KAAK;EACL,MAAM;EACN,OAAO;EACP,MAAM;EACP;CAED,MAAM,QAAQ,MAAO,KAAK,MAAM,UAAU;EACxC,MAAM,aAAa,UAAU;AAC7B,SACE,iBAAA,GAAA,kBAAA,KAACA,sBAAAA,eAAD;GAEE,MAAM,SAAS;AACb,gBAAY,QAAQ,SAAS;;GAE/B,aAAW;GACX,QAAQ;GACR,eAAe,WAAW,KAAK;GAC/B,YAAY,UAAU,cAAc,OAAO,MAAM;GACjD,YAAY;GACZ,QAAQ;GACU;GACV;GACR,MAAK;GACL,cAAYC,eAAAA,SAAS,kBAAkB,OAAO,OAAO;GACrD,iBAAe;GACf,UAAU,aAAa,IAAI;aAE1BA,eAAAA,SAAS,MAAM,OAAO;GACT,EAlBT,KAkBS;GAElB;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,GAAI,UAAU,aAAa;EAC3B,MAAK;EACL,cAAYD,eAAAA,SAAS,mBAAmB,OAAO;EAC/C,GAAI;YAEH;EACG,CAAA;EAER;AAEF,WAAW,cAAc;AACzB,WAAW,UAAUE,0BAAAA"}
+{"version":3,"file":"ViewSelect.cjs","names":["useScheduleHeaderLabels","HeaderControl","getLabel","Box","classes"],"sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], resolvedLabels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, resolvedLabels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', resolvedLabels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,OAAO;EAAC;EAAO;EAAQ;EAAS;EAAO;CACxC;AAED,MAAa,cAAA,GAAA,cAAA,UAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,UAAiB,cAAc,cAAc,OAAO;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,OACA,UACA,OACA,kBACA,QACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACf,CAAC;CAEF,MAAM,iBAAiBA,8BAAAA,wBAAwB,OAAO;CAEtD,MAAM,EAAE,oBAAoB,oBAAA,GAAA,cAAA,sBAA2D;EACrF;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,SAAA,GAAA,cAAA,eAAsB;CAC9B,MAAM,eAAA,GAAA,MAAA,QAAmD,EAAE,CAAC;CAC5D,MAAM,4BAAA,GAAA,MAAA,QAAkC,MAAM;AAK9C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,yBAAyB,WAAW,SAAS,kBAAkB,SAAS,MAAM;GAChF,MAAM,gBAAgB,MAAO,WAAW,SAAS,SAAS,MAAM;AAChE,OAAI,kBAAkB,GACpB,aAAY,QAAQ,gBAAgB,OAAO;;AAG/C,2BAAyB,UAAU;IAClC,EAAE,CAAC;CAEN,MAAM,iBAAiB,OAA+C,UAAkB;EACtF,MAAM,QAAQ,QAAQ;EACtB,MAAM,UAAU,QAAQ,cAAc;EACtC,MAAM,UAAU,QAAQ,eAAe;AAEvC,MAAI,MAAM,QAAQ,SAAS;AACzB,SAAM,gBAAgB;GACtB,MAAM,YAAY,QAAQ,MAAO,SAAS,IAAI,QAAQ,IAAI;AAC1D,eAAY,QAAQ,YAAY,OAAO;aAC9B,MAAM,QAAQ,SAAS;AAChC,SAAM,gBAAgB;GACtB,MAAM,YAAY,QAAQ,IAAI,QAAQ,IAAI,MAAO,SAAS;AAC1D,eAAY,QAAQ,YAAY,OAAO;aAC9B,MAAM,QAAQ,QAAQ;AAC/B,SAAM,gBAAgB;AACtB,eAAY,QAAQ,IAAI,OAAO;aACtB,MAAM,QAAQ,OAAO;AAC9B,SAAM,gBAAgB;AACtB,eAAY,QAAQ,MAAO,SAAS,IAAI,OAAO;aACtC,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAChD,0BAAyB,UAAU;;CAIvC,MAAM,oBAAqE;EACzE,KAAK;EACL,MAAM;EACN,OAAO;EACP,MAAM;EACP;CAED,MAAM,QAAQ,MAAO,KAAK,MAAM,UAAU;EACxC,MAAM,aAAa,UAAU;AAC7B,SACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;GAEE,MAAM,SAAS;AACb,gBAAY,QAAQ,SAAS;;GAE/B,aAAW;GACX,QAAQ;GACR,eAAe,WAAW,KAAK;GAC/B,YAAY,UAAU,cAAc,OAAO,MAAM;GACjD,YAAY;GACZ,QAAQ;GACU;GACV;GACR,MAAK;GACL,cAAYC,eAAAA,SAAS,kBAAkB,OAAO,eAAe;GAC7D,iBAAe;GACf,UAAU,aAAa,IAAI;aAE1BA,eAAAA,SAAS,MAAM,eAAe;GACjB,EAlBT,KAkBS;GAElB;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,GAAI,UAAU,aAAa;EAC3B,MAAK;EACL,cAAYD,eAAAA,SAAS,mBAAmB,eAAe;EACvD,GAAI;YAEH;EACG,CAAA;EAER;AAEF,WAAW,cAAc;AACzB,WAAW,UAAUE,0BAAAA"}

package/cjs/components/WeekView/WeekView.cjs

@@ -61,7 +61,7 @@ const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, al
 } }));
 const WeekView = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("WeekView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, intervalMinutes, slotLabelFormat, withWeekendDays, weekendDays, firstDayOfWeek, weekdayFormat, radius, highlightToday, withCurrentTimeIndicator, scrollAreaProps, locale, withWeekNumber, withCurrentTimeBubble, withAllDaySlots, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, events, allDaySlotHeight, slotHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, renderWeekLabel, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, intervalMinutes, slotLabelFormat, withWeekendDays, weekendDays, firstDayOfWeek, weekdayFormat, radius, highlightToday, withCurrentTimeIndicator, forceCurrentTimeIndicator, scrollAreaProps, locale, withWeekNumber, withCurrentTimeBubble, withAllDaySlots, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, events, allDaySlotHeight, slotHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, renderWeekLabel, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, ...others } = props;
 	const getStyles = (0, _mantine_core.useStyles)({
 		name: __staticSelector,
 		classes: require_WeekView_module.default,
@@ -286,7 +286,7 @@ const WeekView = (0, _mantine_core.factory)((_props) => {
 			weekdaysRef.current[dayIndex - 1]?.focus();
 		}
 	};
-	const currentWeekdayIndex = withCurrentTimeIndicator ? weekdays.findIndex((day) => (0, dayjs.default)(day).isSame((0, dayjs.default)(), "date")) : -1;
+	const currentWeekdayIndex = withCurrentTimeIndicator ? forceCurrentTimeIndicator ? weekdays.findIndex((day) => (0, dayjs.default)(day).day() === (0, dayjs.default)().day()) : weekdays.findIndex((day) => (0, dayjs.default)(day).isSame((0, dayjs.default)(), "date")) : -1;
 	const weekdaysLabels = weekdays.map((day, dayIndex) => /* @__PURE__ */ (0, react.createElement)(_mantine_core.UnstyledButton, {
 		...getStyles("weekViewDayLabel"),
 		key: day,