@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/cjs/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dayjs = require('dayjs');
+var React = require('react');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var DateTimePicker_styles = require('./DateTimePicker.styles.js');
+var pickCalendarLevelsProps = require('../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js');
+var useDatesContext = require('../DatesProvider/use-dates-context.js');
+var PickerInputBase = require('../PickerInputBase/PickerInputBase.js');
+var DatePicker = require('../DatePicker/DatePicker.js');
+var TimeInput = require('../TimeInput/TimeInput.js');
+var assignTime = require('../../utils/assign-time/assign-time.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  size: "sm",
+  dropdownType: "popover"
+};
+const DateTimePicker = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("DateTimePicker", defaultProps, props), {
+    value,
+    defaultValue,
+    onChange,
+    valueFormat,
+    locale,
+    classNames,
+    styles,
+    unstyled,
+    timeInputProps,
+    submitButtonProps,
+    withSeconds,
+    level,
+    defaultLevel,
+    size,
+    variant,
+    dropdownType
+  } = _a, rest = __objRest(_a, [
+    "value",
+    "defaultValue",
+    "onChange",
+    "valueFormat",
+    "locale",
+    "classNames",
+    "styles",
+    "unstyled",
+    "timeInputProps",
+    "submitButtonProps",
+    "withSeconds",
+    "level",
+    "defaultLevel",
+    "size",
+    "variant",
+    "dropdownType"
+  ]);
+  const _valueFormat = valueFormat || (withSeconds ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY HH:mm");
+  const { classes, cx } = DateTimePicker_styles['default'](null, {
+    name: "DateTimePicker",
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  });
+  const timeInputRef = React.useRef();
+  const _b = pickCalendarLevelsProps.pickCalendarProps(rest), {
+    calendarProps: _c
+  } = _b, _d = _c, calendarProps = __objRest(_d, ["allowSingleDateInRange"]), {
+    others
+  } = _b;
+  const ctx = useDatesContext.useDatesContext();
+  const [_value, setValue] = hooks.useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: null,
+    onChange
+  });
+  const formatTime = (dateValue) => dateValue ? dayjs__default(dateValue).format(withSeconds ? "HH:mm:ss" : "HH:mm") : "";
+  const [timeValue, setTimeValue] = React.useState(formatTime(_value));
+  const [currentLevel, setCurrentLevel] = React.useState(level || defaultLevel || "month");
+  const [dropdownOpened, dropdownHandlers] = hooks.useDisclosure(false);
+  const formattedValue = _value ? dayjs__default(_value).locale(ctx.getLocale(locale)).format(_valueFormat) : "";
+  const handleTimeChange = (event) => {
+    var _a2;
+    (_a2 = timeInputProps == null ? void 0 : timeInputProps.onChange) == null ? void 0 : _a2.call(timeInputProps, event);
+    const val = event.currentTarget.value;
+    setTimeValue(val);
+    if (val) {
+      const [hours, minutes, seconds] = val.split(":").map(Number);
+      const timeDate = new Date();
+      timeDate.setHours(hours);
+      timeDate.setMinutes(minutes);
+      seconds !== void 0 && timeDate.setSeconds(seconds);
+      setValue(assignTime.assignTime(timeDate, _value || new Date()));
+    }
+  };
+  const handleDateChange = (date) => {
+    var _a2;
+    setValue(assignTime.assignTime(_value, date));
+    (_a2 = timeInputRef.current) == null ? void 0 : _a2.focus();
+  };
+  const handleTimeInputKeyDown = (event) => {
+    var _a2;
+    (_a2 = timeInputProps == null ? void 0 : timeInputProps.onKeyDown) == null ? void 0 : _a2.call(timeInputProps, event);
+    if (event.key === "Enter") {
+      event.preventDefault();
+      dropdownHandlers.close();
+    }
+  };
+  hooks.useDidUpdate(() => {
+    if (!dropdownOpened) {
+      setTimeValue(formatTime(_value));
+    }
+  }, [_value, dropdownOpened]);
+  const __stopPropagation = dropdownType === "popover";
+  return /* @__PURE__ */ React__default.createElement(PickerInputBase.PickerInputBase, __spreadValues({
+    formattedValue,
+    dropdownOpened,
+    dropdownHandlers,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector: "DateTimePicker",
+    ref,
+    onClear: () => setValue(null),
+    shouldClear: !!_value,
+    value: _value,
+    type: "default",
+    size,
+    variant,
+    dropdownType
+  }, others), /* @__PURE__ */ React__default.createElement(DatePicker.DatePicker, __spreadProps(__spreadValues({}, calendarProps), {
+    size,
+    variant,
+    type: "default",
+    value: _value,
+    defaultDate: _value,
+    onChange: handleDateChange,
+    locale,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector: "DateTimePicker",
+    __stopPropagation,
+    level,
+    defaultLevel,
+    onLevelChange: (_level) => {
+      var _a2;
+      setCurrentLevel(_level);
+      (_a2 = calendarProps.onLevelChange) == null ? void 0 : _a2.call(calendarProps, _level);
+    }
+  })), currentLevel === "month" && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.timeWrapper
+  }, /* @__PURE__ */ React__default.createElement(TimeInput.TimeInput, __spreadProps(__spreadValues({
+    value: timeValue,
+    withSeconds,
+    ref: timeInputRef,
+    unstyled
+  }, timeInputProps), {
+    className: cx(classes.timeInput, timeInputProps == null ? void 0 : timeInputProps.className),
+    onChange: handleTimeChange,
+    onKeyDown: handleTimeInputKeyDown,
+    size,
+    "data-mantine-stop-propagation": __stopPropagation || void 0
+  })), /* @__PURE__ */ React__default.createElement(core.ActionIcon, __spreadValues({
+    variant: "default",
+    size: core.INPUT_SIZES[size],
+    onClick: (event) => {
+      var _a2;
+      (_a2 = submitButtonProps == null ? void 0 : submitButtonProps.onClick) == null ? void 0 : _a2.call(submitButtonProps, event);
+      dropdownHandlers.close();
+    },
+    unstyled,
+    "data-mantine-stop-propagation": __stopPropagation || void 0,
+    children: /* @__PURE__ */ React__default.createElement(core.CheckIcon, {
+      width: `calc(${core.INPUT_SIZES[size]} / 3)`
+    })
+  }, submitButtonProps))));
+});
+DateTimePicker.displayName = "@mantine/dates/DateTimePicker";
+
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker.js.map

package/cjs/components/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef, useState, useRef } from 'react';\nimport {\n  useComponentDefaultProps,\n  CheckIcon,\n  ActionIcon,\n  ActionIconProps,\n  Selectors,\n  DefaultProps,\n  INPUT_SIZES,\n} from '@mantine/core';\nimport { useDisclosure, useUncontrolled, useDidUpdate } from '@mantine/hooks';\nimport { assignTime } from '../../utils';\nimport { TimeInput, TimeInputProps } from '../TimeInput';\nimport { pickCalendarProps, CalendarBaseProps, CalendarSettings } from '../Calendar';\nimport { DatePicker } from '../DatePicker';\nimport {\n  PickerInputBase,\n  DateInputSharedProps,\n  PickerInputBaseStylesNames,\n} from '../PickerInputBase';\nimport { DateValue } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport useStyles from './DateTimePicker.styles';\n\nexport type DateTimePickerStylesNames = PickerInputBaseStylesNames | Selectors<typeof useStyles>;\n\nexport interface DateTimePickerProps\n  extends DefaultProps<DateTimePickerStylesNames>,\n    Omit<DateInputSharedProps, 'classNames' | 'styles' | 'closeOnChange'>,\n    Omit<CalendarBaseProps, 'defaultDate'>,\n    Omit<CalendarSettings, 'onYearMouseEnter' | 'onMonthMouseEnter'> {\n  /** Dayjs format to display input value, \"DD/MM/YYYY HH:mm\" by default  */\n  valueFormat?: string;\n\n  /** Controlled component value */\n  value?: DateValue;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: DateValue;\n\n  /** Called when value changes */\n  onChange?(value: DateValue): void;\n\n  /** TimeInput component props */\n  timeInputProps?: TimeInputProps;\n\n  /** Props added to submit button */\n  submitButtonProps?: ActionIconProps & React.ComponentPropsWithoutRef<'button'>;\n\n  /** Determines whether seconds input should be rendered */\n  withSeconds?: boolean;\n}\n\nconst defaultProps: Partial<DateTimePickerProps> = {\n  size: 'sm',\n  dropdownType: 'popover',\n};\n\nexport const DateTimePicker = forwardRef<HTMLButtonElement, DateTimePickerProps>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    valueFormat,\n    locale,\n    classNames,\n    styles,\n    unstyled,\n    timeInputProps,\n    submitButtonProps,\n    withSeconds,\n    level,\n    defaultLevel,\n    size,\n    variant,\n    dropdownType,\n    ...rest\n  } = useComponentDefaultProps('DateTimePicker', defaultProps, props);\n\n  const _valueFormat = valueFormat || (withSeconds ? 'DD/MM/YYYY HH:mm:ss' : 'DD/MM/YYYY HH:mm');\n\n  const { classes, cx } = useStyles(null, {\n    name: 'DateTimePicker',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const timeInputRef = useRef<HTMLInputElement>();\n\n  const {\n    calendarProps: { allowSingleDateInRange, ...calendarProps },\n    others,\n  } = pickCalendarProps(rest);\n\n  const ctx = useDatesContext();\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange,\n  });\n\n  const formatTime = (dateValue: Date) =>\n    dateValue ? dayjs(dateValue).format(withSeconds ? 'HH:mm:ss' : 'HH:mm') : '';\n\n  const [timeValue, setTimeValue] = useState(formatTime(_value));\n  const [currentLevel, setCurrentLevel] = useState(level || defaultLevel || 'month');\n\n  const [dropdownOpened, dropdownHandlers] = useDisclosure(false);\n  const formattedValue = _value\n    ? dayjs(_value).locale(ctx.getLocale(locale)).format(_valueFormat)\n    : '';\n\n  const handleTimeChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    timeInputProps?.onChange?.(event);\n    const val = event.currentTarget.value;\n    setTimeValue(val);\n\n    if (val) {\n      const [hours, minutes, seconds] = val.split(':').map(Number);\n      const timeDate = new Date();\n      timeDate.setHours(hours);\n      timeDate.setMinutes(minutes);\n      seconds !== undefined && timeDate.setSeconds(seconds);\n      setValue(assignTime(timeDate, _value || new Date()));\n    }\n  };\n\n  const handleDateChange = (date: Date) => {\n    setValue(assignTime(_value, date));\n    timeInputRef.current?.focus();\n  };\n\n  const handleTimeInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    timeInputProps?.onKeyDown?.(event);\n\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      dropdownHandlers.close();\n    }\n  };\n\n  useDidUpdate(() => {\n    if (!dropdownOpened) {\n      setTimeValue(formatTime(_value));\n    }\n  }, [_value, dropdownOpened]);\n\n  const __stopPropagation = dropdownType === 'popover';\n\n  return (\n    <PickerInputBase\n      formattedValue={formattedValue}\n      dropdownOpened={dropdownOpened}\n      dropdownHandlers={dropdownHandlers}\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      __staticSelector=\"DateTimePicker\"\n      ref={ref}\n      onClear={() => setValue(null)}\n      shouldClear={!!_value}\n      value={_value}\n      type=\"default\"\n      size={size}\n      variant={variant}\n      dropdownType={dropdownType}\n      {...others}\n    >\n      <DatePicker\n        {...calendarProps}\n        size={size}\n        variant={variant}\n        type=\"default\"\n        value={_value}\n        defaultDate={_value}\n        onChange={handleDateChange}\n        locale={locale}\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        __staticSelector=\"DateTimePicker\"\n        __stopPropagation={__stopPropagation}\n        level={level}\n        defaultLevel={defaultLevel}\n        onLevelChange={(_level) => {\n          setCurrentLevel(_level);\n          calendarProps.onLevelChange?.(_level);\n        }}\n      />\n\n      {currentLevel === 'month' && (\n        <div className={classes.timeWrapper}>\n          <TimeInput\n            value={timeValue}\n            withSeconds={withSeconds}\n            ref={timeInputRef}\n            unstyled={unstyled}\n            {...timeInputProps}\n            className={cx(classes.timeInput, timeInputProps?.className)}\n            onChange={handleTimeChange}\n            onKeyDown={handleTimeInputKeyDown}\n            size={size}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n          />\n\n          <ActionIcon<'button'>\n            variant=\"default\"\n            size={INPUT_SIZES[size]}\n            onClick={(event) => {\n              submitButtonProps?.onClick?.(event);\n              dropdownHandlers.close();\n            }}\n            unstyled={unstyled}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n            // children prop is required to allow overriding icon with submitButtonProps\n            // eslint-disable-next-line react/no-children-prop\n            children={<CheckIcon width={`calc(${INPUT_SIZES[size]} / 3)`} />}\n            {...submitButtonProps}\n          />\n        </div>\n      )}\n    </PickerInputBase>\n  );\n});\n\nDateTimePicker.displayName = '@mantine/dates/DateTimePicker';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useRef","pickCalendarProps","useDatesContext","useUncontrolled","dayjs","useState","useDisclosure","assignTime","useDidUpdate","React","PickerInputBase","DatePicker","TimeInput","ActionIcon","INPUT_SIZES","CheckIcon"],"mappings":"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"}

package/cjs/components/DateTimePicker/DateTimePicker.styles.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useStyles = core.createStyles((theme) => ({
+  timeWrapper: {
+    display: "flex",
+    marginTop: theme.spacing.md
+  },
+  timeInput: {
+    flex: 1,
+    marginRight: theme.spacing.md
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=DateTimePicker.styles.js.map

package/cjs/components/DateTimePicker/DateTimePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.styles.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  timeWrapper: {\n    display: 'flex',\n    marginTop: theme.spacing.md,\n  },\n\n  timeInput: {\n    flex: 1,\n    marginRight: theme.spacing.md,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,WAAW,EAAE;AACf,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC/B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/DatesProvider/DatesProvider.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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;
+};
+const DATES_PROVIDER_DEFAULT_SETTINGS = {
+  locale: "en",
+  firstDayOfWeek: 1,
+  weekendDays: [0, 6]
+};
+const DatesProviderContext = React.createContext(DATES_PROVIDER_DEFAULT_SETTINGS);
+function DatesProvider({ settings, children }) {
+  return /* @__PURE__ */ React__default.createElement(DatesProviderContext.Provider, {
+    value: __spreadValues(__spreadValues({}, DATES_PROVIDER_DEFAULT_SETTINGS), settings)
+  }, children);
+}
+
+exports.DATES_PROVIDER_DEFAULT_SETTINGS = DATES_PROVIDER_DEFAULT_SETTINGS;
+exports.DatesProvider = DatesProvider;
+exports.DatesProviderContext = DatesProviderContext;
+//# sourceMappingURL=DatesProvider.js.map

package/cjs/components/DatesProvider/DatesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatesProvider.js","sources":["../../../src/components/DatesProvider/DatesProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { DayOfWeek } from '../../types';\n\nexport interface DatesProviderValue {\n  locale: string;\n  firstDayOfWeek: DayOfWeek;\n  weekendDays: DayOfWeek[];\n}\n\nexport type DatesProviderSettings = Partial<DatesProviderValue>;\n\nexport const DATES_PROVIDER_DEFAULT_SETTINGS: DatesProviderValue = {\n  locale: 'en',\n  firstDayOfWeek: 1,\n  weekendDays: [0, 6],\n};\n\nexport const DatesProviderContext = createContext(DATES_PROVIDER_DEFAULT_SETTINGS);\n\nexport interface DatesProviderProps {\n  settings: DatesProviderSettings;\n  children: React.ReactNode;\n}\n\nexport function DatesProvider({ settings, children }: DatesProviderProps) {\n  return (\n    <DatesProviderContext.Provider value={{ ...DATES_PROVIDER_DEFAULT_SETTINGS, ...settings }}>\n      {children}\n    </DatesProviderContext.Provider>\n  );\n}\n"],"names":["createContext","React"],"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;AAEU,MAAC,+BAA+B,GAAG;AAC/C,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,cAAc,EAAE,CAAC;AACnB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACrB,EAAE;AACU,MAAC,oBAAoB,GAAGA,mBAAa,CAAC,+BAA+B,EAAE;AAC5E,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;AACtD,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE;AAC5E,IAAI,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,+BAA+B,CAAC,EAAE,QAAQ,CAAC;AACxF,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf;;;;;;"}

package/cjs/components/{DatePickerBase/DatePickerBase.styles.js → DatesProvider/use-dates-context.js}

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('@mantine/core');
+var React = require('react');
+var DatesProvider = require('./DatesProvider.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -23,22 +24,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = core.createStyles((theme) => ({
-  wrapper: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
-    position: "relative",
-    cursor: "pointer"
-  }),
-  input: {
-    cursor: "pointer",
-    whiteSpace: "nowrap",
-    "&:not([data-free-input])::selection": {
-      backgroundColor: "transparent"
-    },
-    "&[data-free-input]": {
-      cursor: "text"
-    }
-  }
-}));
+function useDatesContext() {
+  const ctx = React.useContext(DatesProvider.DatesProviderContext);
+  const getLocale = React.useCallback((input) => input || ctx.locale, [ctx.locale]);
+  const getFirstDayOfWeek = React.useCallback((input) => typeof input === "number" ? input : ctx.firstDayOfWeek, [ctx.firstDayOfWeek]);
+  const getWeekendDays = React.useCallback((input) => Array.isArray(input) ? input : ctx.weekendDays, [ctx.weekendDays]);
+  return __spreadProps(__spreadValues({}, ctx), {
+    getLocale,
+    getFirstDayOfWeek,
+    getWeekendDays
+  });
+}
 
-exports.default = useStyles;
-//# sourceMappingURL=DatePickerBase.styles.js.map
+exports.useDatesContext = useDatesContext;
+//# sourceMappingURL=use-dates-context.js.map

package/cjs/components/DatesProvider/use-dates-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dates-context.js","sources":["../../../src/components/DatesProvider/use-dates-context.ts"],"sourcesContent":["import { useContext, useCallback } from 'react';\nimport { DayOfWeek } from '../../types';\nimport { DatesProviderContext } from './DatesProvider';\n\nexport function useDatesContext() {\n  const ctx = useContext(DatesProviderContext);\n  const getLocale = useCallback((input?: string) => input || ctx.locale, [ctx.locale]);\n  const getFirstDayOfWeek = useCallback(\n    (input?: DayOfWeek) => (typeof input === 'number' ? input : ctx.firstDayOfWeek),\n    [ctx.firstDayOfWeek]\n  );\n\n  const getWeekendDays = useCallback(\n    (input?: DayOfWeek[]) => (Array.isArray(input) ? input : ctx.weekendDays),\n    [ctx.weekendDays]\n  );\n\n  return {\n    ...ctx,\n    getLocale,\n    getFirstDayOfWeek,\n    getWeekendDays,\n  };\n}\n"],"names":["useContext","DatesProviderContext","useCallback"],"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;AAG3D,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAGA,gBAAU,CAACC,kCAAoB,CAAC,CAAC;AAC/C,EAAE,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,iBAAiB,GAAGA,iBAAW,CAAC,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;AACjI,EAAE,MAAM,cAAc,GAAGA,iBAAW,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;AACnH,EAAE,OAAO,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE;AAChD,IAAI,SAAS;AACb,IAAI,iBAAiB;AACrB,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL;;;;"}

package/cjs/components/{Month/Day → Day}/Day.js

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDayTabIndex = require('./get-day-tab-index/get-day-tab-index.js');
-var getDayAutofocus = require('./get-day-autofocus/get-day-autofocus.js');
+var core = require('@mantine/core');
+var dayjs = require('dayjs');
 var Day_styles = require('./Day.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -29,7 +28,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -42,73 +40,71 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Day = React.forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  tabIndex: 0,
+  size: "sm"
+};
+const Day = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("Day", defaultProps, props), {
     className,
-    value,
-    selected,
+    date,
+    radius,
+    disabled,
+    styles,
+    classNames,
+    unstyled,
+    __staticSelector,
     weekend,
     outside,
-    onMouseEnter,
-    classNames,
-    styles,
-    hasValue,
+    selected,
+    renderDay,
+    inRange,
     firstInRange,
     lastInRange,
-    __staticSelector = "Month",
-    inRange,
-    size,
-    fullWidth,
-    firstInMonth,
-    focusable,
-    hideOutsideDates,
-    renderDay,
-    unstyled,
-    disabled,
-    stopPropagation
-  } = _b, others = __objRest(_b, [
+    hidden,
+    static: isStatic,
+    variant,
+    size
+  } = _a, others = __objRest(_a, [
     "className",
-    "value",
-    "selected",
+    "date",
+    "radius",
+    "disabled",
+    "styles",
+    "classNames",
+    "unstyled",
+    "__staticSelector",
     "weekend",
     "outside",
-    "onMouseEnter",
-    "classNames",
-    "styles",
-    "hasValue",
+    "selected",
+    "renderDay",
+    "inRange",
     "firstInRange",
     "lastInRange",
-    "__staticSelector",
-    "inRange",
-    "size",
-    "fullWidth",
-    "firstInMonth",
-    "focusable",
-    "hideOutsideDates",
-    "renderDay",
-    "unstyled",
-    "disabled",
-    "stopPropagation"
+    "hidden",
+    "static",
+    "variant",
+    "size"
   ]);
-  const { classes, cx } = Day_styles['default']({ size, fullWidth, hideOutsideDates }, { classNames, styles, unstyled, name: __staticSelector });
-  return /* @__PURE__ */ React__default.createElement("button", __spreadProps(__spreadValues({}, others), {
-    type: "button",
+  const { classes, cx } = Day_styles['default']({ radius, isStatic }, { name: ["Day", __staticSelector], classNames, styles, unstyled, variant, size });
+  return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
+    component: isStatic ? "div" : "button",
     ref,
+    className: cx(classes.day, className),
     disabled,
-    onMouseEnter: (event) => onMouseEnter(value, event),
-    tabIndex: getDayTabIndex.getDayTabIndex({ focusable, hasValue, selected, firstInMonth }),
-    "data-autofocus": getDayAutofocus.getDayAutofocus({ hasValue, selected, firstInMonth }),
-    "data-mantine-stop-propagation": stopPropagation || void 0,
-    "data-outside": outside && !disabled || void 0,
-    "data-weekend": weekend && !disabled || void 0,
-    "data-selected": selected && !disabled || void 0,
+    "data-today": dayjs__default(date).isSame(new Date(), "day") || void 0,
+    "data-hidden": hidden || void 0,
+    "data-disabled": disabled || void 0,
+    "data-weekend": !disabled && !outside && weekend || void 0,
+    "data-outside": !disabled && outside || void 0,
+    "data-selected": !disabled && selected || void 0,
     "data-in-range": inRange && !disabled || void 0,
     "data-first-in-range": firstInRange && !disabled || void 0,
     "data-last-in-range": lastInRange && !disabled || void 0,
-    className: cx(classes.day, className)
-  }), typeof renderDay === "function" ? renderDay(value) : value.getDate());
+    unstyled
+  }, others), (renderDay == null ? void 0 : renderDay(date)) || date.getDate());
 });
-Day.displayName = "@mantine/core/Day";
+Day.displayName = "@mantine/dates/Day";
 
 exports.Day = Day;
 //# sourceMappingURL=Day.js.map

package/cjs/components/Day/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","sources":["../../../src/components/Day/Day.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  UnstyledButton,\n  DefaultProps,\n  useComponentDefaultProps,\n  MantineNumberSize,\n  Selectors,\n  MantineSize,\n} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport useStyles, { DayStylesParams } from './Day.styles';\n\nexport type DayStylesNames = Selectors<typeof useStyles>;\n\nexport interface DayProps\n  extends DefaultProps<DayStylesNames, DayStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'button'>, 'type'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Determines which element should be used as root, button by default, div if static prop is set */\n  static?: boolean;\n\n  /** Date that should be displayed */\n  date: Date;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Day size */\n  size?: MantineSize;\n\n  /** Determines whether the day should be considered to be a weekend */\n  weekend?: boolean;\n\n  /** Determines whether the day is outside of current month */\n  outside?: boolean;\n\n  /** Determines whether the day is selected */\n  selected?: boolean;\n\n  /** Determines whether the day should not de displayed */\n  hidden?: boolean;\n\n  /** Determines whether day is selected in range */\n  inRange?: boolean;\n\n  /** Determines whether day is first in range selection */\n  firstInRange?: boolean;\n\n  /** Determines whether day is last in range selection */\n  lastInRange?: boolean;\n\n  /** Controls day value rendering */\n  renderDay?(date: Date): React.ReactNode;\n}\n\nconst defaultProps: Partial<DayProps> = {\n  tabIndex: 0,\n  size: 'sm',\n};\n\nexport const Day = forwardRef<HTMLButtonElement, DayProps>((props, ref) => {\n  const {\n    className,\n    date,\n    radius,\n    disabled,\n    styles,\n    classNames,\n    unstyled,\n    __staticSelector,\n    weekend,\n    outside,\n    selected,\n    renderDay,\n    inRange,\n    firstInRange,\n    lastInRange,\n    hidden,\n    static: isStatic,\n    variant,\n    size,\n    ...others\n  } = useComponentDefaultProps('Day', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { radius, isStatic },\n    { name: ['Day', __staticSelector], classNames, styles, unstyled, variant, size }\n  );\n\n  return (\n    <UnstyledButton<any>\n      component={isStatic ? 'div' : 'button'}\n      ref={ref}\n      className={cx(classes.day, className)}\n      disabled={disabled}\n      data-today={dayjs(date).isSame(new Date(), 'day') || undefined}\n      data-hidden={hidden || undefined}\n      data-disabled={disabled || undefined}\n      data-weekend={(!disabled && !outside && weekend) || undefined}\n      data-outside={(!disabled && outside) || undefined}\n      data-selected={(!disabled && selected) || undefined}\n      data-in-range={(inRange && !disabled) || undefined}\n      data-first-in-range={(firstInRange && !disabled) || undefined}\n      data-last-in-range={(lastInRange && !disabled) || undefined}\n      unstyled={unstyled}\n      {...others}\n    >\n      {renderDay?.(date) || date.getDate()}\n    </UnstyledButton>\n  );\n});\n\nDay.displayName = '@mantine/dates/Day';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","UnstyledButton","dayjs"],"mappings":"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"}

package/cjs/components/Day/Day.styles.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const sizes = {
+  xs: core.rem(30),
+  sm: core.rem(36),
+  md: core.rem(42),
+  lg: core.rem(48),
+  xl: core.rem(54)
+};
+var useStyles = core.createStyles((theme, { radius, isStatic }, { size }) => {
+  const colors = theme.fn.variant({ variant: "filled" });
+  const lightColors = theme.fn.variant({ variant: "light" });
+  return {
+    day: __spreadProps(__spreadValues({
+      width: core.getSize({ size, sizes }),
+      height: core.getSize({ size, sizes }),
+      fontSize: core.getSize({ size, sizes: theme.fontSizes }),
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center",
+      userSelect: isStatic ? void 0 : "none",
+      cursor: isStatic ? "default" : "pointer",
+      borderRadius: theme.fn.radius(radius)
+    }, isStatic ? null : theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+    })), {
+      "&:active": isStatic ? void 0 : theme.activeStyles,
+      "&[data-disabled]": __spreadProps(__spreadValues({
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4],
+        cursor: "not-allowed"
+      }, theme.fn.hover({ backgroundColor: "transparent" })), {
+        "&:active": {
+          transform: "none"
+        }
+      }),
+      "&[data-weekend]": {
+        color: theme.colors.red[theme.fn.primaryShade()]
+      },
+      "&[data-outside]": {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]
+      },
+      "&[data-in-range]": __spreadValues({
+        backgroundColor: lightColors.background,
+        borderRadius: 0
+      }, isStatic ? null : theme.fn.hover({ backgroundColor: lightColors.hover })),
+      "&[data-first-in-range]": {
+        borderTopLeftRadius: theme.radius.sm,
+        borderBottomLeftRadius: theme.radius.sm
+      },
+      "&[data-last-in-range]": {
+        borderTopRightRadius: theme.radius.sm,
+        borderBottomRightRadius: theme.radius.sm
+      },
+      "&[data-selected]": __spreadValues({
+        color: colors.color,
+        backgroundColor: colors.background
+      }, isStatic ? null : theme.fn.hover({ backgroundColor: colors.hover })),
+      "&[data-hidden]": {
+        display: "none"
+      }
+    })
+  };
+});
+
+exports.default = useStyles;
+exports.sizes = sizes;
+//# sourceMappingURL=Day.styles.js.map