@mantine/dates 3.3.3 → 3.4.1

package/esm/components/Month/Month.js

@@ -1,10 +1,10 @@
-import React, { useRef, useEffect } from 'react';
-import { useExtractedMargins, useMantineTheme, Text } from '@mantine/core';
+import React, { forwardRef } from 'react';
+import { Text, Box } from '@mantine/core';
 import { upperFirst } from '@mantine/hooks';
 import dayjs from 'dayjs';
 import { getMonthDays } from '../../utils/get-month-days/get-month-days.js';
 import { getWeekdaysNames } from '../../utils/get-weekdays-names/get-weekdays-names.js';
-import { isSameMonth } from '../../utils/is-same-month/is-same-month.js';
+import { isSameDate } from '../../utils/is-same-date/is-same-date.js';
 import { Day } from './Day/Day.js';
 import { getDayProps } from './get-day-props/get-day-props.js';
 import useStyles from './Month.styles.js';
@@ -39,19 +39,16 @@ var __objRest = (source, exclude) => {
 };
 const noop = () => {
 };
-function Month(_a) {
+const Month = forwardRef((_a, ref) => {
   var _b = _a, {
     className,
-    style,
     month,
     value,
     onChange,
-    autoFocus = false,
     disableOutsideEvents = false,
     locale,
     dayClassName,
     dayStyle,
-    disableOutsideDayStyle = false,
     classNames,
     styles,
     minDate,
@@ -64,20 +61,20 @@ function Month(_a) {
     size = "sm",
     fullWidth = false,
     preventFocus = false,
-    sx,
-    firstDayOfWeek = "monday"
+    focusable = true,
+    firstDayOfWeek = "monday",
+    onDayKeyDown,
+    daysRefs,
+    hideOutsideDates = false
   } = _b, others = __objRest(_b, [
     "className",
-    "style",
     "month",
     "value",
     "onChange",
-    "autoFocus",
     "disableOutsideEvents",
     "locale",
     "dayClassName",
     "dayStyle",
-    "disableOutsideDayStyle",
     "classNames",
     "styles",
     "minDate",
@@ -90,51 +87,15 @@ function Month(_a) {
     "size",
     "fullWidth",
     "preventFocus",
-    "sx",
-    "firstDayOfWeek"
+    "focusable",
+    "firstDayOfWeek",
+    "onDayKeyDown",
+    "daysRefs",
+    "hideOutsideDates"
   ]);
-  const { classes, cx } = useStyles({ fullWidth }, { sx, classNames, styles, name: __staticSelector });
-  const { mergedStyles, rest } = useExtractedMargins({ others, style });
-  const theme = useMantineTheme();
+  const { classes, cx, theme } = useStyles({ fullWidth }, { classNames, styles, name: __staticSelector });
   const finalLocale = locale || theme.datesLocale;
-  const daysRefs = useRef({});
   const days = getMonthDays(month, firstDayOfWeek);
-  const focusDay = (date, diff) => {
-    const offset = new Date(date);
-    offset.setDate(date.getDate() + diff);
-    if (offset.toISOString() in daysRefs.current) {
-      if (!(!isSameMonth(month, offset) && disableOutsideEvents)) {
-        daysRefs.current[offset.toISOString()].focus();
-      }
-    }
-  };
-  const handleKeyDown = (currentDate, event) => {
-    const { code } = event.nativeEvent;
-    if (code === "ArrowUp") {
-      event.preventDefault();
-      focusDay(currentDate, -7);
-    }
-    if (code === "ArrowDown") {
-      event.preventDefault();
-      focusDay(currentDate, 7);
-    }
-    if (code === "ArrowRight") {
-      event.preventDefault();
-      currentDate.getDay() !== 0 && focusDay(currentDate, 1);
-    }
-    if (code === "ArrowLeft") {
-      event.preventDefault();
-      currentDate.getDay() !== 1 && focusDay(currentDate, -1);
-    }
-  };
-  useEffect(() => {
-    if (autoFocus) {
-      const date = new Date(month.getFullYear(), month.getMonth(), value ? value.getDate() : 1).toISOString();
-      if (date in daysRefs.current) {
-        daysRefs.current[date].focus();
-      }
-    }
-  }, []);
   const weekdays = getWeekdaysNames(finalLocale, firstDayOfWeek).map((weekday) => /* @__PURE__ */ React.createElement("th", {
     className: classes.weekdayCell,
     key: weekday
@@ -157,46 +118,54 @@ function Month(_a) {
         disableOutsideEvents,
         range
       });
-      const withoutStylesOutsideMonth = disableOutsideDayStyle && dayProps.outside;
+      const onKeyDownPayload = { rowIndex, cellIndex, date };
       return /* @__PURE__ */ React.createElement("td", {
         className: classes.cell,
         key: cellIndex
       }, /* @__PURE__ */ React.createElement(Day, {
         ref: (button) => {
-          daysRefs.current[date.toISOString()] = button;
+          if (daysRefs) {
+            if (!Array.isArray(daysRefs[rowIndex])) {
+              daysRefs[rowIndex] = [];
+            }
+            daysRefs[rowIndex][cellIndex] = button;
+          }
         },
         onClick: () => typeof onChange === "function" && onChange(date),
         onMouseDown: (event) => preventFocus && event.preventDefault(),
         value: date,
         outside: dayProps.outside,
         weekend: dayProps.weekend,
-        inRange: dayProps.inRange && !withoutStylesOutsideMonth,
+        inRange: dayProps.inRange,
         firstInRange: dayProps.firstInRange,
         lastInRange: dayProps.lastInRange,
-        firstInMonth: cellIndex === 0 && rowIndex === 0,
-        selected: (dayProps.selected || dayProps.selectedInRange) && !withoutStylesOutsideMonth,
+        firstInMonth: hideOutsideDates ? isSameDate(date, dayjs(month).startOf("month").toDate()) : cellIndex === 0 && rowIndex === 0,
+        selected: dayProps.selected || dayProps.selectedInRange,
         hasValue: hasValueInMonthRange,
-        onKeyDown: handleKeyDown,
+        onKeyDown: (event) => typeof onDayKeyDown === "function" && onDayKeyDown(onKeyDownPayload, event),
         className: typeof dayClassName === "function" ? dayClassName(date, dayProps) : null,
         style: typeof dayStyle === "function" ? dayStyle(date, dayProps) : null,
-        styles,
-        classNames,
         disabled: dayProps.disabled,
-        __staticSelector,
         onMouseEnter: typeof onDayMouseEnter === "function" ? onDayMouseEnter : noop,
         size,
-        fullWidth
+        fullWidth,
+        focusable,
+        hideOutsideDates,
+        __staticSelector,
+        styles,
+        classNames
       }));
     });
     return /* @__PURE__ */ React.createElement("tr", {
       key: rowIndex
     }, cells);
   });
-  return /* @__PURE__ */ React.createElement("table", __spreadValues({
-    className: cx(classes.root, className),
-    style: mergedStyles
-  }, rest), !hideWeekdays && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, weekdays)), /* @__PURE__ */ React.createElement("tbody", null, rows));
-}
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    component: "table",
+    className: cx(classes.month, className),
+    ref
+  }, others), !hideWeekdays && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, weekdays)), /* @__PURE__ */ React.createElement("tbody", null, rows));
+});
 Month.displayName = "@mantine/core/Month";
 
 export { Month };

package/esm/components/Month/Month.js.map

@@ -1 +1 @@
-{"version":3,"file":"Month.js","sources":["../../../src/components/Month/Month.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  DefaultProps,\n  Text,\n  MantineSize,\n  ClassNames,\n  useExtractedMargins,\n  useMantineTheme,\n} from '@mantine/core';\nimport { upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { FirstDayOfWeek } from '../../types';\nimport { getMonthDays, isSameMonth, getWeekdaysNames } from '../../utils';\nimport { Day, DayStylesNames } from './Day/Day';\nimport { getDayProps, DayModifiers } from './get-day-props/get-day-props';\nimport useStyles from './Month.styles';\n\nexport interface MonthSettings {\n  /** Adds className to day button based on date and modifiers */\n  dayClassName?(date: Date, modifiers: DayModifiers): string;\n\n  /** Adds style to day button based on date and modifiers */\n  dayStyle?(date: Date, modifiers: DayModifiers): React.CSSProperties;\n\n  /** When true dates that are outside of given month are not styled */\n  disableOutsideDayStyle?: boolean;\n\n  /** When true dates that are outside of given month cannot be clicked or focused */\n  disableOutsideEvents?: boolean;\n\n  /** Minimum possible date */\n  minDate?: Date;\n\n  /** Maximum possible date */\n  maxDate?: Date;\n\n  /** Callback function to determine if day should be disabled */\n  excludeDate?(date: Date): boolean;\n\n  /** Set to false to remove weekdays row */\n  hideWeekdays?: boolean;\n\n  /** Controls month days font-size and height */\n  size?: MantineSize;\n\n  /** Set to true to make calendar take 100% of container width */\n  fullWidth?: boolean;\n\n  /** Prevent focusing upon clicking */\n  preventFocus?: boolean;\n}\n\nexport type MonthStylesNames = ClassNames<typeof useStyles> | DayStylesNames;\n\nexport interface MonthProps\n  extends DefaultProps<MonthStylesNames>,\n    MonthSettings,\n    Omit<React.ComponentPropsWithoutRef<'table'>, 'onChange' | 'value'> {\n  /** Date at which month should be shown */\n  month: Date;\n\n  /** Locale is used to get weekdays names with dayjs format */\n  locale?: string;\n\n  /** Selected date */\n  value?: Date;\n\n  /** Selected range */\n  range?: [Date, Date];\n\n  /** Autofocus selected date on mount, if no date is selected autofocus is applied to first month day */\n  autoFocus?: boolean;\n\n  /** Called when day is selected */\n  onChange?(value: Date): void;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Called when onMouseEnter event fired on day button */\n  onDayMouseEnter?(date: Date, event: React.MouseEvent): void;\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n}\n\nconst noop = () => {};\n\nexport function Month({\n  className,\n  style,\n  month,\n  value,\n  onChange,\n  autoFocus = false,\n  disableOutsideEvents = false,\n  locale,\n  dayClassName,\n  dayStyle,\n  disableOutsideDayStyle = false,\n  classNames,\n  styles,\n  minDate,\n  maxDate,\n  excludeDate,\n  onDayMouseEnter,\n  range,\n  hideWeekdays = false,\n  __staticSelector = 'Month',\n  size = 'sm',\n  fullWidth = false,\n  preventFocus = false,\n  sx,\n  firstDayOfWeek = 'monday',\n  ...others\n}: MonthProps) {\n  const { classes, cx } = useStyles(\n    { fullWidth },\n    { sx, classNames, styles, name: __staticSelector }\n  );\n  const { mergedStyles, rest } = useExtractedMargins({ others, style });\n  const theme = useMantineTheme();\n  const finalLocale = locale || theme.datesLocale;\n  const daysRefs = useRef<Record<string, HTMLButtonElement>>({});\n  const days = getMonthDays(month, firstDayOfWeek);\n\n  const focusDay = (date: Date, diff: number) => {\n    const offset = new Date(date);\n    offset.setDate(date.getDate() + diff);\n\n    if (offset.toISOString() in daysRefs.current) {\n      if (!(!isSameMonth(month, offset) && disableOutsideEvents)) {\n        daysRefs.current[offset.toISOString()].focus();\n      }\n    }\n  };\n\n  const handleKeyDown = (currentDate: Date, event: React.KeyboardEvent) => {\n    const { code } = event.nativeEvent;\n\n    if (code === 'ArrowUp') {\n      event.preventDefault();\n      focusDay(currentDate, -7);\n    }\n\n    if (code === 'ArrowDown') {\n      event.preventDefault();\n      focusDay(currentDate, 7);\n    }\n\n    if (code === 'ArrowRight') {\n      event.preventDefault();\n      currentDate.getDay() !== 0 && focusDay(currentDate, 1);\n    }\n\n    if (code === 'ArrowLeft') {\n      event.preventDefault();\n      currentDate.getDay() !== 1 && focusDay(currentDate, -1);\n    }\n  };\n\n  useEffect(() => {\n    if (autoFocus) {\n      const date = new Date(\n        month.getFullYear(),\n        month.getMonth(),\n        value ? value.getDate() : 1\n      ).toISOString();\n\n      if (date in daysRefs.current) {\n        daysRefs.current[date].focus();\n      }\n    }\n  }, []);\n\n  const weekdays = getWeekdaysNames(finalLocale, firstDayOfWeek).map((weekday) => (\n    <th className={classes.weekdayCell} key={weekday}>\n      <Text size={size} className={classes.weekday}>\n        {upperFirst(weekday)}\n      </Text>\n    </th>\n  ));\n\n  const hasValue = value instanceof Date;\n  const hasValueInMonthRange =\n    hasValue &&\n    dayjs(value).isAfter(dayjs(month).startOf('month')) &&\n    dayjs(value).isBefore(dayjs(month).endOf('month'));\n\n  const rows = days.map((row, rowIndex) => {\n    const cells = row.map((date, cellIndex) => {\n      const dayProps = getDayProps({\n        date,\n        month,\n        hasValue,\n        minDate,\n        maxDate,\n        value,\n        excludeDate,\n        disableOutsideEvents,\n        range,\n      });\n\n      const withoutStylesOutsideMonth = disableOutsideDayStyle && dayProps.outside;\n\n      return (\n        <td className={classes.cell} key={cellIndex}>\n          <Day\n            ref={(button) => {\n              daysRefs.current[date.toISOString()] = button;\n            }}\n            onClick={() => typeof onChange === 'function' && onChange(date)}\n            onMouseDown={(event) => preventFocus && event.preventDefault()}\n            value={date}\n            outside={dayProps.outside}\n            weekend={dayProps.weekend}\n            inRange={dayProps.inRange && !withoutStylesOutsideMonth}\n            firstInRange={dayProps.firstInRange}\n            lastInRange={dayProps.lastInRange}\n            firstInMonth={cellIndex === 0 && rowIndex === 0}\n            selected={(dayProps.selected || dayProps.selectedInRange) && !withoutStylesOutsideMonth}\n            hasValue={hasValueInMonthRange}\n            onKeyDown={handleKeyDown}\n            className={typeof dayClassName === 'function' ? dayClassName(date, dayProps) : null}\n            style={typeof dayStyle === 'function' ? dayStyle(date, dayProps) : null}\n            styles={styles}\n            classNames={classNames}\n            disabled={dayProps.disabled}\n            __staticSelector={__staticSelector}\n            onMouseEnter={typeof onDayMouseEnter === 'function' ? onDayMouseEnter : noop}\n            size={size}\n            fullWidth={fullWidth}\n          />\n        </td>\n      );\n    });\n\n    return <tr key={rowIndex}>{cells}</tr>;\n  });\n\n  return (\n    <table className={cx(classes.root, className)} style={mergedStyles} {...rest}>\n      {!hideWeekdays && (\n        <thead>\n          <tr>{weekdays}</tr>\n        </thead>\n      )}\n      <tbody>{rows}</tbody>\n    </table>\n  );\n}\n\nMonth.displayName = '@mantine/core/Month';\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;AAaF,MAAM,IAAI,GAAG,MAAM;AACnB,CAAC,CAAC;AACK,SAAS,KAAK,CAAC,EAAE,EAAE;AAC1B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,oBAAoB,GAAG,KAAK;AAChC,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,sBAAsB,GAAG,KAAK;AAClC,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,KAAK;AACT,IAAI,YAAY,GAAG,KAAK;AACxB,IAAI,gBAAgB,GAAG,OAAO;AAC9B,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,YAAY,GAAG,KAAK;AACxB,IAAI,EAAE;AACN,IAAI,cAAc,GAAG,QAAQ;AAC7B,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,sBAAsB;AAC1B,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,wBAAwB;AAC5B,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,iBAAiB;AACrB,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACvG,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxE,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,WAAW,GAAG,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC;AAClD,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AAC9B,EAAE,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AACnD,EAAE,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK;AACnC,IAAI,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;AAClC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;AAC1C,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClD,MAAM,IAAI,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,oBAAoB,CAAC,EAAE;AAClE,QAAQ,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;AACvD,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK;AAChD,IAAI,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC;AACvC,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;AAC5B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,IAAI,IAAI,KAAK,WAAW,EAAE;AAC9B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC/B,KAAK;AACL,IAAI,IAAI,IAAI,KAAK,YAAY,EAAE;AAC/B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC7D,KAAK;AACL,IAAI,IAAI,IAAI,KAAK,WAAW,EAAE;AAC9B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,SAAS,EAAE;AACnB,MAAM,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAC9G,MAAM,IAAI,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpC,QAAQ,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;AACvC,OAAO;AACP,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,qBAAqB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC5H,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,GAAG,EAAE,OAAO;AAChB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,IAAI;AACR,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5B,EAAE,MAAM,QAAQ,GAAG,KAAK,YAAY,IAAI,CAAC;AACzC,EAAE,MAAM,oBAAoB,GAAG,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACrJ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK;AAC3C,IAAI,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK;AAC/C,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;AACnC,QAAQ,IAAI;AACZ,QAAQ,KAAK;AACb,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,KAAK;AACb,QAAQ,WAAW;AACnB,QAAQ,oBAAoB;AAC5B,QAAQ,KAAK;AACb,OAAO,CAAC,CAAC;AACT,MAAM,MAAM,yBAAyB,GAAG,sBAAsB,IAAI,QAAQ,CAAC,OAAO,CAAC;AACnF,MAAM,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,QAAQ,SAAS,EAAE,OAAO,CAAC,IAAI;AAC/B,QAAQ,GAAG,EAAE,SAAS;AACtB,OAAO,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAClD,QAAQ,GAAG,EAAE,CAAC,MAAM,KAAK;AACzB,UAAU,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC;AACxD,SAAS;AACT,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ,KAAK,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC;AACvE,QAAQ,WAAW,EAAE,CAAC,KAAK,KAAK,YAAY,IAAI,KAAK,CAAC,cAAc,EAAE;AACtE,QAAQ,KAAK,EAAE,IAAI;AACnB,QAAQ,OAAO,EAAE,QAAQ,CAAC,OAAO;AACjC,QAAQ,OAAO,EAAE,QAAQ,CAAC,OAAO;AACjC,QAAQ,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,CAAC,yBAAyB;AAC/D,QAAQ,YAAY,EAAE,QAAQ,CAAC,YAAY;AAC3C,QAAQ,WAAW,EAAE,QAAQ,CAAC,WAAW;AACzC,QAAQ,YAAY,EAAE,SAAS,KAAK,CAAC,IAAI,QAAQ,KAAK,CAAC;AACvD,QAAQ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,eAAe,KAAK,CAAC,yBAAyB;AAC/F,QAAQ,QAAQ,EAAE,oBAAoB;AACtC,QAAQ,SAAS,EAAE,aAAa;AAChC,QAAQ,SAAS,EAAE,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAI;AAC3F,QAAQ,KAAK,EAAE,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAI;AAC/E,QAAQ,MAAM;AACd,QAAQ,UAAU;AAClB,QAAQ,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AACnC,QAAQ,gBAAgB;AACxB,QAAQ,YAAY,EAAE,OAAO,eAAe,KAAK,UAAU,GAAG,eAAe,GAAG,IAAI;AACpF,QAAQ,IAAI;AACZ,QAAQ,SAAS;AACjB,OAAO,CAAC,CAAC,CAAC;AACV,KAAK,CAAC,CAAC;AACP,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACrD,MAAM,GAAG,EAAE,QAAQ;AACnB,KAAK,EAAE,KAAK,CAAC,CAAC;AACd,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACrE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,KAAK,EAAE,YAAY;AACvB,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,YAAY,oBAAoB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AACtM,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Month.js","sources":["../../../src/components/Month/Month.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Text, Box, MantineSize, ClassNames } from '@mantine/core';\nimport { upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { FirstDayOfWeek } from '../../types';\nimport { getMonthDays, getWeekdaysNames, isSameDate } from '../../utils';\nimport { Day, DayStylesNames } from './Day/Day';\nimport { getDayProps } from './get-day-props/get-day-props';\nimport { DayKeydownPayload, DayModifiers } from './types';\nimport useStyles from './Month.styles';\n\nexport interface MonthSettings {\n  /** Adds className to day button based on date and modifiers */\n  dayClassName?(date: Date, modifiers: DayModifiers): string;\n\n  /** Adds style to day button based on date and modifiers */\n  dayStyle?(date: Date, modifiers: DayModifiers): React.CSSProperties;\n\n  /** When true dates that are outside of given month cannot be clicked or focused */\n  disableOutsideEvents?: boolean;\n\n  /** Minimum possible date */\n  minDate?: Date;\n\n  /** Maximum possible date */\n  maxDate?: Date;\n\n  /** Callback function to determine if day should be disabled */\n  excludeDate?(date: Date): boolean;\n\n  /** Set to false to remove weekdays row */\n  hideWeekdays?: boolean;\n\n  /** Controls month days font-size and height */\n  size?: MantineSize;\n\n  /** Set to true to make calendar take 100% of container width */\n  fullWidth?: boolean;\n\n  /** Prevent focusing upon clicking */\n  preventFocus?: boolean;\n\n  /** Should focusable days have tabIndex={0}? */\n  focusable?: boolean;\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n\n  /** Remove outside dates */\n  hideOutsideDates?: boolean;\n}\n\nexport type MonthStylesNames = ClassNames<typeof useStyles> | DayStylesNames;\n\nexport interface MonthProps\n  extends DefaultProps<MonthStylesNames>,\n    MonthSettings,\n    Omit<React.ComponentPropsWithoutRef<'table'>, 'onChange' | 'value'> {\n  /** Date at which month should be shown */\n  month: Date;\n\n  /** Locale is used to get weekdays names with dayjs format */\n  locale?: string;\n\n  /** Selected date */\n  value?: Date;\n\n  /** Selected range */\n  range?: [Date, Date];\n\n  /** Called when day is selected */\n  onChange?(value: Date): void;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Called when onMouseEnter event fired on day button */\n  onDayMouseEnter?(date: Date, event: React.MouseEvent): void;\n\n  /** Get days buttons refs */\n  daysRefs?: HTMLButtonElement[][];\n\n  /** Called when keydown event is registered on day */\n  onDayKeyDown?(payload: DayKeydownPayload, event: React.KeyboardEvent<HTMLButtonElement>): void;\n}\n\nconst noop = () => {};\n\nexport const Month = forwardRef<HTMLTableElement, MonthProps>(\n  (\n    {\n      className,\n      month,\n      value,\n      onChange,\n      disableOutsideEvents = false,\n      locale,\n      dayClassName,\n      dayStyle,\n      classNames,\n      styles,\n      minDate,\n      maxDate,\n      excludeDate,\n      onDayMouseEnter,\n      range,\n      hideWeekdays = false,\n      __staticSelector = 'Month',\n      size = 'sm',\n      fullWidth = false,\n      preventFocus = false,\n      focusable = true,\n      firstDayOfWeek = 'monday',\n      onDayKeyDown,\n      daysRefs,\n      hideOutsideDates = false,\n      ...others\n    }: MonthProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { fullWidth },\n      { classNames, styles, name: __staticSelector }\n    );\n    const finalLocale = locale || theme.datesLocale;\n    const days = getMonthDays(month, firstDayOfWeek);\n\n    const weekdays = getWeekdaysNames(finalLocale, firstDayOfWeek).map((weekday) => (\n      <th className={classes.weekdayCell} key={weekday}>\n        <Text size={size} className={classes.weekday}>\n          {upperFirst(weekday)}\n        </Text>\n      </th>\n    ));\n\n    const hasValue = value instanceof Date;\n    const hasValueInMonthRange =\n      hasValue &&\n      dayjs(value).isAfter(dayjs(month).startOf('month')) &&\n      dayjs(value).isBefore(dayjs(month).endOf('month'));\n\n    const rows = days.map((row, rowIndex) => {\n      const cells = row.map((date, cellIndex) => {\n        const dayProps = getDayProps({\n          date,\n          month,\n          hasValue,\n          minDate,\n          maxDate,\n          value,\n          excludeDate,\n          disableOutsideEvents,\n          range,\n        });\n\n        const onKeyDownPayload = { rowIndex, cellIndex, date };\n\n        return (\n          <td className={classes.cell} key={cellIndex}>\n            <Day\n              ref={(button) => {\n                if (daysRefs) {\n                  if (!Array.isArray(daysRefs[rowIndex])) {\n                    // eslint-disable-next-line no-param-reassign\n                    daysRefs[rowIndex] = [];\n                  }\n\n                  // eslint-disable-next-line no-param-reassign\n                  daysRefs[rowIndex][cellIndex] = button;\n                }\n              }}\n              onClick={() => typeof onChange === 'function' && onChange(date)}\n              onMouseDown={(event) => preventFocus && event.preventDefault()}\n              value={date}\n              outside={dayProps.outside}\n              weekend={dayProps.weekend}\n              inRange={dayProps.inRange}\n              firstInRange={dayProps.firstInRange}\n              lastInRange={dayProps.lastInRange}\n              firstInMonth={\n                hideOutsideDates\n                  ? isSameDate(date, dayjs(month).startOf('month').toDate())\n                  : cellIndex === 0 && rowIndex === 0\n              }\n              selected={dayProps.selected || dayProps.selectedInRange}\n              hasValue={hasValueInMonthRange}\n              onKeyDown={(event) =>\n                typeof onDayKeyDown === 'function' && onDayKeyDown(onKeyDownPayload, event)\n              }\n              className={typeof dayClassName === 'function' ? dayClassName(date, dayProps) : null}\n              style={typeof dayStyle === 'function' ? dayStyle(date, dayProps) : null}\n              disabled={dayProps.disabled}\n              onMouseEnter={typeof onDayMouseEnter === 'function' ? onDayMouseEnter : noop}\n              size={size}\n              fullWidth={fullWidth}\n              focusable={focusable}\n              hideOutsideDates={hideOutsideDates}\n              __staticSelector={__staticSelector}\n              styles={styles}\n              classNames={classNames}\n            />\n          </td>\n        );\n      });\n\n      return <tr key={rowIndex}>{cells}</tr>;\n    });\n\n    return (\n      <Box component=\"table\" className={cx(classes.month, className)} ref={ref} {...others}>\n        {!hideWeekdays && (\n          <thead>\n            <tr>{weekdays}</tr>\n          </thead>\n        )}\n        <tbody>{rows}</tbody>\n      </Box>\n    );\n  }\n);\n\nMonth.displayName = '@mantine/core/Month';\n"],"names":[],"mappings":"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"}

package/esm/components/Month/Month.styles.js

@@ -23,7 +23,7 @@ var useStyles = createStyles((theme, { fullWidth }) => ({
   weekday: {
     color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[5]
   },
-  root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+  month: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     borderCollapse: "collapse",
     width: fullWidth ? "100%" : "auto",
     tableLayout: "fixed"

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

@@ -1 +1 @@
-{"version":3,"file":"Month.styles.js","sources":["../../../src/components/Month/Month.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\ninterface MonthStyles {\n  fullWidth: boolean;\n}\n\nexport default createStyles((theme, { fullWidth }: MonthStyles) => ({\n  weekday: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[5],\n  },\n\n  root: {\n    ...theme.fn.fontStyles(),\n    borderCollapse: 'collapse',\n    width: fullWidth ? '100%' : 'auto',\n    tableLayout: 'fixed',\n  },\n\n  cell: {\n    boxSizing: 'border-box',\n    padding: 0,\n    borderTop: '1px solid transparent',\n  },\n\n  weekdayCell: {\n    boxSizing: 'border-box',\n    padding: 0,\n    fontWeight: 'normal',\n    paddingBottom: theme.spacing.xs / 2,\n    textAlign: 'center',\n    cursor: 'default',\n    userSelect: 'none',\n  },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM;AACvD,EAAE,OAAO,EAAE;AACX,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,cAAc,EAAE,UAAU;AAC9B,IAAI,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM;AACtC,IAAI,WAAW,EAAE,OAAO;AACxB,GAAG,CAAC;AACJ,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,uBAAuB;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACvC,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,MAAM;AACtB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Month.styles.js","sources":["../../../src/components/Month/Month.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\ninterface MonthStyles {\n  fullWidth: boolean;\n}\n\nexport default createStyles((theme, { fullWidth }: MonthStyles) => ({\n  weekday: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[5],\n  },\n\n  month: {\n    ...theme.fn.fontStyles(),\n    borderCollapse: 'collapse',\n    width: fullWidth ? '100%' : 'auto',\n    tableLayout: 'fixed',\n  },\n\n  cell: {\n    boxSizing: 'border-box',\n    padding: 0,\n    borderTop: '1px solid transparent',\n  },\n\n  weekdayCell: {\n    boxSizing: 'border-box',\n    padding: 0,\n    fontWeight: 'normal',\n    paddingBottom: theme.spacing.xs / 2,\n    textAlign: 'center',\n    cursor: 'default',\n    userSelect: 'none',\n  },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM;AACvD,EAAE,OAAO,EAAE;AACX,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AAClE,IAAI,cAAc,EAAE,UAAU;AAC9B,IAAI,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM;AACtC,IAAI,WAAW,EAAE,OAAO;AACxB,GAAG,CAAC;AACJ,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,uBAAuB;AACtC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACvC,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,MAAM;AACtB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Month/get-day-props/get-day-props.js

@@ -1,5 +1,9 @@
-import dayjs from 'dayjs';
+import 'dayjs';
 import { isSameDate } from '../../../utils/is-same-date/is-same-date.js';
+import { isWeekend } from './is-weekend/is-weekend.js';
+import { isOutside } from './is-outside/is-outside.js';
+import { isDisabled } from './is-disabled/is-disabled.js';
+import { getRangeProps } from './get-range-props/get-range-props.js';
 
 function getDayProps({
   date,
@@ -12,32 +16,17 @@ function getDayProps({
   disableOutsideEvents,
   range
 }) {
-  const weekday = date.getDay();
-  const weekend = weekday === 6 || weekday === 0;
-  const outside = date.getMonth() !== month.getMonth();
+  const outside = isOutside(date, month);
   const selected = hasValue && isSameDate(date, value);
-  const isAfterMax = maxDate instanceof Date && dayjs(maxDate).isBefore(date, "day");
-  const isBeforeMin = minDate instanceof Date && dayjs(minDate).isAfter(date, "day");
-  const shouldExclude = typeof excludeDate === "function" && excludeDate(date);
-  const disabledOutside = disableOutsideEvents && outside;
-  const disabled = isAfterMax || isBeforeMin || shouldExclude || disabledOutside;
-  const hasRange = Array.isArray(range) && range.every((val) => val instanceof Date);
-  const inclusiveRange = hasRange && [
-    dayjs(range[0]).subtract(1, "day"),
-    dayjs(range[1]).add(1, "day")
-  ];
-  const firstInRange = hasRange && isSameDate(date, range[0]);
-  const lastInRange = hasRange && isSameDate(date, range[1]);
-  const inRange = hasRange && dayjs(date).isAfter(inclusiveRange[0], "day") && dayjs(date).isBefore(inclusiveRange[1], "day");
-  const selectedInRange = firstInRange || lastInRange;
+  const { inRange, lastInRange, firstInRange, selectedInRange } = getRangeProps(date, range);
   return {
+    disabled: isDisabled({ minDate, maxDate, excludeDate, disableOutsideEvents, date, outside }),
+    weekend: isWeekend(date),
     selectedInRange,
     selected,
-    disabled,
     inRange,
     firstInRange,
     lastInRange,
-    weekend,
     outside
   };
 }

package/esm/components/Month/get-day-props/get-day-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-day-props.js","sources":["../../../../src/components/Month/get-day-props/get-day-props.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { isSameDate } from '../../../utils';\n\ninterface GetDayProps {\n  /** Date associated with Day component */\n  date: Date;\n\n  /** Month that is currently displayed */\n  month: Date;\n\n  /** Does month have value prop? */\n  hasValue: boolean;\n\n  /** Min and max possible dates */\n  maxDate: Date;\n  minDate: Date;\n\n  /** Currently selected date */\n  value: Date;\n\n  /** Function to determine if date should be excluded */\n  excludeDate(date: Date): boolean;\n\n  /** Should outside events be disabled */\n  disableOutsideEvents: boolean;\n\n  /** Selected date range */\n  range: [Date, Date];\n}\n\nexport interface DayModifiers {\n  /** Is date selected and is first or last in range? */\n  selectedInRange: boolean;\n\n  /** Is date equal to value? */\n  selected: boolean;\n\n  /** Based on minDate, maxDate, excludeDate and disableOutsideEvents props */\n  disabled: boolean;\n\n  /** Is date is range? */\n  inRange: boolean;\n\n  /** Is date first or last in given range? */\n  firstInRange: boolean;\n  lastInRange: boolean;\n\n  /** Is date Saturday or Sunday? */\n  weekend: boolean;\n\n  /** Is date outside of given month? */\n  outside: boolean;\n}\n\nexport function getDayProps({\n  date,\n  month,\n  hasValue,\n  minDate,\n  maxDate,\n  value,\n  excludeDate,\n  disableOutsideEvents,\n  range,\n}: GetDayProps) {\n  const weekday = date.getDay();\n  const weekend = weekday === 6 || weekday === 0;\n  const outside = date.getMonth() !== month.getMonth();\n  const selected = hasValue && isSameDate(date, value);\n  const isAfterMax = maxDate instanceof Date && dayjs(maxDate).isBefore(date, 'day');\n  const isBeforeMin = minDate instanceof Date && dayjs(minDate).isAfter(date, 'day');\n  const shouldExclude = typeof excludeDate === 'function' && excludeDate(date);\n  const disabledOutside = disableOutsideEvents && outside;\n  const disabled = isAfterMax || isBeforeMin || shouldExclude || disabledOutside;\n  const hasRange = Array.isArray(range) && range.every((val) => val instanceof Date);\n  const inclusiveRange = hasRange && [\n    dayjs(range[0]).subtract(1, 'day'),\n    dayjs(range[1]).add(1, 'day'),\n  ];\n\n  const firstInRange = hasRange && isSameDate(date, range[0]);\n  const lastInRange = hasRange && isSameDate(date, range[1]);\n  const inRange =\n    hasRange &&\n    dayjs(date).isAfter(inclusiveRange[0], 'day') &&\n    dayjs(date).isBefore(inclusiveRange[1], 'day');\n\n  const selectedInRange = firstInRange || lastInRange;\n\n  return {\n    selectedInRange,\n    selected,\n    disabled,\n    inRange,\n    firstInRange,\n    lastInRange,\n    weekend,\n    outside,\n  };\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,WAAW,CAAC;AAC5B,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,oBAAoB;AACtB,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;AAChC,EAAE,MAAM,OAAO,GAAG,OAAO,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC;AACjD,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;AACvD,EAAE,MAAM,QAAQ,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACvD,EAAE,MAAM,UAAU,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACrF,EAAE,MAAM,WAAW,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACrF,EAAE,MAAM,aAAa,GAAG,OAAO,WAAW,KAAK,UAAU,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;AAC/E,EAAE,MAAM,eAAe,GAAG,oBAAoB,IAAI,OAAO,CAAC;AAC1D,EAAE,MAAM,QAAQ,GAAG,UAAU,IAAI,WAAW,IAAI,aAAa,IAAI,eAAe,CAAC;AACjF,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;AACrF,EAAE,MAAM,cAAc,GAAG,QAAQ,IAAI;AACrC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC;AACtC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9D,EAAE,MAAM,WAAW,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,EAAE,MAAM,OAAO,GAAG,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC9H,EAAE,MAAM,eAAe,GAAG,YAAY,IAAI,WAAW,CAAC;AACtD,EAAE,OAAO;AACT,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"get-day-props.js","sources":["../../../../src/components/Month/get-day-props/get-day-props.ts"],"sourcesContent":["import { isSameDate } from '../../../utils';\nimport { DayModifiers } from '../types';\nimport { isWeekend } from './is-weekend/is-weekend';\nimport { isOutside } from './is-outside/is-outside';\nimport { isDisabled } from './is-disabled/is-disabled';\nimport { getRangeProps } from './get-range-props/get-range-props';\n\ninterface GetDayProps {\n  /** Date associated with Day component */\n  date: Date;\n\n  /** Month that is currently displayed */\n  month: Date;\n\n  /** Does month have value prop? */\n  hasValue: boolean;\n\n  /** Min and max possible dates */\n  maxDate: Date;\n  minDate: Date;\n\n  /** Currently selected date */\n  value: Date;\n\n  /** Function to determine if date should be excluded */\n  excludeDate(date: Date): boolean;\n\n  /** Should outside events be disabled */\n  disableOutsideEvents: boolean;\n\n  /** Selected date range */\n  range: [Date, Date];\n}\n\nexport function getDayProps({\n  date,\n  month,\n  hasValue,\n  minDate,\n  maxDate,\n  value,\n  excludeDate,\n  disableOutsideEvents,\n  range,\n}: GetDayProps): DayModifiers {\n  const outside = isOutside(date, month);\n  const selected = hasValue && isSameDate(date, value);\n  const { inRange, lastInRange, firstInRange, selectedInRange } = getRangeProps(date, range);\n\n  return {\n    disabled: isDisabled({ minDate, maxDate, excludeDate, disableOutsideEvents, date, outside }),\n    weekend: isWeekend(date),\n    selectedInRange,\n    selected,\n    inRange,\n    firstInRange,\n    lastInRange,\n    outside,\n  };\n}\n"],"names":[],"mappings":";;;;;;;AAKO,SAAS,WAAW,CAAC;AAC5B,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,oBAAoB;AACtB,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzC,EAAE,MAAM,QAAQ,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACvD,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7F,EAAE,OAAO;AACT,IAAI,QAAQ,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAChG,IAAI,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC;AAC5B,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;"}

package/esm/components/Month/get-day-props/get-range-props/get-range-props.js

@@ -0,0 +1,17 @@
+import dayjs from 'dayjs';
+import { isSameDate } from '../../../../utils/is-same-date/is-same-date.js';
+
+function getRangeProps(date, range) {
+  const hasRange = Array.isArray(range) && range.every((val) => val instanceof Date);
+  const inclusiveRange = hasRange && [
+    dayjs(range[0]).subtract(1, "day"),
+    dayjs(range[1]).add(1, "day")
+  ];
+  const firstInRange = hasRange && isSameDate(date, range[0]);
+  const lastInRange = hasRange && isSameDate(date, range[1]);
+  const inRange = hasRange && dayjs(date).isAfter(inclusiveRange[0], "day") && dayjs(date).isBefore(inclusiveRange[1], "day");
+  return { firstInRange, lastInRange, inRange, selectedInRange: firstInRange || lastInRange };
+}
+
+export { getRangeProps };
+//# sourceMappingURL=get-range-props.js.map

package/esm/components/Month/get-day-props/get-range-props/get-range-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-range-props.js","sources":["../../../../../src/components/Month/get-day-props/get-range-props/get-range-props.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { isSameDate } from '../../../../utils';\n\nexport function getRangeProps(date: Date, range: [Date, Date]) {\n  const hasRange = Array.isArray(range) && range.every((val) => val instanceof Date);\n  const inclusiveRange = hasRange && [\n    dayjs(range[0]).subtract(1, 'day'),\n    dayjs(range[1]).add(1, 'day'),\n  ];\n\n  const firstInRange = hasRange && isSameDate(date, range[0]);\n  const lastInRange = hasRange && isSameDate(date, range[1]);\n  const inRange =\n    hasRange &&\n    dayjs(date).isAfter(inclusiveRange[0], 'day') &&\n    dayjs(date).isBefore(inclusiveRange[1], 'day');\n\n  return { firstInRange, lastInRange, inRange, selectedInRange: firstInRange || lastInRange };\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3C,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;AACrF,EAAE,MAAM,cAAc,GAAG,QAAQ,IAAI;AACrC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC;AACtC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9D,EAAE,MAAM,WAAW,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,EAAE,MAAM,OAAO,GAAG,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC9H,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,IAAI,WAAW,EAAE,CAAC;AAC9F;;;;"}

package/esm/components/Month/get-day-props/is-disabled/is-disabled.js

@@ -0,0 +1,19 @@
+import dayjs from 'dayjs';
+
+function isDisabled({
+  minDate,
+  maxDate,
+  excludeDate,
+  disableOutsideEvents,
+  date,
+  outside
+}) {
+  const isAfterMax = maxDate instanceof Date && dayjs(maxDate).isBefore(date, "day");
+  const isBeforeMin = minDate instanceof Date && dayjs(minDate).isAfter(date, "day");
+  const shouldExclude = typeof excludeDate === "function" && excludeDate(date);
+  const disabledOutside = !!disableOutsideEvents && !!outside;
+  return isAfterMax || isBeforeMin || shouldExclude || disabledOutside;
+}
+
+export { isDisabled };
+//# sourceMappingURL=is-disabled.js.map

package/esm/components/Month/get-day-props/is-disabled/is-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-disabled.js","sources":["../../../../../src/components/Month/get-day-props/is-disabled/is-disabled.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\ninterface IsDisabled {\n  date: Date;\n  minDate?: Date;\n  maxDate?: Date;\n  excludeDate?(date: Date): boolean;\n  disableOutsideEvents?: boolean;\n  outside?: boolean;\n}\n\nexport function isDisabled({\n  minDate,\n  maxDate,\n  excludeDate,\n  disableOutsideEvents,\n  date,\n  outside,\n}: IsDisabled) {\n  const isAfterMax = maxDate instanceof Date && dayjs(maxDate).isBefore(date, 'day');\n  const isBeforeMin = minDate instanceof Date && dayjs(minDate).isAfter(date, 'day');\n  const shouldExclude = typeof excludeDate === 'function' && excludeDate(date);\n  const disabledOutside = !!disableOutsideEvents && !!outside;\n  return isAfterMax || isBeforeMin || shouldExclude || disabledOutside;\n}\n"],"names":[],"mappings":";;AACO,SAAS,UAAU,CAAC;AAC3B,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,WAAW;AACb,EAAE,oBAAoB;AACtB,EAAE,IAAI;AACN,EAAE,OAAO;AACT,CAAC,EAAE;AACH,EAAE,MAAM,UAAU,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACrF,EAAE,MAAM,WAAW,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACrF,EAAE,MAAM,aAAa,GAAG,OAAO,WAAW,KAAK,UAAU,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;AAC/E,EAAE,MAAM,eAAe,GAAG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,EAAE,OAAO,UAAU,IAAI,WAAW,IAAI,aAAa,IAAI,eAAe,CAAC;AACvE;;;;"}

package/esm/components/Month/get-day-props/is-outside/is-outside.js

@@ -0,0 +1,9 @@
+import 'dayjs';
+import { isSameMonth } from '../../../../utils/is-same-month/is-same-month.js';
+
+function isOutside(date, month) {
+  return !isSameMonth(date, month);
+}
+
+export { isOutside };
+//# sourceMappingURL=is-outside.js.map

package/esm/components/Month/get-day-props/is-outside/is-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-outside.js","sources":["../../../../../src/components/Month/get-day-props/is-outside/is-outside.ts"],"sourcesContent":["import { isSameMonth } from '../../../../utils';\n\nexport function isOutside(date: Date, month: Date) {\n  return !isSameMonth(date, month);\n}\n"],"names":[],"mappings":";;;AACO,SAAS,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE;AACvC,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACnC;;;;"}

package/esm/components/Month/get-day-props/is-weekend/is-weekend.js

@@ -0,0 +1,7 @@
+function isWeekend(date) {
+  const weekday = date.getDay();
+  return weekday === 6 || weekday === 0;
+}
+
+export { isWeekend };
+//# sourceMappingURL=is-weekend.js.map

package/esm/components/Month/get-day-props/is-weekend/is-weekend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-weekend.js","sources":["../../../../../src/components/Month/get-day-props/is-weekend/is-weekend.ts"],"sourcesContent":["export function isWeekend(date: Date) {\n  const weekday = date.getDay();\n  return weekday === 6 || weekday === 0;\n}\n"],"names":[],"mappings":"AAAO,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;AAChC,EAAE,OAAO,OAAO,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC;AACxC;;;;"}

package/esm/components/RangeCalendar/RangeCalendar.js

@@ -1,13 +1,8 @@
 import React, { forwardRef, useState } from 'react';
-import { useMantineTheme, Group } from '@mantine/core';
-import { useUncontrolled } from '@mantine/hooks';
+import { useMantineTheme } from '@mantine/core';
 import dayjs from 'dayjs';
 import { isSameDate } from '../../utils/is-same-date/is-same-date.js';
-import { isSameMonth } from '../../utils/is-same-month/is-same-month.js';
-import { Month } from '../Month/Month.js';
-import { CalendarHeader } from '../Calendar/CalendarHeader/CalendarHeader.js';
-import { CalendarWrapper } from '../Calendar/CalendarWrapper/CalendarWrapper.js';
-import { getDisabledState } from '../Calendar/get-disabled-state/get-disabled-state.js';
+import { CalendarBase } from '../CalendarBase/CalendarBase.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -42,65 +37,25 @@ var __objRest = (source, exclude) => {
 };
 const RangeCalendar = 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",
     onMouseLeave,
-    __staticSelector = "range-calendar",
-    firstDayOfWeek = "monday",
+    __staticSelector = "RangeCalendar",
     allowSingleDateInRange = false,
     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",
     "onMouseLeave",
     "__staticSelector",
-    "firstDayOfWeek",
     "allowSingleDateInRange",
     "amountOfMonths"
   ]);
   const theme = useMantineTheme();
   const [hoveredDay, setHoveredDay] = useState(null);
   const [pickedDate, setPickedDate] = useState(null);
-  const hasMultipleMonths = amountOfMonths > 1;
-  const finalLocale = locale || theme.datesLocale;
   const setRangeDate = (date) => {
     if (pickedDate instanceof Date) {
       if (isSameDate(date, pickedDate) && !allowSingleDateInRange) {
@@ -122,94 +77,36 @@ const RangeCalendar = forwardRef((_a, ref) => {
     typeof onMouseLeave === "function" && onMouseLeave(event);
     setHoveredDay(null);
   };
-  const shouldHighlightDate = (date, modifiers, currentMonth) => {
-    const isInCurrentMonth = hasMultipleMonths ? isSameMonth(date, currentMonth) : true;
-    if (pickedDate instanceof Date && hoveredDay instanceof Date && isInCurrentMonth) {
+  const shouldHighlightDate = (date, modifiers) => {
+    if (pickedDate instanceof Date && hoveredDay instanceof Date) {
       const result = [hoveredDay, pickedDate];
       result.sort((a, b) => a.getTime() - b.getTime());
       return !modifiers.selected && dayjs(date).subtract(1, "day").isBefore(result[1]) && dayjs(date).add(1, "day").isAfter(result[0]);
     }
     return false;
   };
-  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,
-    amountOfMonths
-  });
-  const dayStyles = (date, modifiers, currentMonth) => {
+  const dayStyles = (date, modifiers) => {
     const initialStyles = typeof dayStyle === "function" ? dayStyle(date, modifiers) : null;
-    const outsideStyles = modifiers.outside && hasMultipleMonths ? { display: "none" } : null;
-    if (shouldHighlightDate(date, modifiers, currentMonth)) {
-      return __spreadProps(__spreadValues(__spreadValues({}, initialStyles), outsideStyles), {
+    if (shouldHighlightDate(date, modifiers)) {
+      return __spreadProps(__spreadValues({}, initialStyles), {
         backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3) : theme.colors[theme.primaryColor][0],
         borderRadius: 0
       });
     }
-    return __spreadValues(__spreadValues({}, initialStyles), outsideStyles);
+    return __spreadValues({}, initialStyles);
   };
-  return /* @__PURE__ */ React.createElement(CalendarWrapper, __spreadValues({
-    size,
-    fullWidth,
-    amountOfMonths,
+  return /* @__PURE__ */ React.createElement(CalendarBase, __spreadValues({
+    dayStyle: dayStyles,
     onMouseLeave: handleMouseLeave,
-    ref
-  }, 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}`
-    }), /* @__PURE__ */ React.createElement(Month, {
-      month: monthToRender,
-      range: value,
-      value: pickedDate,
-      onChange: setRangeDate,
-      dayClassName,
-      dayStyle: (date, modifiers) => dayStyles(date, modifiers, monthToRender),
-      disableOutsideDayStyle: hasMultipleMonths,
-      disableOutsideEvents,
-      minDate,
-      maxDate,
-      excludeDate,
-      classNames,
-      styles,
-      fullWidth,
-      size,
-      onDayMouseEnter: (date) => setHoveredDay(date),
-      firstDayOfWeek,
-      __staticSelector: isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`
-    }));
-  })));
+    onDayMouseEnter: (date) => setHoveredDay(date),
+    onChange: setRangeDate,
+    value: pickedDate,
+    range: value,
+    ref,
+    __staticSelector,
+    amountOfMonths,
+    hideOutsideDates: amountOfMonths > 1
+  }, others));
 });
 RangeCalendar.displayName = "@mantine/dates/RangeCalendar";