@mantine/dates 3.3.4 → 3.4.2

package/esm/components/Calendar/Calendar.js

@@ -1,11 +1,5 @@
 import React, { forwardRef } from 'react';
-import dayjs from 'dayjs';
-import { useMantineTheme, Group } from '@mantine/core';
-import { useUncontrolled } from '@mantine/hooks';
-import { Month } from '../Month/Month.js';
-import { CalendarHeader } from './CalendarHeader/CalendarHeader.js';
-import { CalendarWrapper } from './CalendarWrapper/CalendarWrapper.js';
-import { getDisabledState } from './get-disabled-state/get-disabled-state.js';
+import { CalendarBase } from '../CalendarBase/CalendarBase.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -36,135 +30,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Calendar = forwardRef((_a, ref) => {
-  var _b = _a, {
-    classNames,
-    styles,
-    locale,
-    nextMonthLabel,
-    previousMonthLabel,
-    initialMonth,
-    month,
-    onMonthChange,
-    value,
-    onChange,
-    labelFormat = "MMMM YYYY",
-    withSelect = false,
-    yearsRange = { from: 2020, to: 2030 },
-    dayClassName,
-    dayStyle,
-    disableOutsideEvents,
-    minDate,
-    maxDate,
-    excludeDate,
-    fullWidth = false,
-    size = "sm",
-    __staticSelector = "Calendar",
-    monthLabel,
-    yearLabel,
-    preventFocus,
-    firstDayOfWeek = "monday",
-    amountOfMonths = 1
-  } = _b, others = __objRest(_b, [
-    "classNames",
-    "styles",
-    "locale",
-    "nextMonthLabel",
-    "previousMonthLabel",
-    "initialMonth",
-    "month",
-    "onMonthChange",
-    "value",
-    "onChange",
-    "labelFormat",
-    "withSelect",
-    "yearsRange",
-    "dayClassName",
-    "dayStyle",
-    "disableOutsideEvents",
-    "minDate",
-    "maxDate",
-    "excludeDate",
-    "fullWidth",
-    "size",
-    "__staticSelector",
-    "monthLabel",
-    "yearLabel",
-    "preventFocus",
-    "firstDayOfWeek",
-    "amountOfMonths"
-  ]);
-  const theme = useMantineTheme();
-  const finalLocale = locale || theme.datesLocale;
-  const [_month, setMonth] = useUncontrolled({
-    value: month,
-    defaultValue: initialMonth,
-    finalValue: new Date(),
-    onChange: onMonthChange,
-    rule: (val) => val instanceof Date
-  });
-  const disabledState = getDisabledState({ month: _month, minDate, maxDate });
-  const hasMultipleMonths = amountOfMonths > 1;
-  const dayStyles = (date, modifiers) => {
-    const initialStyles = typeof dayStyle === "function" ? dayStyle(date, modifiers) : null;
-    const outsideStyles = modifiers.outside && amountOfMonths > 1 ? { display: "none" } : null;
-    return __spreadValues(__spreadValues({}, initialStyles), outsideStyles);
-  };
-  return /* @__PURE__ */ React.createElement(CalendarWrapper, __spreadValues({
-    size,
-    fullWidth,
-    ref,
-    amountOfMonths
-  }, others), /* @__PURE__ */ React.createElement(Group, {
-    noWrap: true,
-    style: { alignItems: "flex-start" }
-  }, Array(amountOfMonths).fill(0).map((_, monthIndex) => {
-    const isFirstMonth = monthIndex === 0;
-    const isLastMonth = monthIndex === amountOfMonths - 1;
-    const monthToRender = isFirstMonth ? _month : dayjs(_month).add(monthIndex, "month").toDate();
-    const hiddenMonth = isFirstMonth ? "next" : isLastMonth ? "prev" : "both";
-    return /* @__PURE__ */ React.createElement("div", {
-      key: `month-${monthIndex}`
-    }, /* @__PURE__ */ React.createElement(CalendarHeader, {
-      size,
-      nextMonthLabel,
-      previousMonthLabel,
-      previousMonthDisabled: disabledState.previousDisabled,
-      nextMonthDisabled: disabledState.nextDisabled,
-      onPreviousMonth: () => setMonth(dayjs(_month).subtract(1, "month").toDate()),
-      onNextMonth: () => setMonth(dayjs(_month).add(1, "month").toDate()),
-      classNames,
-      styles,
-      locale: finalLocale,
-      withSelect,
-      yearsRange,
-      month: monthToRender,
-      setMonth,
-      labelFormat,
-      hiddenMonth: hasMultipleMonths ? hiddenMonth : void 0,
-      __staticSelector: isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`,
-      monthLabel,
-      yearLabel,
-      preventFocus
-    }), /* @__PURE__ */ React.createElement(Month, {
-      month: monthToRender,
-      value,
-      onChange,
-      dayClassName,
-      disableOutsideEvents,
-      minDate,
-      maxDate,
-      excludeDate,
-      classNames,
-      styles,
-      fullWidth,
-      preventFocus,
-      size,
-      locale: finalLocale,
-      firstDayOfWeek,
-      __staticSelector,
-      dayStyle: dayStyles
-    }));
-  })));
+  var _b = _a, { __staticSelector = "Calendar" } = _b, others = __objRest(_b, ["__staticSelector"]);
+  return /* @__PURE__ */ React.createElement(CalendarBase, __spreadValues({
+    __staticSelector,
+    ref
+  }, others));
 });
 Calendar.displayName = "@mantine/dates/Calendar";
 

package/esm/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps, Group, useMantineTheme } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { FirstDayOfWeek } from '../../types';\nimport { Month, MonthSettings, MonthStylesNames } from '../Month';\nimport { DayModifiers } from '../Month/get-day-props/get-day-props';\nimport { CalendarLabelStylesNames } from './CalendarLabel/CalendarLabel';\nimport { CalendarHeader } from './CalendarHeader/CalendarHeader';\nimport { CalendarWrapper } from './CalendarWrapper/CalendarWrapper';\nimport { getDisabledState } from './get-disabled-state/get-disabled-state';\n\nexport interface CalendarSettings extends MonthSettings {\n  /** aria-label for next month arrow button */\n  nextMonthLabel?: string;\n\n  /** aria-label for previous month arrow button */\n  previousMonthLabel?: string;\n\n  /** aria-label for month select */\n  monthLabel?: string;\n\n  /** aria-label for year select */\n  yearLabel?: string;\n\n  /** Locale used for all labels formatting */\n  locale?: string;\n\n  /** Initial selected month */\n  initialMonth?: Date | null;\n\n  /** dayjs label format */\n  labelFormat?: string;\n\n  /** Replace calendar label with month and year selects */\n  withSelect?: boolean;\n\n  /** Years range for year select */\n  yearsRange?: { from: number; to: number };\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n\n  /** Amount of displayed months */\n  amountOfMonths?: number;\n}\n\nexport type CalendarStylesNames = Exclude<MonthStylesNames, 'root'> | CalendarLabelStylesNames;\n\nexport interface CalendarProps\n  extends DefaultProps<CalendarStylesNames>,\n    CalendarSettings,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n  /** Current month */\n  month?: Date;\n\n  /** Selected date */\n  value?: Date;\n\n  /** Called when selected date changes */\n  onChange?(value: Date): void;\n\n  /** Called when month changes */\n  onMonthChange?(value: Date): void;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  (\n    {\n      classNames,\n      styles,\n      locale,\n      nextMonthLabel,\n      previousMonthLabel,\n      initialMonth,\n      month,\n      onMonthChange,\n      value,\n      onChange,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange = { from: 2020, to: 2030 },\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      fullWidth = false,\n      size = 'sm',\n      __staticSelector = 'Calendar',\n      monthLabel,\n      yearLabel,\n      preventFocus,\n      firstDayOfWeek = 'monday',\n      amountOfMonths = 1,\n      ...others\n    }: CalendarProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const finalLocale = locale || theme.datesLocale;\n    const [_month, setMonth] = useUncontrolled({\n      value: month,\n      defaultValue: initialMonth,\n      finalValue: new Date(),\n      onChange: onMonthChange,\n      rule: (val) => val instanceof Date,\n    });\n\n    const disabledState = getDisabledState({ month: _month, minDate, maxDate });\n    const hasMultipleMonths = amountOfMonths > 1;\n\n    const dayStyles = (date: Date, modifiers: DayModifiers) => {\n      const initialStyles = typeof dayStyle === 'function' ? dayStyle(date, modifiers) : null;\n      const outsideStyles = modifiers.outside && amountOfMonths > 1 ? { display: 'none' } : null;\n      return { ...initialStyles, ...outsideStyles };\n    };\n\n    return (\n      <CalendarWrapper\n        size={size}\n        fullWidth={fullWidth}\n        ref={ref}\n        amountOfMonths={amountOfMonths}\n        {...others}\n      >\n        <Group noWrap style={{ alignItems: 'flex-start' }}>\n          {Array(amountOfMonths)\n            .fill(0)\n            .map((_, monthIndex) => {\n              const isFirstMonth = monthIndex === 0;\n              const isLastMonth = monthIndex === amountOfMonths - 1;\n              const monthToRender = isFirstMonth\n                ? _month\n                : dayjs(_month).add(monthIndex, 'month').toDate();\n              const hiddenMonth = isFirstMonth ? 'next' : isLastMonth ? 'prev' : 'both';\n\n              return (\n                <div key={`month-${monthIndex}`}>\n                  <CalendarHeader\n                    size={size}\n                    nextMonthLabel={nextMonthLabel}\n                    previousMonthLabel={previousMonthLabel}\n                    previousMonthDisabled={disabledState.previousDisabled}\n                    nextMonthDisabled={disabledState.nextDisabled}\n                    onPreviousMonth={() => setMonth(dayjs(_month).subtract(1, 'month').toDate())}\n                    onNextMonth={() => setMonth(dayjs(_month).add(1, 'month').toDate())}\n                    classNames={classNames}\n                    styles={styles}\n                    locale={finalLocale}\n                    withSelect={withSelect}\n                    yearsRange={yearsRange}\n                    month={monthToRender}\n                    setMonth={setMonth}\n                    labelFormat={labelFormat}\n                    hiddenMonth={hasMultipleMonths ? hiddenMonth : undefined}\n                    __staticSelector={\n                      isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`\n                    }\n                    monthLabel={monthLabel}\n                    yearLabel={yearLabel}\n                    preventFocus={preventFocus}\n                  />\n\n                  <Month\n                    month={monthToRender}\n                    value={value}\n                    onChange={onChange}\n                    dayClassName={dayClassName}\n                    disableOutsideEvents={disableOutsideEvents}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    excludeDate={excludeDate}\n                    classNames={classNames}\n                    styles={styles}\n                    fullWidth={fullWidth}\n                    preventFocus={preventFocus}\n                    size={size}\n                    locale={finalLocale}\n                    firstDayOfWeek={firstDayOfWeek}\n                    __staticSelector={__staticSelector}\n                    dayStyle={dayStyles}\n                  />\n                </div>\n              );\n            })}\n        </Group>\n      </CalendarWrapper>\n    );\n  }\n);\n\nCalendar.displayName = '@mantine/dates/Calendar';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CalendarBase, CalendarBaseProps } from '../CalendarBase/CalendarBase';\n\nexport type CalendarProps = CalendarBaseProps;\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarBaseProps>(\n  ({ __staticSelector = 'Calendar', ...others }: CalendarProps, ref) => (\n    <CalendarBase __staticSelector={__staticSelector} ref={ref} {...others} />\n  )\n);\n\nCalendar.displayName = '@mantine/dates/Calendar';\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAGU,MAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAChD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,gBAAgB,GAAG,UAAU,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACpG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC;AAC1E,IAAI,gBAAgB;AACpB,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,QAAQ,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/esm/components/CalendarBase/CalendarBase.js

@@ -0,0 +1,234 @@
+import React, { forwardRef, useState, useRef } from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { Box } from '@mantine/core';
+import { YearPicker } from './YearPicker/YearPicker.js';
+import { MonthPicker } from './MonthPicker/MonthPicker.js';
+import { MonthsList } from './MonthsList/MonthsList.js';
+import useStyles from './CalendarBase.styles.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const CalendarBase = forwardRef((_a, ref) => {
+  var _b = _a, {
+    className,
+    classNames,
+    styles,
+    month,
+    initialMonth,
+    onMonthChange,
+    locale,
+    amountOfMonths = 1,
+    size = "sm",
+    allowLevelChange = true,
+    initialLevel = "date",
+    minDate,
+    maxDate,
+    __staticSelector = "CalendarBase",
+    dayClassName,
+    dayStyle,
+    disableOutsideEvents,
+    excludeDate,
+    hideWeekdays,
+    fullWidth,
+    preventFocus,
+    firstDayOfWeek = "monday",
+    value,
+    onChange,
+    onDayMouseEnter,
+    range,
+    nextDecadeLabel,
+    nextMonthLabel,
+    nextYearLabel,
+    previousDecadeLabel,
+    previousMonthLabel,
+    previousYearLabel,
+    labelFormat = "MMMM YYYY",
+    hideOutsideDates
+  } = _b, others = __objRest(_b, [
+    "className",
+    "classNames",
+    "styles",
+    "month",
+    "initialMonth",
+    "onMonthChange",
+    "locale",
+    "amountOfMonths",
+    "size",
+    "allowLevelChange",
+    "initialLevel",
+    "minDate",
+    "maxDate",
+    "__staticSelector",
+    "dayClassName",
+    "dayStyle",
+    "disableOutsideEvents",
+    "excludeDate",
+    "hideWeekdays",
+    "fullWidth",
+    "preventFocus",
+    "firstDayOfWeek",
+    "value",
+    "onChange",
+    "onDayMouseEnter",
+    "range",
+    "nextDecadeLabel",
+    "nextMonthLabel",
+    "nextYearLabel",
+    "previousDecadeLabel",
+    "previousMonthLabel",
+    "previousYearLabel",
+    "labelFormat",
+    "hideOutsideDates"
+  ]);
+  const [selectionState, setSelectionState] = useState(initialLevel);
+  const { classes, cx, theme } = useStyles({ size, fullWidth, amountOfMonths: selectionState === "date" ? amountOfMonths : 1 }, { name: __staticSelector, styles, classNames });
+  const finalLocale = locale || theme.datesLocale;
+  const daysRefs = useRef(Array(amountOfMonths).fill(0).map(() => []));
+  const [_month, setMonth] = useUncontrolled({
+    value: month,
+    defaultValue: initialMonth,
+    finalValue: new Date(),
+    onChange: onMonthChange,
+    rule: (val) => val instanceof Date
+  });
+  const [yearSelection, setYearSelection] = useState(_month.getFullYear());
+  const minYear = minDate instanceof Date ? minDate.getFullYear() : 0;
+  const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 1e4;
+  const handleDayKeyDown = (monthIndex, payload, event) => {
+    var _a2;
+    switch (event.code) {
+      case "ArrowDown": {
+        event.preventDefault();
+        if (payload.rowIndex + 1 < daysRefs.current[monthIndex].length) {
+          daysRefs.current[monthIndex][payload.rowIndex + 1][payload.cellIndex].focus();
+        }
+        break;
+      }
+      case "ArrowUp": {
+        event.preventDefault();
+        if (payload.rowIndex > 0) {
+          daysRefs.current[monthIndex][payload.rowIndex - 1][payload.cellIndex].focus();
+        }
+        break;
+      }
+      case "ArrowRight": {
+        event.preventDefault();
+        if (payload.cellIndex !== 6) {
+          daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex + 1].focus();
+        } else if (monthIndex + 1 < amountOfMonths) {
+          if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {
+            (_a2 = daysRefs.current[monthIndex + 1][payload.rowIndex][0]) == null ? void 0 : _a2.focus();
+          }
+        }
+        break;
+      }
+      case "ArrowLeft": {
+        event.preventDefault();
+        if (payload.cellIndex !== 0) {
+          daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex - 1].focus();
+        } else if (monthIndex > 0) {
+          if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {
+            daysRefs.current[monthIndex - 1][payload.rowIndex][6].focus();
+          }
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    className: cx(classes.calendarBase, className),
+    ref
+  }, others), selectionState === "year" && /* @__PURE__ */ React.createElement(YearPicker, {
+    size,
+    value: yearSelection,
+    minYear,
+    maxYear,
+    onChange: (year) => {
+      setYearSelection(year);
+      setSelectionState("month");
+    },
+    classNames,
+    styles,
+    __staticSelector,
+    nextDecadeLabel,
+    previousDecadeLabel
+  }), selectionState === "month" && /* @__PURE__ */ React.createElement(MonthPicker, {
+    size,
+    value: { month: _month.getMonth(), year: _month.getFullYear() },
+    year: yearSelection,
+    onYearChange: setYearSelection,
+    onNextLevel: () => setSelectionState("year"),
+    locale: finalLocale,
+    minDate,
+    maxDate,
+    onChange: (monthValue) => {
+      setMonth(new Date(yearSelection, monthValue, 1));
+      setSelectionState("date");
+    },
+    classNames,
+    styles,
+    __staticSelector,
+    nextYearLabel,
+    previousYearLabel
+  }), selectionState === "date" && /* @__PURE__ */ React.createElement(MonthsList, {
+    amountOfMonths,
+    month: _month,
+    locale: finalLocale,
+    minDate,
+    maxDate,
+    allowLevelChange,
+    size,
+    daysRefs,
+    onMonthChange: setMonth,
+    onNextLevel: () => setSelectionState("month"),
+    onDayKeyDown: handleDayKeyDown,
+    classNames,
+    styles,
+    __staticSelector,
+    dayClassName,
+    dayStyle,
+    disableOutsideEvents,
+    excludeDate,
+    hideWeekdays,
+    fullWidth,
+    preventFocus,
+    firstDayOfWeek,
+    value,
+    range,
+    onChange,
+    nextMonthLabel,
+    previousMonthLabel,
+    labelFormat,
+    onDayMouseEnter,
+    hideOutsideDates
+  }));
+});
+CalendarBase.displayName = "@mantine/dates/CalendarBase";
+
+export { CalendarBase };
+//# sourceMappingURL=CalendarBase.js.map

package/esm/components/CalendarBase/CalendarBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBase.js","sources":["../../../src/components/CalendarBase/CalendarBase.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { Box, MantineSize, ClassNames, DefaultProps } from '@mantine/core';\nimport { MonthSettings, DayKeydownPayload } from '../Month';\nimport { YearPicker, YearPickerStylesNames } from './YearPicker/YearPicker';\nimport { MonthPicker, MonthPickerStylesNames } from './MonthPicker/MonthPicker';\nimport { MonthsList, MonthsListStylesNames } from './MonthsList/MonthsList';\nimport useStyles from './CalendarBase.styles';\n\nexport type CalendarBaseStylesNames =\n  | ClassNames<typeof useStyles>\n  | YearPickerStylesNames\n  | MonthPickerStylesNames\n  | MonthsListStylesNames;\n\nexport interface CalendarSharedProps extends DefaultProps<CalendarBaseStylesNames>, MonthSettings {\n  /** Month for controlled calendar */\n  month?: Date;\n\n  /** Initial month for uncontrolled calendar */\n  initialMonth?: Date;\n\n  /** Called when month changes */\n  onMonthChange?(month: Date): void;\n\n  /** Locale used for labels formatting, defaults to theme.datesLocale */\n  locale?: string;\n\n  /** Amount of months */\n  amountOfMonths?: number;\n\n  /** Selected value */\n  value?: Date | null;\n\n  /** Called when day is selected */\n  onChange?(value: Date): void;\n\n  /** Calendar size */\n  size?: MantineSize;\n\n  /** Allow to change level (date – month – year) */\n  allowLevelChange?: boolean;\n\n  /** Initial date selection level */\n  initialLevel?: 'date' | 'month' | 'year';\n\n  /** Static selector base */\n  __staticSelector?: string;\n\n  /** Selected range */\n  range?: [Date, Date];\n\n  /** Called when day is selected */\n  onChange?(value: Date): void;\n\n  /** Called when onMouseEnter event fired on day button */\n  onDayMouseEnter?(date: Date, event: React.MouseEvent): void;\n\n  /** Next month control aria-label */\n  nextMonthLabel?: string;\n\n  /** Previous month control aria-label */\n  previousMonthLabel?: string;\n\n  /** Next year control aria-label */\n  nextYearLabel?: string;\n\n  /** Previous year control aria-label */\n  previousYearLabel?: string;\n\n  /** Next decade control aria-label */\n  nextDecadeLabel?: string;\n\n  /** Previous decade control aria-label */\n  previousDecadeLabel?: string;\n\n  /** dayjs label format */\n  labelFormat?: string;\n}\n\nexport interface CalendarBaseProps\n  extends CalendarSharedProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {}\n\nexport const CalendarBase = forwardRef<HTMLDivElement, CalendarBaseProps>(\n  (\n    {\n      className,\n      classNames,\n      styles,\n      month,\n      initialMonth,\n      onMonthChange,\n      locale,\n      amountOfMonths = 1,\n      size = 'sm',\n      allowLevelChange = true,\n      initialLevel = 'date',\n      minDate,\n      maxDate,\n      __staticSelector = 'CalendarBase',\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      excludeDate,\n      hideWeekdays,\n      fullWidth,\n      preventFocus,\n      firstDayOfWeek = 'monday',\n      value,\n      onChange,\n      onDayMouseEnter,\n      range,\n      nextDecadeLabel,\n      nextMonthLabel,\n      nextYearLabel,\n      previousDecadeLabel,\n      previousMonthLabel,\n      previousYearLabel,\n      labelFormat = 'MMMM YYYY',\n      hideOutsideDates,\n      ...others\n    }: CalendarBaseProps,\n    ref\n  ) => {\n    const [selectionState, setSelectionState] = useState(initialLevel);\n    const { classes, cx, theme } = useStyles(\n      { size, fullWidth, amountOfMonths: selectionState === 'date' ? amountOfMonths : 1 },\n      { name: __staticSelector, styles, classNames }\n    );\n    const finalLocale = locale || theme.datesLocale;\n\n    const daysRefs = useRef<HTMLButtonElement[][][]>(\n      Array(amountOfMonths)\n        .fill(0)\n        .map(() => [])\n    );\n\n    const [_month, setMonth] = useUncontrolled({\n      value: month,\n      defaultValue: initialMonth,\n      finalValue: new Date(),\n      onChange: onMonthChange,\n      rule: (val) => val instanceof Date,\n    });\n\n    const [yearSelection, setYearSelection] = useState(_month.getFullYear());\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : 0;\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000;\n\n    const handleDayKeyDown = (\n      monthIndex: number,\n      payload: DayKeydownPayload,\n      event: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n      switch (event.code) {\n        case 'ArrowDown': {\n          event.preventDefault();\n\n          if (payload.rowIndex + 1 < daysRefs.current[monthIndex].length) {\n            daysRefs.current[monthIndex][payload.rowIndex + 1][payload.cellIndex].focus();\n          }\n          break;\n        }\n\n        case 'ArrowUp': {\n          event.preventDefault();\n\n          if (payload.rowIndex > 0) {\n            daysRefs.current[monthIndex][payload.rowIndex - 1][payload.cellIndex].focus();\n          }\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n\n          if (payload.cellIndex !== 6) {\n            daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex + 1].focus();\n          } else if (monthIndex + 1 < amountOfMonths) {\n            if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n              daysRefs.current[monthIndex + 1][payload.rowIndex][0]?.focus();\n            }\n          }\n\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n\n          if (payload.cellIndex !== 0) {\n            daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex - 1].focus();\n          } else if (monthIndex > 0) {\n            if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n              daysRefs.current[monthIndex - 1][payload.rowIndex][6].focus();\n            }\n          }\n        }\n      }\n    };\n\n    return (\n      <Box className={cx(classes.calendarBase, className)} ref={ref} {...others}>\n        {selectionState === 'year' && (\n          <YearPicker\n            size={size}\n            value={yearSelection}\n            minYear={minYear}\n            maxYear={maxYear}\n            onChange={(year) => {\n              setYearSelection(year);\n              setSelectionState('month');\n            }}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector={__staticSelector}\n            nextDecadeLabel={nextDecadeLabel}\n            previousDecadeLabel={previousDecadeLabel}\n          />\n        )}\n\n        {selectionState === 'month' && (\n          <MonthPicker\n            size={size}\n            value={{ month: _month.getMonth(), year: _month.getFullYear() }}\n            year={yearSelection}\n            onYearChange={setYearSelection}\n            onNextLevel={() => setSelectionState('year')}\n            locale={finalLocale}\n            minDate={minDate}\n            maxDate={maxDate}\n            onChange={(monthValue) => {\n              setMonth(new Date(yearSelection, monthValue, 1));\n              setSelectionState('date');\n            }}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector={__staticSelector}\n            nextYearLabel={nextYearLabel}\n            previousYearLabel={previousYearLabel}\n          />\n        )}\n\n        {selectionState === 'date' && (\n          <MonthsList\n            amountOfMonths={amountOfMonths}\n            month={_month}\n            locale={finalLocale}\n            minDate={minDate}\n            maxDate={maxDate}\n            allowLevelChange={allowLevelChange}\n            size={size}\n            daysRefs={daysRefs}\n            onMonthChange={setMonth}\n            onNextLevel={() => setSelectionState('month')}\n            onDayKeyDown={handleDayKeyDown}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector={__staticSelector}\n            dayClassName={dayClassName}\n            dayStyle={dayStyle}\n            disableOutsideEvents={disableOutsideEvents}\n            excludeDate={excludeDate}\n            hideWeekdays={hideWeekdays}\n            fullWidth={fullWidth}\n            preventFocus={preventFocus}\n            firstDayOfWeek={firstDayOfWeek}\n            value={value}\n            range={range}\n            onChange={onChange}\n            nextMonthLabel={nextMonthLabel}\n            previousMonthLabel={previousMonthLabel}\n            labelFormat={labelFormat}\n            onDayMouseEnter={onDayMouseEnter}\n            hideOutsideDates={hideOutsideDates}\n          />\n        )}\n      </Box>\n    );\n  }\n);\n\nCalendarBase.displayName = '@mantine/dates/CalendarBase';\n"],"names":[],"mappings":"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"}

package/esm/components/CalendarBase/CalendarBase.styles.js

@@ -0,0 +1,18 @@
+import { createStyles } from '@mantine/core';
+import { sizes } from '../Month/Day/Day.styles.js';
+
+var useStyles = createStyles((theme, { size, amountOfMonths, fullWidth }) => {
+  const _maxWidth = theme.fn.size({ size, sizes: sizes }) * 7;
+  const maxWidth = amountOfMonths > 1 ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * theme.spacing.md : _maxWidth;
+  return {
+    calendarBase: {
+      boxSizing: "border-box",
+      display: "flex",
+      gap: theme.spacing.md,
+      maxWidth: fullWidth ? "100%" : maxWidth
+    }
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=CalendarBase.styles.js.map

package/esm/components/CalendarBase/CalendarBase.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBase.styles.js","sources":["../../../src/components/CalendarBase/CalendarBase.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/core';\nimport { sizes as DAY_SIZES } from '../Month/Day/Day.styles';\n\ninterface CalendarBaseStyles {\n  size: MantineSize;\n  fullWidth: boolean;\n  amountOfMonths: number;\n}\n\nexport default createStyles((theme, { size, amountOfMonths, fullWidth }: CalendarBaseStyles) => {\n  const _maxWidth = theme.fn.size({ size, sizes: DAY_SIZES }) * 7;\n  const maxWidth =\n    amountOfMonths > 1\n      ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * theme.spacing.md\n      : _maxWidth;\n\n  return {\n    calendarBase: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      gap: theme.spacing.md,\n      maxWidth: fullWidth ? '100%' : maxWidth,\n    },\n  };\n});\n"],"names":["DAY_SIZES"],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK;AAC5E,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEA,KAAS,EAAE,CAAC,GAAG,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,cAAc,GAAG,CAAC,GAAG,SAAS,GAAG,cAAc,GAAG,CAAC,cAAc,GAAG,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;AACzH,EAAE,OAAO;AACT,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC3B,MAAM,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7C,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/components/CalendarBase/CalendarHeader/ArrowIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowIcon.js","sources":["../../../../src/components/CalendarBase/CalendarHeader/ArrowIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ArrowIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  direction: 'left' | 'right';\n}\n\nexport function ArrowIcon({ direction, style, ...others }: ArrowIconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ ...style, transform: direction === 'right' ? 'rotate(180deg)' : 'none' }}\n      {...others}\n    >\n      <path\n        d=\"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\nArrowIcon.displayName = '@mantine/dates/ArrowIcon';\n"],"names":[],"mappings":"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"}

package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js

@@ -0,0 +1,111 @@
+import React from 'react';
+import { ActionIcon, UnstyledButton, SelectChevronIcon } from '@mantine/core';
+import { ArrowIcon } from './ArrowIcon.js';
+import useStyles from './CalendarHeader.styles.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const iconSizes = {
+  xs: 12,
+  sm: 14,
+  md: 18,
+  lg: 22,
+  xl: 28
+};
+function CalendarHeader(_a) {
+  var _b = _a, {
+    hasNext,
+    hasPrevious,
+    onNext,
+    onPrevious,
+    onNextLevel,
+    className,
+    label,
+    nextLevelDisabled,
+    size,
+    classNames,
+    styles,
+    __staticSelector = "CalendarHeader",
+    nextLabel,
+    previousLabel,
+    preventLevelFocus = false
+  } = _b, others = __objRest(_b, [
+    "hasNext",
+    "hasPrevious",
+    "onNext",
+    "onPrevious",
+    "onNextLevel",
+    "className",
+    "label",
+    "nextLevelDisabled",
+    "size",
+    "classNames",
+    "styles",
+    "__staticSelector",
+    "nextLabel",
+    "previousLabel",
+    "preventLevelFocus"
+  ]);
+  const { classes, cx, theme } = useStyles({ size }, { classNames, styles, name: __staticSelector });
+  const iconSize = theme.fn.size({ size, sizes: iconSizes });
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.calendarHeader, className)
+  }, others), /* @__PURE__ */ React.createElement(ActionIcon, {
+    className: classes.calendarHeaderControl,
+    disabled: !hasPrevious,
+    onClick: onPrevious,
+    "aria-label": previousLabel
+  }, /* @__PURE__ */ React.createElement(ArrowIcon, {
+    direction: "left",
+    width: iconSize,
+    height: iconSize
+  })), /* @__PURE__ */ React.createElement(UnstyledButton, {
+    className: classes.calendarHeaderLevel,
+    disabled: nextLevelDisabled,
+    onClick: onNextLevel,
+    tabIndex: preventLevelFocus ? -1 : 0
+  }, /* @__PURE__ */ React.createElement("div", null, label), !nextLevelDisabled && /* @__PURE__ */ React.createElement(SelectChevronIcon, {
+    error: false,
+    size,
+    className: classes.calendarHeaderLevelIcon
+  })), /* @__PURE__ */ React.createElement(ActionIcon, {
+    className: classes.calendarHeaderControl,
+    disabled: !hasNext,
+    onClick: onNext,
+    "aria-label": nextLabel
+  }, /* @__PURE__ */ React.createElement(ArrowIcon, {
+    direction: "right",
+    width: iconSize,
+    height: iconSize
+  })));
+}
+CalendarHeader.displayName = "@mantine/dates/CalendarHeader";
+
+export { CalendarHeader };
+//# sourceMappingURL=CalendarHeader.js.map

package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ActionIcon,\n  UnstyledButton,\n  SelectChevronIcon,\n  MantineSize,\n  ClassNames,\n  DefaultProps,\n} from '@mantine/core';\nimport { ArrowIcon } from './ArrowIcon';\nimport useStyles from './CalendarHeader.styles';\n\nexport type CalendarHeaderStylesNames = ClassNames<typeof useStyles>;\n\ninterface CalendarHeaderProps\n  extends DefaultProps<CalendarHeaderStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  hasPrevious: boolean;\n  hasNext: boolean;\n  onNext?(): void;\n  onPrevious?(): void;\n  onNextLevel?(): void;\n  label?: string;\n  nextLevelDisabled?: boolean;\n  size?: MantineSize;\n  __staticSelector?: string;\n  nextLabel?: string;\n  previousLabel?: string;\n  preventLevelFocus?: boolean;\n}\n\nconst iconSizes = {\n  xs: 12,\n  sm: 14,\n  md: 18,\n  lg: 22,\n  xl: 28,\n};\n\nexport function CalendarHeader({\n  hasNext,\n  hasPrevious,\n  onNext,\n  onPrevious,\n  onNextLevel,\n  className,\n  label,\n  nextLevelDisabled,\n  size,\n  classNames,\n  styles,\n  __staticSelector = 'CalendarHeader',\n  nextLabel,\n  previousLabel,\n  preventLevelFocus = false,\n  ...others\n}: CalendarHeaderProps) {\n  const { classes, cx, theme } = useStyles(\n    { size },\n    { classNames, styles, name: __staticSelector }\n  );\n\n  const iconSize = theme.fn.size({ size, sizes: iconSizes });\n\n  return (\n    <div className={cx(classes.calendarHeader, className)} {...others}>\n      <ActionIcon\n        className={classes.calendarHeaderControl}\n        disabled={!hasPrevious}\n        onClick={onPrevious}\n        aria-label={previousLabel}\n      >\n        <ArrowIcon direction=\"left\" width={iconSize} height={iconSize} />\n      </ActionIcon>\n\n      <UnstyledButton\n        className={classes.calendarHeaderLevel}\n        disabled={nextLevelDisabled}\n        onClick={onNextLevel}\n        tabIndex={preventLevelFocus ? -1 : 0}\n      >\n        <div>{label}</div>\n        {!nextLevelDisabled && (\n          <SelectChevronIcon\n            error={false}\n            size={size}\n            className={classes.calendarHeaderLevelIcon}\n          />\n        )}\n      </UnstyledButton>\n\n      <ActionIcon\n        className={classes.calendarHeaderControl}\n        disabled={!hasNext}\n        onClick={onNext}\n        aria-label={nextLabel}\n      >\n        <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n      </ActionIcon>\n    </div>\n  );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":[],"mappings":"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"}