@mantine/dates 3.3.4 → 3.4.2

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

@@ -0,0 +1,54 @@
+import { createStyles } from '@mantine/core';
+
+const sizes = {
+  xs: 32,
+  sm: 40,
+  md: 44,
+  lg: 50,
+  xl: 54
+};
+var useStyles = createStyles((theme, { size }) => ({
+  calendarHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    align: "center",
+    marginBottom: theme.fn.size({ size, sizes: theme.spacing })
+  },
+  calendarHeaderControl: {
+    width: theme.fn.size({ size, sizes }),
+    height: theme.fn.size({ size, sizes }),
+    "&:disabled": {
+      opacity: 0,
+      cursor: "default"
+    }
+  },
+  calendarHeaderLevel: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: theme.fn.size({ size, sizes }),
+    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+    padding: `0 ${theme.fn.size({ size, sizes: theme.spacing })}px`,
+    borderRadius: theme.radius.sm,
+    fontWeight: 500,
+    flex: 1,
+    textAlign: "center",
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    "&:hover": {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
+    },
+    "&:disabled": {
+      "&:hover": {
+        backgroundColor: "transparent",
+        cursor: "default"
+      }
+    }
+  },
+  calendarHeaderLevelIcon: {
+    marginLeft: 4
+  }
+}));
+
+export default useStyles;
+export { sizes };
+//# sourceMappingURL=CalendarHeader.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/core';\n\ninterface CalendarHeaderStyles {\n  size: MantineSize;\n}\n\nexport const sizes = {\n  xs: 32,\n  sm: 40,\n  md: 44,\n  lg: 50,\n  xl: 54,\n};\n\nexport default createStyles((theme, { size }: CalendarHeaderStyles) => ({\n  calendarHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    align: 'center',\n    marginBottom: theme.fn.size({ size, sizes: theme.spacing }),\n  },\n\n  calendarHeaderControl: {\n    width: theme.fn.size({ size, sizes }),\n    height: theme.fn.size({ size, sizes }),\n\n    '&:disabled': {\n      opacity: 0,\n      cursor: 'default',\n    },\n  },\n\n  calendarHeaderLevel: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: theme.fn.size({ size, sizes }),\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    padding: `0 ${theme.fn.size({ size, sizes: theme.spacing })}px`,\n    borderRadius: theme.radius.sm,\n    fontWeight: 500,\n    flex: 1,\n    textAlign: 'center',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n    },\n\n    '&:disabled': {\n      '&:hover': {\n        backgroundColor: 'transparent',\n        cursor: 'default',\n      },\n    },\n  },\n\n  calendarHeaderLevelIcon: {\n    marginLeft: 4,\n  },\n}));\n"],"names":[],"mappings":";;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,cAAc,EAAE;AAClB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,cAAc,EAAE,eAAe;AACnC,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/D,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC1C,IAAI,YAAY,EAAE;AAClB,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,MAAM,EAAE,SAAS;AACvB,KAAK;AACL,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC1C,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;AACnE,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,SAAS,EAAE;AACf,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,aAAa;AACtC,QAAQ,MAAM,EAAE,SAAS;AACzB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,uBAAuB,EAAE;AAC3B,IAAI,UAAU,EAAE,CAAC;AACjB,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/esm/components/CalendarBase/MonthPicker/MonthPicker.js

@@ -0,0 +1,105 @@
+import React from 'react';
+import { UnstyledButton } from '@mantine/core';
+import { getMonthsNames } from '../../../utils/get-months-names/get-months-names.js';
+import 'dayjs';
+import { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';
+import { isMonthInRange } from './is-month-in-range/is-month-in-range.js';
+import useStyles from './MonthPicker.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;
+};
+function MonthPicker(_a) {
+  var _b = _a, {
+    className,
+    styles,
+    classNames,
+    value,
+    onChange,
+    locale,
+    year,
+    onYearChange,
+    onNextLevel,
+    size,
+    minDate,
+    maxDate,
+    __staticSelector = "MonthPicker",
+    nextYearLabel,
+    previousYearLabel
+  } = _b, others = __objRest(_b, [
+    "className",
+    "styles",
+    "classNames",
+    "value",
+    "onChange",
+    "locale",
+    "year",
+    "onYearChange",
+    "onNextLevel",
+    "size",
+    "minDate",
+    "maxDate",
+    "__staticSelector",
+    "nextYearLabel",
+    "previousYearLabel"
+  ]);
+  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });
+  const range = getMonthsNames(locale);
+  const minYear = minDate instanceof Date ? minDate.getFullYear() : void 0;
+  const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : void 0;
+  const months = range.map((month, index) => /* @__PURE__ */ React.createElement(UnstyledButton, {
+    key: month,
+    onClick: () => onChange(index),
+    className: cx(classes.monthPickerControl, {
+      [classes.monthPickerControlActive]: index === value.month && year === value.year
+    }),
+    disabled: !isMonthInRange({ date: new Date(year, index), minDate, maxDate })
+  }, month));
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.monthPicker, className)
+  }, others), /* @__PURE__ */ React.createElement(CalendarHeader, {
+    label: year.toString(),
+    hasNext: typeof maxYear === "number" ? year < maxYear : true,
+    hasPrevious: typeof minYear === "number" ? year > minYear : true,
+    onNext: () => onYearChange(year + 1),
+    onPrevious: () => onYearChange(year - 1),
+    onNextLevel,
+    size,
+    classNames,
+    styles,
+    __staticSelector,
+    nextLabel: nextYearLabel,
+    previousLabel: previousYearLabel
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: classes.monthPickerControls
+  }, months));
+}
+MonthPicker.displayName = "@mantine/dates/MonthPicker";
+
+export { MonthPicker };
+//# sourceMappingURL=MonthPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, ClassNames, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getMonthsNames } from '../../../utils';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { isMonthInRange } from './is-month-in-range/is-month-in-range';\nimport useStyles from './MonthPicker.styles';\n\nexport type MonthPickerStylesNames = ClassNames<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface MonthPickerProps\n  extends DefaultProps<MonthPickerStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  value: { year: number; month: number };\n  onChange(value: number): void;\n  locale: string;\n  year: number;\n  onYearChange(year: number): void;\n  onNextLevel(): void;\n  size?: MantineSize;\n  minDate?: Date;\n  maxDate?: Date;\n  __staticSelector?: string;\n  nextYearLabel?: string;\n  previousYearLabel?: string;\n}\n\nexport function MonthPicker({\n  className,\n  styles,\n  classNames,\n  value,\n  onChange,\n  locale,\n  year,\n  onYearChange,\n  onNextLevel,\n  size,\n  minDate,\n  maxDate,\n  __staticSelector = 'MonthPicker',\n  nextYearLabel,\n  previousYearLabel,\n  ...others\n}: MonthPickerProps) {\n  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });\n  const range = getMonthsNames(locale);\n  const minYear = minDate instanceof Date ? minDate.getFullYear() : undefined;\n  const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : undefined;\n\n  const months = range.map((month, index) => (\n    <UnstyledButton\n      key={month}\n      onClick={() => onChange(index)}\n      className={cx(classes.monthPickerControl, {\n        [classes.monthPickerControlActive]: index === value.month && year === value.year,\n      })}\n      disabled={!isMonthInRange({ date: new Date(year, index), minDate, maxDate })}\n    >\n      {month}\n    </UnstyledButton>\n  ));\n\n  return (\n    <div className={cx(classes.monthPicker, className)} {...others}>\n      <CalendarHeader\n        label={year.toString()}\n        hasNext={typeof maxYear === 'number' ? year < maxYear : true}\n        hasPrevious={typeof minYear === 'number' ? year > minYear : true}\n        onNext={() => onYearChange(year + 1)}\n        onPrevious={() => onYearChange(year - 1)}\n        onNextLevel={onNextLevel}\n        size={size}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector={__staticSelector}\n        nextLabel={nextYearLabel}\n        previousLabel={previousYearLabel}\n      />\n      <div className={classes.monthPickerControls}>{months}</div>\n    </div>\n  );\n}\n\nMonthPicker.displayName = '@mantine/dates/MonthPicker';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import { createStyles, getSharedColorScheme } from '@mantine/core';
+
+const sizes = {
+  xs: 32,
+  sm: 40,
+  md: 46,
+  lg: 52,
+  xl: 56
+};
+var useStyles = createStyles((theme, { size }) => {
+  const colors = getSharedColorScheme({ color: theme.primaryColor, theme, variant: "filled" });
+  return {
+    monthPicker: {},
+    monthPickerControls: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "center"
+    },
+    monthPickerControl: {
+      flex: "0 0 33.3333%",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      height: theme.fn.size({ size, sizes }),
+      textAlign: "center",
+      borderRadius: theme.radius.sm,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+      "&:hover": {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
+      },
+      "&:disabled": {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4],
+        cursor: "not-allowed",
+        "&:hover": {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    monthPickerControlActive: {
+      backgroundColor: colors.background,
+      color: colors.color,
+      "&:hover": {
+        backgroundColor: colors.hover
+      }
+    }
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=MonthPicker.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.styles.js","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.styles.ts"],"sourcesContent":["import { createStyles, getSharedColorScheme, MantineSize } from '@mantine/core';\n\ninterface MonthPickerStyles {\n  size: MantineSize;\n}\n\nconst sizes = {\n  xs: 32,\n  sm: 40,\n  md: 46,\n  lg: 52,\n  xl: 56,\n};\n\nexport default createStyles((theme, { size }: MonthPickerStyles) => {\n  const colors = getSharedColorScheme({ color: theme.primaryColor, theme, variant: 'filled' });\n  return {\n    monthPicker: {},\n\n    monthPickerControls: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n    },\n\n    monthPickerControl: {\n      flex: '0 0 33.3333%',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      height: theme.fn.size({ size, sizes }),\n      textAlign: 'center',\n      borderRadius: theme.radius.sm,\n      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n      },\n\n      '&:disabled': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n        cursor: 'not-allowed',\n\n        '&:hover': {\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n\n    monthPickerControlActive: {\n      backgroundColor: colors.background,\n      color: colors.color,\n\n      '&:hover': {\n        backgroundColor: colors.hover,\n      },\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC/F,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,EAAE;AACnB,IAAI,mBAAmB,EAAE;AACzB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,QAAQ,EAAE,MAAM;AACtB,MAAM,cAAc,EAAE,QAAQ;AAC9B,KAAK;AACL,IAAI,kBAAkB,EAAE;AACxB,MAAM,IAAI,EAAE,cAAc;AAC1B,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC5C,MAAM,SAAS,EAAE,QAAQ;AACzB,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnG,OAAO;AACP,MAAM,YAAY,EAAE;AACpB,QAAQ,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;AACzF,QAAQ,MAAM,EAAE,aAAa;AAC7B,QAAQ,SAAS,EAAE;AACnB,UAAU,eAAe,EAAE,aAAa;AACxC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,wBAAwB,EAAE;AAC9B,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU;AACxC,MAAM,KAAK,EAAE,MAAM,CAAC,KAAK;AACzB,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,MAAM,CAAC,KAAK;AACrC,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js

@@ -0,0 +1,17 @@
+import dayjs from 'dayjs';
+
+function isMonthInRange({ date, minDate, maxDate }) {
+  const hasMinDate = minDate instanceof Date;
+  const hasMaxDate = maxDate instanceof Date;
+  if (!hasMaxDate && !hasMinDate) {
+    return true;
+  }
+  const endOfMonth = dayjs(date).endOf("month");
+  const startOfMonth = dayjs(date).startOf("month");
+  const maxInRange = hasMaxDate ? startOfMonth.isBefore(maxDate) : true;
+  const minInRange = hasMinDate ? endOfMonth.isAfter(minDate) : true;
+  return maxInRange && minInRange;
+}
+
+export { isMonthInRange };
+//# sourceMappingURL=is-month-in-range.js.map

package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-month-in-range.js","sources":["../../../../../src/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\ninterface IsMonthInRange {\n  date: Date;\n  minDate?: Date;\n  maxDate?: Date;\n}\n\nexport function isMonthInRange({ date, minDate, maxDate }: IsMonthInRange) {\n  const hasMinDate = minDate instanceof Date;\n  const hasMaxDate = maxDate instanceof Date;\n\n  if (!hasMaxDate && !hasMinDate) {\n    return true;\n  }\n\n  const endOfMonth = dayjs(date).endOf('month');\n  const startOfMonth = dayjs(date).startOf('month');\n  const maxInRange = hasMaxDate ? startOfMonth.isBefore(maxDate) : true;\n  const minInRange = hasMinDate ? endOfMonth.isAfter(minDate) : true;\n  return maxInRange && minInRange;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;AAC3D,EAAE,MAAM,UAAU,GAAG,OAAO,YAAY,IAAI,CAAC;AAC7C,EAAE,MAAM,UAAU,GAAG,OAAO,YAAY,IAAI,CAAC;AAC7C,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE;AAClC,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAChD,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACpD,EAAE,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AACxE,EAAE,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AACrE,EAAE,OAAO,UAAU,IAAI,UAAU,CAAC;AAClC;;;;"}

package/esm/components/CalendarBase/MonthsList/MonthsList.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import dayjs from 'dayjs';
+import { formatMonthLabel } from './format-month-label/format-month-label.js';
+import { isMonthInRange } from '../MonthPicker/is-month-in-range/is-month-in-range.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;
+};
+function MonthsList(_a) {
+  var _b = _a, {
+    amountOfMonths,
+    month,
+    locale,
+    minDate,
+    maxDate,
+    allowLevelChange,
+    size,
+    daysRefs,
+    onMonthChange,
+    onNextLevel,
+    onDayKeyDown,
+    classNames,
+    styles,
+    __staticSelector = "MonthsList",
+    nextMonthLabel,
+    previousMonthLabel,
+    labelFormat
+  } = _b, others = __objRest(_b, [
+    "amountOfMonths",
+    "month",
+    "locale",
+    "minDate",
+    "maxDate",
+    "allowLevelChange",
+    "size",
+    "daysRefs",
+    "onMonthChange",
+    "onNextLevel",
+    "onDayKeyDown",
+    "classNames",
+    "styles",
+    "__staticSelector",
+    "nextMonthLabel",
+    "previousMonthLabel",
+    "labelFormat"
+  ]);
+  const nextMonth = dayjs(month).add(amountOfMonths, "months").toDate();
+  const previousMonth = dayjs(month).subtract(1, "months").toDate();
+  const months = Array(amountOfMonths).fill(0).map((_, index) => {
+    const monthDate = dayjs(month).add(index, "months").toDate();
+    return /* @__PURE__ */ React.createElement("div", {
+      key: index
+    }, /* @__PURE__ */ React.createElement(CalendarHeader, {
+      hasNext: index + 1 === amountOfMonths && isMonthInRange({ date: nextMonth, minDate, maxDate }),
+      hasPrevious: index === 0 && isMonthInRange({ date: previousMonth, minDate, maxDate }),
+      label: formatMonthLabel({ month: monthDate, locale, format: labelFormat }),
+      onNext: () => onMonthChange(dayjs(month).add(amountOfMonths, "months").toDate()),
+      onPrevious: () => onMonthChange(dayjs(month).subtract(amountOfMonths, "months").toDate()),
+      onNextLevel,
+      nextLevelDisabled: !allowLevelChange,
+      size,
+      classNames,
+      styles,
+      __staticSelector,
+      nextLabel: nextMonthLabel,
+      previousLabel: previousMonthLabel,
+      preventLevelFocus: index > 0
+    }), /* @__PURE__ */ React.createElement(Month, __spreadValues({
+      month: monthDate,
+      daysRefs: daysRefs.current[index],
+      onDayKeyDown: (...args) => onDayKeyDown(index, ...args),
+      size,
+      minDate,
+      maxDate,
+      classNames,
+      styles,
+      __staticSelector,
+      locale,
+      focusable: index === 0
+    }, others)));
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, months);
+}
+MonthsList.displayName = "@mantine/dates/MonthsList";
+
+export { MonthsList };
+//# sourceMappingURL=MonthsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthsList.js","sources":["../../../../src/components/CalendarBase/MonthsList/MonthsList.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps } from '@mantine/core';\nimport { formatMonthLabel } from './format-month-label/format-month-label';\nimport { isMonthInRange } from '../MonthPicker/is-month-in-range/is-month-in-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { Month, MonthProps, DayKeydownPayload, MonthStylesNames } from '../../Month';\n\nexport type MonthsListStylesNames = CalendarHeaderStylesNames | MonthStylesNames;\n\nexport interface MonthsListProps\n  extends DefaultProps<MonthsListStylesNames>,\n    Omit<MonthProps, 'styles' | 'classNames' | 'daysRefs' | 'onDayKeyDown'> {\n  amountOfMonths: number;\n  month: Date;\n  locale: string;\n  allowLevelChange: boolean;\n  daysRefs: React.RefObject<HTMLButtonElement[][][]>;\n  onMonthChange(month: Date): void;\n  onNextLevel(): void;\n  onDayKeyDown(\n    monthIndex: number,\n    payload: DayKeydownPayload,\n    event: React.KeyboardEvent<HTMLButtonElement>\n  ): void;\n  __staticSelector?: string;\n  nextMonthLabel?: string;\n  previousMonthLabel?: string;\n  labelFormat?: string;\n}\n\nexport function MonthsList({\n  amountOfMonths,\n  month,\n  locale,\n  minDate,\n  maxDate,\n  allowLevelChange,\n  size,\n  daysRefs,\n  onMonthChange,\n  onNextLevel,\n  onDayKeyDown,\n  classNames,\n  styles,\n  __staticSelector = 'MonthsList',\n  nextMonthLabel,\n  previousMonthLabel,\n  labelFormat,\n  ...others\n}: MonthsListProps) {\n  const nextMonth = dayjs(month).add(amountOfMonths, 'months').toDate();\n  const previousMonth = dayjs(month).subtract(1, 'months').toDate();\n\n  const months = Array(amountOfMonths)\n    .fill(0)\n    .map((_, index) => {\n      const monthDate = dayjs(month).add(index, 'months').toDate();\n      return (\n        <div key={index}>\n          <CalendarHeader\n            hasNext={\n              index + 1 === amountOfMonths && isMonthInRange({ date: nextMonth, minDate, maxDate })\n            }\n            hasPrevious={index === 0 && isMonthInRange({ date: previousMonth, minDate, maxDate })}\n            label={formatMonthLabel({ month: monthDate, locale, format: labelFormat })}\n            onNext={() => onMonthChange(dayjs(month).add(amountOfMonths, 'months').toDate())}\n            onPrevious={() =>\n              onMonthChange(dayjs(month).subtract(amountOfMonths, 'months').toDate())\n            }\n            onNextLevel={onNextLevel}\n            nextLevelDisabled={!allowLevelChange}\n            size={size}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector={__staticSelector}\n            nextLabel={nextMonthLabel}\n            previousLabel={previousMonthLabel}\n            preventLevelFocus={index > 0}\n          />\n\n          <Month\n            month={monthDate}\n            daysRefs={daysRefs.current[index]}\n            onDayKeyDown={(...args) => onDayKeyDown(index, ...args)}\n            size={size}\n            minDate={minDate}\n            maxDate={maxDate}\n            classNames={classNames}\n            styles={styles}\n            __staticSelector={__staticSelector}\n            locale={locale}\n            focusable={index === 0}\n            {...others}\n          />\n        </div>\n      );\n    });\n\n  return <>{months}</>;\n}\n\nMonthsList.displayName = '@mantine/dates/MonthsList';\n"],"names":[],"mappings":"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"}

package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js

@@ -0,0 +1,9 @@
+import dayjs from 'dayjs';
+import { upperFirst } from '@mantine/hooks';
+
+function formatMonthLabel({ month, locale, format }) {
+  return upperFirst(dayjs(month).locale(locale).format(format));
+}
+
+export { formatMonthLabel };
+//# sourceMappingURL=format-month-label.js.map

package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-month-label.js","sources":["../../../../../src/components/CalendarBase/MonthsList/format-month-label/format-month-label.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { upperFirst } from '@mantine/hooks';\n\ninterface FormatMonthLabel {\n  month: Date;\n  locale: string;\n  format: string;\n}\n\nexport function formatMonthLabel({ month, locale, format }: FormatMonthLabel) {\n  return upperFirst(dayjs(month).locale(locale).format(format));\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;AAC5D,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAChE;;;;"}

package/esm/components/CalendarBase/YearPicker/YearPicker.js

@@ -0,0 +1,94 @@
+import React, { useState } from 'react';
+import { UnstyledButton } from '@mantine/core';
+import { getDecadeRange } from './get-decade-range/get-decade-range.js';
+import { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';
+import useStyles from './YearPicker.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;
+};
+function YearPicker(_a) {
+  var _b = _a, {
+    className,
+    styles,
+    classNames,
+    value,
+    onChange,
+    size,
+    minYear,
+    maxYear,
+    __staticSelector = "YearPicker",
+    nextDecadeLabel,
+    previousDecadeLabel
+  } = _b, others = __objRest(_b, [
+    "className",
+    "styles",
+    "classNames",
+    "value",
+    "onChange",
+    "size",
+    "minYear",
+    "maxYear",
+    "__staticSelector",
+    "nextDecadeLabel",
+    "previousDecadeLabel"
+  ]);
+  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });
+  const [decade, setDecade] = useState(value);
+  const range = getDecadeRange(decade);
+  const years = range.map((year) => /* @__PURE__ */ React.createElement(UnstyledButton, {
+    key: year,
+    onClick: () => onChange(year),
+    disabled: year < minYear || year > maxYear,
+    className: cx(classes.yearPickerControl, {
+      [classes.yearPickerControlActive]: year === value
+    })
+  }, year));
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.yearPicker, className)
+  }, others), /* @__PURE__ */ React.createElement(CalendarHeader, {
+    label: `${range[0]} \u2013 ${range[range.length - 1]}`,
+    hasPrevious: typeof minYear === "number" ? minYear < range[0] : true,
+    hasNext: typeof maxYear === "number" ? maxYear > range[range.length - 1] : true,
+    onNext: () => setDecade((current) => current + 10),
+    onPrevious: () => setDecade((current) => current - 10),
+    nextLevelDisabled: true,
+    size,
+    nextLabel: nextDecadeLabel,
+    previousLabel: previousDecadeLabel,
+    styles,
+    classNames,
+    __staticSelector
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: classes.yearPickerControls
+  }, years));
+}
+YearPicker.displayName = "@mantine/dates/YearPicker";
+
+export { YearPicker };
+//# sourceMappingURL=YearPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YearPicker.js","sources":["../../../../src/components/CalendarBase/YearPicker/YearPicker.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultProps, ClassNames, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getDecadeRange } from './get-decade-range/get-decade-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport useStyles from './YearPicker.styles';\n\nexport type YearPickerStylesNames = ClassNames<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface YearPickerProps\n  extends DefaultProps<YearPickerStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  value: number;\n  onChange(value: number): void;\n  minYear?: number;\n  maxYear?: number;\n  size?: MantineSize;\n  __staticSelector?: string;\n  nextDecadeLabel?: string;\n  previousDecadeLabel?: string;\n}\n\nexport function YearPicker({\n  className,\n  styles,\n  classNames,\n  value,\n  onChange,\n  size,\n  minYear,\n  maxYear,\n  __staticSelector = 'YearPicker',\n  nextDecadeLabel,\n  previousDecadeLabel,\n  ...others\n}: YearPickerProps) {\n  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });\n  const [decade, setDecade] = useState(value);\n  const range = getDecadeRange(decade);\n\n  const years = range.map((year) => (\n    <UnstyledButton\n      key={year}\n      onClick={() => onChange(year)}\n      disabled={year < minYear || year > maxYear}\n      className={cx(classes.yearPickerControl, {\n        [classes.yearPickerControlActive]: year === value,\n      })}\n    >\n      {year}\n    </UnstyledButton>\n  ));\n\n  return (\n    <div className={cx(classes.yearPicker, className)} {...others}>\n      <CalendarHeader\n        label={`${range[0]} – ${range[range.length - 1]}`}\n        hasPrevious={typeof minYear === 'number' ? minYear < range[0] : true}\n        hasNext={typeof maxYear === 'number' ? maxYear > range[range.length - 1] : true}\n        onNext={() => setDecade((current) => current + 10)}\n        onPrevious={() => setDecade((current) => current - 10)}\n        nextLevelDisabled\n        size={size}\n        nextLabel={nextDecadeLabel}\n        previousLabel={previousDecadeLabel}\n        styles={styles}\n        classNames={classNames}\n        __staticSelector={__staticSelector}\n      />\n      <div className={classes.yearPickerControls}>{years}</div>\n    </div>\n  );\n}\n\nYearPicker.displayName = '@mantine/dates/YearPicker';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+import { createStyles, getSharedColorScheme } from '@mantine/core';
+
+const sizes = {
+  xs: 32,
+  sm: 40,
+  md: 46,
+  lg: 52,
+  xl: 56
+};
+var useStyles = createStyles((theme, { size }) => {
+  const colors = getSharedColorScheme({ color: theme.primaryColor, theme, variant: "filled" });
+  return {
+    yearPicker: {
+      width: "100%"
+    },
+    yearPickerControls: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "center"
+    },
+    yearPickerControl: {
+      flex: "0 0 25%",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      height: theme.fn.size({ size, sizes }),
+      textAlign: "center",
+      borderRadius: theme.radius.sm,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+      "&:hover": {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
+      },
+      "&:disabled": {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4],
+        cursor: "not-allowed",
+        "&:hover": {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    yearPickerControlActive: {
+      backgroundColor: colors.background,
+      color: colors.color,
+      "&:hover": {
+        backgroundColor: colors.hover
+      }
+    }
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=YearPicker.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YearPicker.styles.js","sources":["../../../../src/components/CalendarBase/YearPicker/YearPicker.styles.ts"],"sourcesContent":["import { createStyles, getSharedColorScheme, MantineSize } from '@mantine/core';\n\ninterface YearPickerStyles {\n  size: MantineSize;\n}\n\nconst sizes = {\n  xs: 32,\n  sm: 40,\n  md: 46,\n  lg: 52,\n  xl: 56,\n};\n\nexport default createStyles((theme, { size }: YearPickerStyles) => {\n  const colors = getSharedColorScheme({ color: theme.primaryColor, theme, variant: 'filled' });\n\n  return {\n    yearPicker: {\n      width: '100%',\n    },\n\n    yearPickerControls: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n    },\n\n    yearPickerControl: {\n      flex: '0 0 25%',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      height: theme.fn.size({ size, sizes }),\n      textAlign: 'center',\n      borderRadius: theme.radius.sm,\n      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n      },\n\n      '&:disabled': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n        cursor: 'not-allowed',\n\n        '&:hover': {\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n\n    yearPickerControlActive: {\n      backgroundColor: colors.background,\n      color: colors.color,\n\n      '&:hover': {\n        backgroundColor: colors.hover,\n      },\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC/F,EAAE,OAAO;AACT,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,MAAM;AACnB,KAAK;AACL,IAAI,kBAAkB,EAAE;AACxB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,QAAQ,EAAE,MAAM;AACtB,MAAM,cAAc,EAAE,QAAQ;AAC9B,KAAK;AACL,IAAI,iBAAiB,EAAE;AACvB,MAAM,IAAI,EAAE,SAAS;AACrB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC5C,MAAM,SAAS,EAAE,QAAQ;AACzB,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnG,OAAO;AACP,MAAM,YAAY,EAAE;AACpB,QAAQ,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;AACzF,QAAQ,MAAM,EAAE,aAAa;AAC7B,QAAQ,SAAS,EAAE;AACnB,UAAU,eAAe,EAAE,aAAa;AACxC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,uBAAuB,EAAE;AAC7B,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU;AACxC,MAAM,KAAK,EAAE,MAAM,CAAC,KAAK;AACzB,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,MAAM,CAAC,KAAK;AACrC,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js

@@ -0,0 +1,12 @@
+function getDecadeRange(year) {
+  const rounded = year - year % 10 - 1;
+  const range = [];
+  for (let i = 0; i < 12; i += 1) {
+    const rangeYear = rounded + i;
+    range.push(rangeYear);
+  }
+  return range;
+}
+
+export { getDecadeRange };
+//# sourceMappingURL=get-decade-range.js.map

package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-decade-range.js","sources":["../../../../../src/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.ts"],"sourcesContent":["export function getDecadeRange(year: number) {\n  const rounded = year - (year % 10) - 1;\n  const range: number[] = [];\n  for (let i = 0; i < 12; i += 1) {\n    const rangeYear = rounded + i;\n    range.push(rangeYear);\n  }\n\n  return range;\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,CAAC,IAAI,EAAE;AACrC,EAAE,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;AACnB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;AAClC,IAAI,MAAM,SAAS,GAAG,OAAO,GAAG,CAAC,CAAC;AAClC,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC1B,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}