@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/esm/components/MonthLevel/MonthLevel.js

@@ -0,0 +1,196 @@
+import dayjs from 'dayjs';
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps, Box } from '@mantine/core';
+import useStyles from './MonthLevel.styles.js';
+import { useDatesContext } from '../DatesProvider/use-dates-context.js';
+import { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';
+import { Month } from '../Month/Month.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 defaultProps = {
+  monthLabelFormat: "MMMM YYYY"
+};
+const MonthLevel = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("MonthLevel", defaultProps, props), {
+    month,
+    locale,
+    firstDayOfWeek,
+    weekdayFormat,
+    weekendDays,
+    getDayProps,
+    excludeDate,
+    minDate,
+    maxDate,
+    renderDay,
+    hideOutsideDates,
+    hideWeekdays,
+    getDayAriaLabel,
+    __getDayRef,
+    __onDayKeyDown,
+    __onDayClick,
+    __onDayMouseEnter,
+    withCellSpacing,
+    __preventFocus,
+    __stopPropagation,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled,
+    previousDisabled,
+    hasNextLevel,
+    levelControlAriaLabel,
+    withNext,
+    withPrevious,
+    className,
+    monthLabelFormat,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector,
+    size,
+    variant,
+    static: isStatic
+  } = _a, others = __objRest(_a, [
+    "month",
+    "locale",
+    "firstDayOfWeek",
+    "weekdayFormat",
+    "weekendDays",
+    "getDayProps",
+    "excludeDate",
+    "minDate",
+    "maxDate",
+    "renderDay",
+    "hideOutsideDates",
+    "hideWeekdays",
+    "getDayAriaLabel",
+    "__getDayRef",
+    "__onDayKeyDown",
+    "__onDayClick",
+    "__onDayMouseEnter",
+    "withCellSpacing",
+    "__preventFocus",
+    "__stopPropagation",
+    "nextIcon",
+    "previousIcon",
+    "nextLabel",
+    "previousLabel",
+    "onNext",
+    "onPrevious",
+    "onLevelClick",
+    "nextDisabled",
+    "previousDisabled",
+    "hasNextLevel",
+    "levelControlAriaLabel",
+    "withNext",
+    "withPrevious",
+    "className",
+    "monthLabelFormat",
+    "classNames",
+    "styles",
+    "unstyled",
+    "__staticSelector",
+    "size",
+    "variant",
+    "static"
+  ]);
+  const { classes, cx } = useStyles(null, {
+    name: ["MonthLevel", __staticSelector],
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  });
+  const ctx = useDatesContext();
+  const stylesApiProps = {
+    __staticSelector: __staticSelector || "MonthLevel",
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  };
+  const _nextDisabled = typeof nextDisabled === "boolean" ? nextDisabled : maxDate ? !dayjs(month).endOf("month").isBefore(maxDate) : false;
+  const _previousDisabled = typeof previousDisabled === "boolean" ? previousDisabled : minDate ? !dayjs(month).startOf("month").isAfter(minDate) : false;
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    className: cx(classes.monthLevel, className),
+    "data-month-level": true,
+    ref
+  }, others), /* @__PURE__ */ React.createElement(CalendarHeader, __spreadValues({
+    label: typeof monthLabelFormat === "function" ? monthLabelFormat(month) : dayjs(month).locale(locale || ctx.locale).format(monthLabelFormat),
+    className: classes.calendarHeader,
+    __preventFocus,
+    __stopPropagation,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled: _nextDisabled,
+    previousDisabled: _previousDisabled,
+    hasNextLevel,
+    levelControlAriaLabel,
+    withNext,
+    withPrevious
+  }, stylesApiProps)), /* @__PURE__ */ React.createElement(Month, __spreadValues({
+    month,
+    locale,
+    firstDayOfWeek,
+    weekdayFormat,
+    weekendDays,
+    getDayProps,
+    excludeDate,
+    minDate,
+    maxDate,
+    renderDay,
+    hideOutsideDates,
+    hideWeekdays,
+    getDayAriaLabel,
+    __getDayRef,
+    __onDayKeyDown,
+    __onDayClick,
+    __onDayMouseEnter,
+    __preventFocus,
+    __stopPropagation,
+    static: isStatic,
+    withCellSpacing
+  }, stylesApiProps)));
+});
+MonthLevel.displayName = "@mantine/dates/MonthLevel";
+
+export { MonthLevel };
+//# sourceMappingURL=MonthLevel.js.map

package/esm/components/MonthLevel/MonthLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthLevel.js","sources":["../../../src/components/MonthLevel/MonthLevel.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { Box, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport {\n  CalendarHeader,\n  CalendarHeaderStylesNames,\n  CalendarHeaderSettings,\n} from '../CalendarHeader';\nimport { useDatesContext } from '../DatesProvider';\nimport { Month, MonthSettings, MonthStylesNames } from '../Month';\nimport useStyles from './MonthLevel.styles';\n\nexport type MonthLevelStylesNames =\n  | Selectors<typeof useStyles>\n  | MonthStylesNames\n  | CalendarHeaderStylesNames;\n\nexport interface MonthLevelBaseSettings extends MonthSettings {\n  /** dayjs label format to display month label or a function that returns month label based on month value, defaults to \"MMMM YYYY\" */\n  monthLabelFormat?: string | ((month: Date) => React.ReactNode);\n}\n\nexport interface MonthLevelSettings extends MonthLevelBaseSettings, CalendarHeaderSettings {}\n\nexport interface MonthLevelProps\n  extends DefaultProps<MonthLevelStylesNames>,\n    MonthLevelSettings,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Month that is currently displayed */\n  month: Date;\n\n  /** aria-label for change level control */\n  levelControlAriaLabel?: string;\n\n  /** Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way  */\n  static?: boolean;\n}\n\nconst defaultProps: Partial<MonthLevelProps> = {\n  monthLabelFormat: 'MMMM YYYY',\n};\n\nexport const MonthLevel = forwardRef<HTMLDivElement, MonthLevelProps>((props, ref) => {\n  const {\n    // Month settings\n    month,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getDayProps,\n    excludeDate,\n    minDate,\n    maxDate,\n    renderDay,\n    hideOutsideDates,\n    hideWeekdays,\n    getDayAriaLabel,\n    __getDayRef,\n    __onDayKeyDown,\n    __onDayClick,\n    __onDayMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    __stopPropagation,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    onLevelClick,\n    nextDisabled,\n    previousDisabled,\n    hasNextLevel,\n    levelControlAriaLabel,\n    withNext,\n    withPrevious,\n\n    // Other props\n    className,\n    monthLabelFormat,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    size,\n    variant,\n    static: isStatic,\n    ...others\n  } = useComponentDefaultProps('MonthLevel', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['MonthLevel', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const ctx = useDatesContext();\n\n  const stylesApiProps = {\n    __staticSelector: __staticSelector || 'MonthLevel',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  };\n\n  const _nextDisabled =\n    typeof nextDisabled === 'boolean'\n      ? nextDisabled\n      : maxDate\n      ? !dayjs(month).endOf('month').isBefore(maxDate)\n      : false;\n\n  const _previousDisabled =\n    typeof previousDisabled === 'boolean'\n      ? previousDisabled\n      : minDate\n      ? !dayjs(month).startOf('month').isAfter(minDate)\n      : false;\n\n  return (\n    <Box className={cx(classes.monthLevel, className)} data-month-level ref={ref} {...others}>\n      <CalendarHeader\n        label={\n          typeof monthLabelFormat === 'function'\n            ? monthLabelFormat(month)\n            : dayjs(month)\n                .locale(locale || ctx.locale)\n                .format(monthLabelFormat)\n        }\n        className={classes.calendarHeader}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        nextIcon={nextIcon}\n        previousIcon={previousIcon}\n        nextLabel={nextLabel}\n        previousLabel={previousLabel}\n        onNext={onNext}\n        onPrevious={onPrevious}\n        onLevelClick={onLevelClick}\n        nextDisabled={_nextDisabled}\n        previousDisabled={_previousDisabled}\n        hasNextLevel={hasNextLevel}\n        levelControlAriaLabel={levelControlAriaLabel}\n        withNext={withNext}\n        withPrevious={withPrevious}\n        {...stylesApiProps}\n      />\n\n      <Month\n        month={month}\n        locale={locale}\n        firstDayOfWeek={firstDayOfWeek}\n        weekdayFormat={weekdayFormat}\n        weekendDays={weekendDays}\n        getDayProps={getDayProps}\n        excludeDate={excludeDate}\n        minDate={minDate}\n        maxDate={maxDate}\n        renderDay={renderDay}\n        hideOutsideDates={hideOutsideDates}\n        hideWeekdays={hideWeekdays}\n        getDayAriaLabel={getDayAriaLabel}\n        __getDayRef={__getDayRef}\n        __onDayKeyDown={__onDayKeyDown}\n        __onDayClick={__onDayClick}\n        __onDayMouseEnter={__onDayMouseEnter}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        static={isStatic}\n        withCellSpacing={withCellSpacing}\n        {...stylesApiProps}\n      />\n    </Box>\n  );\n});\n\nMonthLevel.displayName = '@mantine/dates/MonthLevel';\n"],"names":[],"mappings":"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"}

package/esm/components/MonthLevel/MonthLevel.styles.js

@@ -0,0 +1,11 @@
+import { createStyles } from '@mantine/core';
+
+var useStyles = createStyles((theme) => ({
+  monthLevel: {},
+  calendarHeader: {
+    marginBottom: theme.spacing.xs
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=MonthLevel.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthLevel.styles.js","sources":["../../../src/components/MonthLevel/MonthLevel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  monthLevel: {},\n\n  calendarHeader: {\n    marginBottom: theme.spacing.xs,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,UAAU,EAAE,EAAE;AAChB,EAAE,cAAc,EAAE;AAClB,IAAI,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/MonthLevelGroup/MonthLevelGroup.js

@@ -0,0 +1,200 @@
+import React, { forwardRef, useRef } from 'react';
+import { useComponentDefaultProps, Box } from '@mantine/core';
+import dayjs from 'dayjs';
+import useStyles from './MonthLevelGroup.styles.js';
+import { MonthLevel } from '../MonthLevel/MonthLevel.js';
+import { handleControlKeyDown } from '../../utils/handle-control-key-down.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 defaultProps = {
+  numberOfColumns: 1
+};
+const MonthLevelGroup = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("MonthLevelGroup", defaultProps, props), {
+    month,
+    locale,
+    firstDayOfWeek,
+    weekdayFormat,
+    weekendDays,
+    getDayProps,
+    excludeDate,
+    minDate,
+    maxDate,
+    renderDay,
+    hideOutsideDates,
+    hideWeekdays,
+    getDayAriaLabel,
+    __onDayClick,
+    __onDayMouseEnter,
+    withCellSpacing,
+    __preventFocus,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled,
+    previousDisabled,
+    hasNextLevel,
+    className,
+    classNames,
+    styles,
+    unstyled,
+    numberOfColumns,
+    levelControlAriaLabel,
+    monthLabelFormat,
+    __staticSelector,
+    __stopPropagation,
+    size,
+    variant,
+    static: isStatic
+  } = _a, others = __objRest(_a, [
+    "month",
+    "locale",
+    "firstDayOfWeek",
+    "weekdayFormat",
+    "weekendDays",
+    "getDayProps",
+    "excludeDate",
+    "minDate",
+    "maxDate",
+    "renderDay",
+    "hideOutsideDates",
+    "hideWeekdays",
+    "getDayAriaLabel",
+    "__onDayClick",
+    "__onDayMouseEnter",
+    "withCellSpacing",
+    "__preventFocus",
+    "nextIcon",
+    "previousIcon",
+    "nextLabel",
+    "previousLabel",
+    "onNext",
+    "onPrevious",
+    "onLevelClick",
+    "nextDisabled",
+    "previousDisabled",
+    "hasNextLevel",
+    "className",
+    "classNames",
+    "styles",
+    "unstyled",
+    "numberOfColumns",
+    "levelControlAriaLabel",
+    "monthLabelFormat",
+    "__staticSelector",
+    "__stopPropagation",
+    "size",
+    "variant",
+    "static"
+  ]);
+  const { classes, cx } = useStyles(null, {
+    name: ["MonthLevelGroup", __staticSelector],
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  });
+  const daysRefs = useRef([]);
+  const months = Array(numberOfColumns).fill(0).map((_, monthIndex) => {
+    const currentMonth = dayjs(month).add(monthIndex, "months").toDate();
+    return /* @__PURE__ */ React.createElement(MonthLevel, {
+      key: monthIndex,
+      month: currentMonth,
+      withNext: monthIndex === numberOfColumns - 1,
+      withPrevious: monthIndex === 0,
+      monthLabelFormat,
+      __stopPropagation,
+      __onDayClick,
+      __onDayMouseEnter,
+      __onDayKeyDown: (event, payload) => handleControlKeyDown({
+        index: monthIndex,
+        event,
+        payload,
+        controlsRef: daysRefs,
+        numberOfColumns,
+        controlsPerRow: 7
+      }),
+      __getDayRef: (rowIndex, cellIndex, node) => {
+        if (!Array.isArray(daysRefs.current[monthIndex])) {
+          daysRefs.current[monthIndex] = [];
+        }
+        if (!Array.isArray(daysRefs.current[monthIndex][rowIndex])) {
+          daysRefs.current[monthIndex][rowIndex] = [];
+        }
+        daysRefs.current[monthIndex][rowIndex][cellIndex] = node;
+      },
+      levelControlAriaLabel: typeof levelControlAriaLabel === "function" ? levelControlAriaLabel(currentMonth) : levelControlAriaLabel,
+      locale,
+      firstDayOfWeek,
+      weekdayFormat,
+      weekendDays,
+      getDayProps,
+      excludeDate,
+      minDate,
+      maxDate,
+      renderDay,
+      hideOutsideDates,
+      hideWeekdays,
+      getDayAriaLabel,
+      __preventFocus,
+      nextIcon,
+      previousIcon,
+      nextLabel,
+      previousLabel,
+      onNext,
+      onPrevious,
+      onLevelClick,
+      nextDisabled,
+      previousDisabled,
+      hasNextLevel,
+      classNames,
+      styles,
+      unstyled,
+      __staticSelector: __staticSelector || "MonthLevelGroup",
+      size,
+      variant,
+      static: isStatic,
+      withCellSpacing
+    });
+  });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    className: cx(classes.monthLevelGroup, className),
+    ref
+  }, others), months);
+});
+MonthLevelGroup.displayName = "@mantine/dates/MonthLevelGroup";
+
+export { MonthLevelGroup };
+//# sourceMappingURL=MonthLevelGroup.js.map

package/esm/components/MonthLevelGroup/MonthLevelGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthLevelGroup.js","sources":["../../../src/components/MonthLevelGroup/MonthLevelGroup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { DefaultProps, Box, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { MonthLevel, MonthLevelStylesNames, MonthLevelSettings } from '../MonthLevel';\nimport { handleControlKeyDown } from '../../utils';\nimport useStyles from './MonthLevelGroup.styles';\n\nexport type MonthLevelGroupStylesNames = Selectors<typeof useStyles> | MonthLevelStylesNames;\n\nexport interface MonthLevelGroupProps\n  extends DefaultProps<MonthLevelGroupStylesNames>,\n    Omit<MonthLevelSettings, 'withPrevious' | 'withNext' | '__onDayKeyDown' | '__getDayRef'>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Number of columns to render next to each other */\n  numberOfColumns?: number;\n\n  /** Month that is currently displayed */\n  month: Date;\n\n  /** Function that returns level control aria-label based on month date */\n  levelControlAriaLabel?: ((month: Date) => string) | string;\n\n  /** Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way  */\n  static?: boolean;\n}\n\nconst defaultProps: Partial<MonthLevelGroupProps> = {\n  numberOfColumns: 1,\n};\n\nexport const MonthLevelGroup = forwardRef<HTMLDivElement, MonthLevelGroupProps>((props, ref) => {\n  const {\n    // Month settings\n    month,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    weekendDays,\n    getDayProps,\n    excludeDate,\n    minDate,\n    maxDate,\n    renderDay,\n    hideOutsideDates,\n    hideWeekdays,\n    getDayAriaLabel,\n    __onDayClick,\n    __onDayMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    onLevelClick,\n    nextDisabled,\n    previousDisabled,\n    hasNextLevel,\n\n    // Other settings\n    className,\n    classNames,\n    styles,\n    unstyled,\n    numberOfColumns,\n    levelControlAriaLabel,\n    monthLabelFormat,\n    __staticSelector,\n    __stopPropagation,\n    size,\n    variant,\n    static: isStatic,\n    ...others\n  } = useComponentDefaultProps('MonthLevelGroup', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['MonthLevelGroup', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const daysRefs = useRef<HTMLButtonElement[][][]>([]);\n\n  const months = Array(numberOfColumns)\n    .fill(0)\n    .map((_, monthIndex) => {\n      const currentMonth = dayjs(month).add(monthIndex, 'months').toDate();\n\n      return (\n        <MonthLevel\n          key={monthIndex}\n          month={currentMonth}\n          withNext={monthIndex === numberOfColumns - 1}\n          withPrevious={monthIndex === 0}\n          monthLabelFormat={monthLabelFormat}\n          __stopPropagation={__stopPropagation}\n          __onDayClick={__onDayClick}\n          __onDayMouseEnter={__onDayMouseEnter}\n          __onDayKeyDown={(event, payload) =>\n            handleControlKeyDown({\n              index: monthIndex,\n              event,\n              payload,\n              controlsRef: daysRefs,\n              numberOfColumns,\n              controlsPerRow: 7,\n            })\n          }\n          __getDayRef={(rowIndex, cellIndex, node) => {\n            if (!Array.isArray(daysRefs.current[monthIndex])) {\n              daysRefs.current[monthIndex] = [];\n            }\n\n            if (!Array.isArray(daysRefs.current[monthIndex][rowIndex])) {\n              daysRefs.current[monthIndex][rowIndex] = [];\n            }\n\n            daysRefs.current[monthIndex][rowIndex][cellIndex] = node;\n          }}\n          levelControlAriaLabel={\n            typeof levelControlAriaLabel === 'function'\n              ? levelControlAriaLabel(currentMonth)\n              : levelControlAriaLabel\n          }\n          locale={locale}\n          firstDayOfWeek={firstDayOfWeek}\n          weekdayFormat={weekdayFormat}\n          weekendDays={weekendDays}\n          getDayProps={getDayProps}\n          excludeDate={excludeDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          renderDay={renderDay}\n          hideOutsideDates={hideOutsideDates}\n          hideWeekdays={hideWeekdays}\n          getDayAriaLabel={getDayAriaLabel}\n          __preventFocus={__preventFocus}\n          nextIcon={nextIcon}\n          previousIcon={previousIcon}\n          nextLabel={nextLabel}\n          previousLabel={previousLabel}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          onLevelClick={onLevelClick}\n          nextDisabled={nextDisabled}\n          previousDisabled={previousDisabled}\n          hasNextLevel={hasNextLevel}\n          classNames={classNames}\n          styles={styles}\n          unstyled={unstyled}\n          __staticSelector={__staticSelector || 'MonthLevelGroup'}\n          size={size}\n          variant={variant}\n          static={isStatic}\n          withCellSpacing={withCellSpacing}\n        />\n      );\n    });\n\n  return (\n    <Box className={cx(classes.monthLevelGroup, className)} ref={ref} {...others}>\n      {months}\n    </Box>\n  );\n});\n\nMonthLevelGroup.displayName = '@mantine/dates/MonthLevelGroup';\n"],"names":[],"mappings":"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"}

package/esm/components/MonthLevelGroup/MonthLevelGroup.styles.js

@@ -0,0 +1,13 @@
+import { createStyles, getSize } from '@mantine/core';
+
+var useStyles = createStyles((theme, _, { size }) => ({
+  monthLevelGroup: {
+    display: "flex",
+    "& [data-month-level]:not(:last-of-type)": {
+      marginRight: getSize({ size, sizes: theme.spacing })
+    }
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=MonthLevelGroup.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthLevelGroup.styles.js","sources":["../../../src/components/MonthLevelGroup/MonthLevelGroup.styles.ts"],"sourcesContent":["import { createStyles, getSize } from '@mantine/core';\n\nexport default createStyles((theme, _, { size }) => ({\n  monthLevelGroup: {\n    display: 'flex',\n\n    '& [data-month-level]:not(:last-of-type)': {\n      marginRight: getSize({ size, sizes: theme.spacing }),\n    },\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AACrD,EAAE,eAAe,EAAE;AACnB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,yCAAyC,EAAE;AAC/C,MAAM,WAAW,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1D,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/MonthPicker/MonthPicker.js

@@ -0,0 +1,88 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } from '@mantine/core';
+import { useDatesState } from '../../hooks/use-dates-state/use-dates-state.js';
+import { Calendar } from '../Calendar/Calendar.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 defaultProps = {
+  type: "default"
+};
+const MonthPicker = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("MonthPicker", defaultProps, props), {
+    type,
+    defaultValue,
+    value,
+    onChange,
+    __staticSelector,
+    getMonthControlProps,
+    allowSingleDateInRange,
+    allowDeselect,
+    onMouseLeave,
+    onMonthSelect
+  } = _a, others = __objRest(_a, [
+    "type",
+    "defaultValue",
+    "value",
+    "onChange",
+    "__staticSelector",
+    "getMonthControlProps",
+    "allowSingleDateInRange",
+    "allowDeselect",
+    "onMouseLeave",
+    "onMonthSelect"
+  ]);
+  const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({
+    type,
+    level: "month",
+    allowDeselect,
+    allowSingleDateInRange,
+    value,
+    defaultValue,
+    onChange,
+    onMouseLeave
+  });
+  return /* @__PURE__ */ React.createElement(Calendar, __spreadValues({
+    ref,
+    minLevel: "year",
+    __updateDateOnMonthSelect: false,
+    __staticSelector: __staticSelector || "MonthPicker",
+    onMouseLeave: onRootMouseLeave,
+    onMonthMouseEnter: (_event, date) => onHoveredDateChange(date),
+    onMonthSelect: (date) => {
+      onDateChange(date);
+      onMonthSelect == null ? void 0 : onMonthSelect(date);
+    },
+    getMonthControlProps: (date) => __spreadValues(__spreadValues({}, getControlProps(date)), getMonthControlProps == null ? void 0 : getMonthControlProps(date))
+  }, others));
+});
+MonthPicker.displayName = "@mantine/dates/MonthPicker";
+
+export { MonthPicker };
+//# sourceMappingURL=MonthPicker.js.map

package/esm/components/MonthPicker/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { DecadeLevelBaseSettings } from '../DecadeLevel';\nimport { YearLevelBaseSettings } from '../YearLevel';\nimport { PickerBaseProps, DatePickerType, CalendarLevel } from '../../types';\nimport { Calendar, CalendarBaseProps, CalendarSystemProps } from '../Calendar';\n\ntype MonthPickerLevel = Exclude<CalendarLevel, 'month'>;\n\nexport interface MonthPickerBaseProps<Type extends DatePickerType = 'default'>\n  extends PickerBaseProps<Type>,\n    DecadeLevelBaseSettings,\n    YearLevelBaseSettings,\n    Omit<CalendarBaseProps, 'onNextMonth' | 'onPreviousMonth'> {\n  /** Max level that user can go up to (decade, year), defaults to decade */\n  maxLevel?: MonthPickerLevel;\n\n  /** Initial level displayed to the user (decade, year, month), used for uncontrolled component */\n  defaultLevel?: MonthPickerLevel;\n\n  /** Current level displayed to the user (decade, year, month), used for controlled component */\n  level?: MonthPickerLevel;\n\n  /** Called when level changes */\n  onLevelChange?(level: MonthPickerLevel): void;\n}\n\nexport interface MonthPickerProps<Type extends DatePickerType = 'default'>\n  extends MonthPickerBaseProps<Type>,\n    CalendarSystemProps {}\n\nconst defaultProps: Partial<MonthPickerProps> = {\n  type: 'default',\n};\n\ntype MonthPickerComponent = (<Type extends DatePickerType = 'default'>(\n  props: MonthPickerProps<Type>\n) => JSX.Element) & { displayName?: string };\n\nexport const MonthPicker: MonthPickerComponent = forwardRef(\n  <Type extends DatePickerType = 'default'>(\n    props: MonthPickerProps<Type>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const {\n      type,\n      defaultValue,\n      value,\n      onChange,\n      __staticSelector,\n      getMonthControlProps,\n      allowSingleDateInRange,\n      allowDeselect,\n      onMouseLeave,\n      onMonthSelect,\n      ...others\n    } = useComponentDefaultProps('MonthPicker', defaultProps, props as any);\n\n    const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } =\n      useDatesState<Type>({\n        type,\n        level: 'month',\n        allowDeselect,\n        allowSingleDateInRange,\n        value,\n        defaultValue,\n        onChange,\n        onMouseLeave,\n      });\n\n    return (\n      <Calendar\n        ref={ref}\n        minLevel=\"year\"\n        __updateDateOnMonthSelect={false}\n        __staticSelector={__staticSelector || 'MonthPicker'}\n        onMouseLeave={onRootMouseLeave}\n        onMonthMouseEnter={(_event, date) => onHoveredDateChange(date)}\n        onMonthSelect={(date) => {\n          onDateChange(date);\n          onMonthSelect?.(date);\n        }}\n        getMonthControlProps={(date) => ({\n          ...getControlProps(date),\n          ...getMonthControlProps?.(date),\n        })}\n        {...others}\n      />\n    );\n  }\n);\n\nMonthPicker.displayName = '@mantine/dates/MonthPicker';\n"],"names":[],"mappings":"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"}