@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/esm/components/CalendarHeader/CalendarHeader.js

@@ -0,0 +1,150 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps, Box, UnstyledButton } from '@mantine/core';
+import { Chevron } from './Chevron.js';
+import useStyles from './CalendarHeader.styles.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  nextDisabled: false,
+  previousDisabled: false,
+  hasNextLevel: true,
+  withNext: true,
+  withPrevious: true,
+  size: "sm"
+};
+const CalendarHeader = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("CalendarHeader", defaultProps, props), {
+    className,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    label,
+    classNames,
+    styles,
+    unstyled,
+    nextDisabled,
+    previousDisabled,
+    hasNextLevel,
+    levelControlAriaLabel,
+    withNext,
+    withPrevious,
+    __staticSelector,
+    __preventFocus,
+    __stopPropagation,
+    size,
+    variant
+  } = _a, others = __objRest(_a, [
+    "className",
+    "nextIcon",
+    "previousIcon",
+    "nextLabel",
+    "previousLabel",
+    "onNext",
+    "onPrevious",
+    "onLevelClick",
+    "label",
+    "classNames",
+    "styles",
+    "unstyled",
+    "nextDisabled",
+    "previousDisabled",
+    "hasNextLevel",
+    "levelControlAriaLabel",
+    "withNext",
+    "withPrevious",
+    "__staticSelector",
+    "__preventFocus",
+    "__stopPropagation",
+    "size",
+    "variant"
+  ]);
+  const { classes, cx } = useStyles(null, {
+    name: ["CalendarHeader", __staticSelector],
+    classNames,
+    styles,
+    unstyled,
+    size,
+    variant
+  });
+  const preventFocus = __preventFocus ? (event) => event.preventDefault() : void 0;
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    className: cx(classes.calendarHeader, className),
+    ref
+  }, others), withPrevious && /* @__PURE__ */ React.createElement(UnstyledButton, {
+    className: classes.calendarHeaderControl,
+    "data-previous": true,
+    "aria-label": previousLabel,
+    onClick: onPrevious,
+    unstyled,
+    onMouseDown: preventFocus,
+    disabled: previousDisabled,
+    "data-disabled": previousDisabled || void 0,
+    tabIndex: __preventFocus ? -1 : 0,
+    "data-mantine-stop-propagation": __stopPropagation || void 0
+  }, previousIcon || /* @__PURE__ */ React.createElement(Chevron, {
+    className: classes.calendarHeaderControlIcon,
+    direction: "previous",
+    "data-previous": true
+  })), /* @__PURE__ */ React.createElement(UnstyledButton, {
+    component: hasNextLevel ? "button" : "div",
+    className: classes.calendarHeaderLevel,
+    onClick: hasNextLevel ? onLevelClick : void 0,
+    unstyled,
+    onMouseDown: hasNextLevel ? preventFocus : void 0,
+    disabled: !hasNextLevel,
+    "data-static": !hasNextLevel || void 0,
+    "aria-label": levelControlAriaLabel,
+    tabIndex: __preventFocus ? -1 : 0,
+    "data-mantine-stop-propagation": __stopPropagation || void 0
+  }, label), withNext && /* @__PURE__ */ React.createElement(UnstyledButton, {
+    className: classes.calendarHeaderControl,
+    "data-next": true,
+    "aria-label": nextLabel,
+    onClick: onNext,
+    unstyled,
+    onMouseDown: preventFocus,
+    disabled: nextDisabled,
+    "data-disabled": nextDisabled || void 0,
+    tabIndex: __preventFocus ? -1 : 0,
+    "data-mantine-stop-propagation": __stopPropagation || void 0
+  }, nextIcon || /* @__PURE__ */ React.createElement(Chevron, {
+    className: classes.calendarHeaderControlIcon,
+    direction: "next",
+    "data-next": true
+  })));
+});
+CalendarHeader.displayName = "@mantine/dates/CalendarHeader";
+
+export { CalendarHeader };
+//# sourceMappingURL=CalendarHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sources":["../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  Box,\n  useComponentDefaultProps,\n  UnstyledButton,\n  MantineSize,\n} from '@mantine/core';\nimport { Chevron } from './Chevron';\nimport useStyles from './CalendarHeader.styles';\n\nexport type CalendarHeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface CalendarHeaderSettings {\n  __preventFocus?: boolean;\n\n  /** Determines whether propagation for Escape key should be stopped */\n  __stopPropagation?: boolean;\n\n  /** Change next icon */\n  nextIcon?: React.ReactNode;\n\n  /** Change previous icon */\n  previousIcon?: React.ReactNode;\n\n  /** aria-label for next button */\n  nextLabel?: string;\n\n  /** aria-label for previous button */\n  previousLabel?: string;\n\n  /** Called when next button is clicked */\n  onNext?(): void;\n\n  /** Called when previous button is clicked */\n  onPrevious?(): void;\n\n  /** Called when level button is clicked */\n  onLevelClick?(): void;\n\n  /** Determines whether next control should be disabled, defaults to true */\n  nextDisabled?: boolean;\n\n  /** Determines whether previous control should be disabled, defaults to true */\n  previousDisabled?: boolean;\n\n  /** Determines whether next level button should be enabled, defaults to true */\n  hasNextLevel?: boolean;\n\n  /** Determines whether next control should be rendered, defaults to true */\n  withNext?: boolean;\n\n  /** Determines whether previous control should be rendered, defaults to true */\n  withPrevious?: boolean;\n\n  /** Component size */\n  size?: MantineSize;\n}\n\nexport interface CalendarHeaderProps\n  extends DefaultProps<CalendarHeaderStylesNames>,\n    CalendarHeaderSettings,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Label displayed between next and previous buttons */\n  label: React.ReactNode;\n\n  /** aria-label for level control */\n  levelControlAriaLabel?: string;\n}\n\nconst defaultProps: Partial<CalendarHeaderProps> = {\n  nextDisabled: false,\n  previousDisabled: false,\n  hasNextLevel: true,\n  withNext: true,\n  withPrevious: true,\n  size: 'sm',\n};\n\nexport const CalendarHeader = forwardRef<HTMLDivElement, CalendarHeaderProps>((props, ref) => {\n  const {\n    className,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    onLevelClick,\n    label,\n    classNames,\n    styles,\n    unstyled,\n    nextDisabled,\n    previousDisabled,\n    hasNextLevel,\n    levelControlAriaLabel,\n    withNext,\n    withPrevious,\n    __staticSelector,\n    __preventFocus,\n    __stopPropagation,\n    size,\n    variant,\n    ...others\n  } = useComponentDefaultProps('CalendarHeader', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['CalendarHeader', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    size,\n    variant,\n  });\n\n  const preventFocus = __preventFocus\n    ? (event: React.MouseEvent<HTMLElement>) => event.preventDefault()\n    : undefined;\n\n  return (\n    <Box className={cx(classes.calendarHeader, className)} ref={ref} {...others}>\n      {withPrevious && (\n        <UnstyledButton\n          className={classes.calendarHeaderControl}\n          data-previous\n          aria-label={previousLabel}\n          onClick={onPrevious}\n          unstyled={unstyled}\n          onMouseDown={preventFocus}\n          disabled={previousDisabled}\n          data-disabled={previousDisabled || undefined}\n          tabIndex={__preventFocus ? -1 : 0}\n          data-mantine-stop-propagation={__stopPropagation || undefined}\n        >\n          {previousIcon || (\n            <Chevron\n              className={classes.calendarHeaderControlIcon}\n              direction=\"previous\"\n              data-previous\n            />\n          )}\n        </UnstyledButton>\n      )}\n\n      <UnstyledButton\n        component={hasNextLevel ? 'button' : 'div'}\n        className={classes.calendarHeaderLevel}\n        onClick={hasNextLevel ? onLevelClick : undefined}\n        unstyled={unstyled}\n        onMouseDown={hasNextLevel ? preventFocus : undefined}\n        disabled={!hasNextLevel}\n        data-static={!hasNextLevel || undefined}\n        aria-label={levelControlAriaLabel}\n        tabIndex={__preventFocus ? -1 : 0}\n        data-mantine-stop-propagation={__stopPropagation || undefined}\n      >\n        {label}\n      </UnstyledButton>\n\n      {withNext && (\n        <UnstyledButton\n          className={classes.calendarHeaderControl}\n          data-next\n          aria-label={nextLabel}\n          onClick={onNext}\n          unstyled={unstyled}\n          onMouseDown={preventFocus}\n          disabled={nextDisabled}\n          data-disabled={nextDisabled || undefined}\n          tabIndex={__preventFocus ? -1 : 0}\n          data-mantine-stop-propagation={__stopPropagation || undefined}\n        >\n          {nextIcon || (\n            <Chevron className={classes.calendarHeaderControlIcon} direction=\"next\" data-next />\n          )}\n        </UnstyledButton>\n      )}\n    </Box>\n  );\n});\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,80 @@
+import { createStyles, getSize, rem } from '@mantine/core';
+import { sizes } from '../Day/Day.styles.js';
+
+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 useStyles = createStyles((theme, _, { size }) => {
+  const controlSize = getSize({ size, sizes });
+  return {
+    calendarHeaderControlIcon: {},
+    calendarHeader: {
+      display: "flex",
+      maxWidth: `calc(${controlSize} * 7 + ${rem(7)})`
+    },
+    calendarHeaderControl: __spreadProps(__spreadValues({
+      width: controlSize,
+      height: controlSize,
+      borderRadius: theme.fn.radius(),
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      userSelect: "none"
+    }, theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+    })), {
+      "&:active": theme.activeStyles,
+      "&[data-disabled]": __spreadProps(__spreadValues({
+        opacity: 0.2,
+        cursor: "not-allowed"
+      }, theme.fn.hover({ backgroundColor: "transparent" })), {
+        "&:active": {
+          transform: "none"
+        }
+      })
+    }),
+    calendarHeaderLevel: __spreadProps(__spreadValues({
+      height: controlSize,
+      borderRadius: theme.fn.radius(),
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      userSelect: "none",
+      flex: 1,
+      fontSize: getSize({ size, sizes: theme.fontSizes }),
+      fontWeight: 500,
+      textTransform: "capitalize"
+    }, theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+    })), {
+      "&:active": theme.activeStyles,
+      "&[data-static]": __spreadProps(__spreadValues({
+        cursor: "default",
+        userSelect: "unset"
+      }, theme.fn.hover({ backgroundColor: "transparent" })), {
+        "&:active": {
+          transform: "none"
+        }
+      })
+    })
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=CalendarHeader.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../src/components/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { createStyles, getSize, rem } from '@mantine/core';\nimport { sizes } from '../Day/Day.styles';\n\nexport default createStyles((theme, _, { size }) => {\n  const controlSize = getSize({ size, sizes });\n  return {\n    calendarHeaderControlIcon: {},\n\n    calendarHeader: {\n      display: 'flex',\n      maxWidth: `calc(${controlSize} * 7 + ${rem(7)})`,\n    },\n\n    calendarHeaderControl: {\n      width: controlSize,\n      height: controlSize,\n      borderRadius: theme.fn.radius(),\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      userSelect: 'none',\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      }),\n\n      '&:active': theme.activeStyles,\n\n      '&[data-disabled]': {\n        opacity: 0.2,\n        cursor: 'not-allowed',\n        ...theme.fn.hover({ backgroundColor: 'transparent' }),\n\n        '&:active': {\n          transform: 'none',\n        },\n      },\n    },\n\n    calendarHeaderLevel: {\n      height: controlSize,\n      borderRadius: theme.fn.radius(),\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      userSelect: 'none',\n      flex: 1,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      fontWeight: 500,\n      textTransform: 'capitalize',\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      }),\n\n      '&:active': theme.activeStyles,\n\n      '&[data-static]': {\n        cursor: 'default',\n        userSelect: 'unset',\n        ...theme.fn.hover({ backgroundColor: 'transparent' }),\n\n        '&:active': {\n          transform: 'none',\n        },\n      },\n    },\n  };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/{CalendarBase/CalendarHeader/ArrowIcon.js → CalendarHeader/Chevron.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useMantineTheme } from '@mantine/core';
+import { useMantineTheme, ChevronIcon } from '@mantine/core';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -32,24 +32,16 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function ArrowIcon(_a) {
+function Chevron(_a) {
   var _b = _a, { direction, style } = _b, others = __objRest(_b, ["direction", "style"]);
   const theme = useMantineTheme();
-  return /* @__PURE__ */ React.createElement("svg", __spreadValues({
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
+  return /* @__PURE__ */ React.createElement(ChevronIcon, __spreadProps(__spreadValues({}, others), {
     style: __spreadProps(__spreadValues({}, style), {
-      transform: direction === "right" && theme.dir === "ltr" || direction === "left" && theme.dir === "rtl" ? "rotate(180deg)" : "none"
+      transform: direction === "next" && theme.dir === "ltr" || direction === "previous" && theme.dir === "rtl" ? "rotate(270deg)" : "rotate(90deg)"
     })
-  }, others), /* @__PURE__ */ React.createElement("path", {
-    d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
   }));
 }
-ArrowIcon.displayName = "@mantine/dates/ArrowIcon";
+Chevron.displayName = "@mantine/dates/Chevron";
 
-export { ArrowIcon };
-//# sourceMappingURL=ArrowIcon.js.map
+export { Chevron };
+//# sourceMappingURL=Chevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.js","sources":["../../../src/components/CalendarHeader/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronIcon, useMantineTheme } from '@mantine/core';\n\ninterface ChevronProps extends React.ComponentPropsWithoutRef<'svg'> {\n  direction: 'next' | 'previous';\n}\n\nexport function Chevron({ direction, style, ...others }: ChevronProps) {\n  const theme = useMantineTheme();\n  return (\n    <ChevronIcon\n      {...others}\n      style={{\n        ...style,\n        transform:\n          (direction === 'next' && theme.dir === 'ltr') ||\n          (direction === 'previous' && theme.dir === 'rtl')\n            ? 'rotate(270deg)'\n            : 'rotate(90deg)',\n      }}\n    />\n  );\n}\n\nChevron.displayName = '@mantine/dates/Chevron';\n"],"names":[],"mappings":"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"}

package/esm/components/DateInput/DateInput.js

@@ -0,0 +1,243 @@
+import dayjs from 'dayjs';
+import React, { forwardRef, useEffect, useState } from 'react';
+import { useInputProps, CloseButton, Input, Popover } from '@mantine/core';
+import { useUncontrolled, useDidUpdate } from '@mantine/hooks';
+import { isDateValid } from './is-date-valid/is-date-valid.js';
+import { dateStringParser } from './date-string-parser/date-string-parser.js';
+import { pickCalendarProps } from '../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js';
+import { useDatesContext } from '../DatesProvider/use-dates-context.js';
+import { Calendar } from '../Calendar/Calendar.js';
+import { HiddenDatesInput } from '../HiddenDatesInput/HiddenDatesInput.js';
+import { assignTime } from '../../utils/assign-time/assign-time.js';
+
+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 = {
+  valueFormat: "MMMM D, YYYY",
+  fixOnBlur: true,
+  preserveTime: true,
+  size: "sm"
+};
+const DateInput = forwardRef((props, ref) => {
+  const _a = useInputProps("DateInput", defaultProps, props), {
+    inputProps,
+    wrapperProps,
+    value,
+    defaultValue,
+    onChange,
+    clearable,
+    clearButtonProps,
+    popoverProps,
+    getDayProps,
+    locale,
+    valueFormat,
+    dateParser,
+    minDate,
+    maxDate,
+    fixOnBlur,
+    onFocus,
+    onBlur,
+    onClick,
+    readOnly,
+    name,
+    form,
+    rightSection,
+    unstyled,
+    classNames,
+    styles,
+    allowDeselect,
+    preserveTime,
+    date,
+    defaultDate,
+    onDateChange
+  } = _a, rest = __objRest(_a, [
+    "inputProps",
+    "wrapperProps",
+    "value",
+    "defaultValue",
+    "onChange",
+    "clearable",
+    "clearButtonProps",
+    "popoverProps",
+    "getDayProps",
+    "locale",
+    "valueFormat",
+    "dateParser",
+    "minDate",
+    "maxDate",
+    "fixOnBlur",
+    "onFocus",
+    "onBlur",
+    "onClick",
+    "readOnly",
+    "name",
+    "form",
+    "rightSection",
+    "unstyled",
+    "classNames",
+    "styles",
+    "allowDeselect",
+    "preserveTime",
+    "date",
+    "defaultDate",
+    "onDateChange"
+  ]);
+  const { calendarProps, others } = pickCalendarProps(rest);
+  const ctx = useDatesContext();
+  const defaultDateParser = (val) => {
+    const parsedDate = dayjs(val, valueFormat, ctx.getLocale(locale)).toDate();
+    return Number.isNaN(parsedDate.getTime()) ? dateStringParser(val) : parsedDate;
+  };
+  const _dateParser = dateParser || defaultDateParser;
+  const _allowDeselect = clearable || allowDeselect;
+  const formatValue = (val) => val ? dayjs(val).locale(ctx.getLocale(locale)).format(valueFormat) : "";
+  const [_value, setValue, controlled] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: null,
+    onChange
+  });
+  const [_date, setDate] = useUncontrolled({
+    value: date,
+    defaultValue,
+    finalValue: null,
+    onChange: onDateChange
+  });
+  useEffect(() => {
+    if (controlled) {
+      setDate(value);
+    }
+  }, [controlled, value]);
+  const [inputValue, setInputValue] = useState(formatValue(_value));
+  useEffect(() => {
+    setInputValue(formatValue(_value));
+  }, [ctx.getLocale(locale)]);
+  const [dropdownOpened, setDropdownOpened] = useState(false);
+  const handleInputChange = (event) => {
+    const val = event.currentTarget.value;
+    setInputValue(val);
+    if (val.trim() === "" && _allowDeselect) {
+      setValue(null);
+    } else {
+      const dateValue = _dateParser(val);
+      if (isDateValid({ date: dateValue, minDate, maxDate })) {
+        setValue(dateValue);
+        setDate(dateValue);
+      }
+    }
+  };
+  const handleInputBlur = (event) => {
+    onBlur == null ? void 0 : onBlur(event);
+    setDropdownOpened(false);
+    fixOnBlur && setInputValue(formatValue(_value));
+  };
+  const handleInputFocus = (event) => {
+    onFocus == null ? void 0 : onFocus(event);
+    setDropdownOpened(true);
+  };
+  const handleInputClick = (event) => {
+    onClick == null ? void 0 : onClick(event);
+    setDropdownOpened(true);
+  };
+  const _getDayProps = (day) => __spreadProps(__spreadValues({}, getDayProps == null ? void 0 : getDayProps(day)), {
+    selected: dayjs(_value).isSame(day, "day"),
+    onClick: () => {
+      const valueWithTime = preserveTime ? assignTime(_value, day) : day;
+      const val = _allowDeselect ? dayjs(_value).isSame(day, "day") ? null : valueWithTime : valueWithTime;
+      setValue(val);
+      !controlled && setInputValue(formatValue(val));
+      setDropdownOpened(false);
+    }
+  });
+  const _rightSection = rightSection || (clearable && _value && !readOnly ? /* @__PURE__ */ React.createElement(CloseButton, __spreadValues({
+    variant: "transparent",
+    onMouseDown: (event) => event.preventDefault(),
+    tabIndex: -1,
+    onClick: () => {
+      setValue(null);
+      !controlled && setInputValue("");
+    },
+    unstyled
+  }, clearButtonProps)) : null);
+  useDidUpdate(() => {
+    value !== void 0 && !dropdownOpened && setInputValue(formatValue(value));
+  }, [value]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadProps(__spreadValues({}, wrapperProps), {
+    __staticSelector: "DateInput"
+  }), /* @__PURE__ */ React.createElement(Popover, __spreadValues({
+    opened: dropdownOpened,
+    trapFocus: false,
+    position: "bottom-start",
+    disabled: readOnly,
+    withRoles: false
+  }, popoverProps), /* @__PURE__ */ React.createElement(Popover.Target, null, /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues(__spreadValues({
+    "data-dates-input": true,
+    "data-read-only": readOnly || void 0,
+    autoComplete: "off",
+    ref,
+    value: inputValue,
+    onChange: handleInputChange,
+    onBlur: handleInputBlur,
+    onFocus: handleInputFocus,
+    onClick: handleInputClick,
+    readOnly,
+    rightSection: _rightSection
+  }, inputProps), others), {
+    __staticSelector: "DateInput"
+  }))), /* @__PURE__ */ React.createElement(Popover.Dropdown, {
+    onMouseDown: (event) => event.preventDefault(),
+    "data-dates-dropdown": true
+  }, /* @__PURE__ */ React.createElement(Calendar, __spreadProps(__spreadValues({
+    __staticSelector: "DateInput"
+  }, calendarProps), {
+    classNames,
+    styles,
+    unstyled,
+    __preventFocus: true,
+    minDate,
+    maxDate,
+    locale,
+    getDayProps: _getDayProps,
+    size: inputProps.size,
+    date: _date,
+    onDateChange: setDate
+  }))))), /* @__PURE__ */ React.createElement(HiddenDatesInput, {
+    name,
+    form,
+    value: _value,
+    type: "default"
+  }));
+});
+DateInput.displayName = "@mantine/dates/DateInput";
+
+export { DateInput };
+//# sourceMappingURL=DateInput.js.map

package/esm/components/DateInput/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sources":["../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef, useState, useEffect } from 'react';\nimport {\n  DefaultProps,\n  InputSharedProps,\n  InputWrapperBaseProps,\n  InputStylesNames,\n  InputWrapperStylesNames,\n  useInputProps,\n  Input,\n  PopoverProps,\n  Popover,\n  CloseButton,\n} from '@mantine/core';\nimport { useUncontrolled, useDidUpdate } from '@mantine/hooks';\nimport { Calendar, CalendarBaseProps, CalendarStylesNames, pickCalendarProps } from '../Calendar';\nimport { DecadeLevelSettings } from '../DecadeLevel';\nimport { YearLevelSettings } from '../YearLevel';\nimport { MonthLevelSettings } from '../MonthLevel';\nimport { HiddenDatesInput } from '../HiddenDatesInput';\nimport { assignTime } from '../../utils';\nimport { DateValue } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport { isDateValid } from './is-date-valid/is-date-valid';\nimport { dateStringParser } from './date-string-parser/date-string-parser';\n\nexport type DateInputStylesNames = CalendarStylesNames | InputStylesNames | InputWrapperStylesNames;\n\nexport interface DateInputProps\n  extends DefaultProps<DateInputStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    CalendarBaseProps,\n    DecadeLevelSettings,\n    YearLevelSettings,\n    MonthLevelSettings,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Parses user input to convert it to Date object */\n  dateParser?: (value: string) => Date | null;\n\n  /** Value for controlled component */\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  /** Props added to Popover component */\n  popoverProps?: Partial<Omit<PopoverProps, 'children'>>;\n\n  /** Determines whether input value can be cleared, adds clear button to right section, false by default */\n  clearable?: boolean;\n\n  /** Props added to clear button */\n  clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;\n\n  /** Dayjs format to display input value, \"MMMM D, YYYY\" by default  */\n  valueFormat?: string;\n\n  /** Determines whether input value should be reverted to last known valid value on blur, true by default */\n  fixOnBlur?: boolean;\n\n  /** Determines whether value can be deselected when the user clicks on the selected date in the calendar or erases content of the input, true if clearable prop is set, false by default */\n  allowDeselect?: boolean;\n\n  /** Determines whether time (hours, minutes, seconds and milliseconds) should be preserved when new date is picked, true by default */\n  preserveTime?: boolean;\n}\n\nconst defaultProps: Partial<DateInputProps> = {\n  valueFormat: 'MMMM D, YYYY',\n  fixOnBlur: true,\n  preserveTime: true,\n  size: 'sm',\n};\n\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>((props, ref) => {\n  const {\n    inputProps,\n    wrapperProps,\n    value,\n    defaultValue,\n    onChange,\n    clearable,\n    clearButtonProps,\n    popoverProps,\n    getDayProps,\n    locale,\n    valueFormat,\n    dateParser,\n    minDate,\n    maxDate,\n    fixOnBlur,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    name,\n    form,\n    rightSection,\n    unstyled,\n    classNames,\n    styles,\n    allowDeselect,\n    preserveTime,\n    date,\n    defaultDate,\n    onDateChange,\n    ...rest\n  } = useInputProps('DateInput', defaultProps, props);\n  const { calendarProps, others } = pickCalendarProps(rest);\n  const ctx = useDatesContext();\n  const defaultDateParser = (val: string) => {\n    const parsedDate = dayjs(val, valueFormat, ctx.getLocale(locale)).toDate();\n    return Number.isNaN(parsedDate.getTime()) ? dateStringParser(val) : parsedDate;\n  };\n\n  const _dateParser = dateParser || defaultDateParser;\n  const _allowDeselect = clearable || allowDeselect;\n\n  const formatValue = (val: Date) =>\n    val ? dayjs(val).locale(ctx.getLocale(locale)).format(valueFormat) : '';\n\n  const [_value, setValue, controlled] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange,\n  });\n\n  const [_date, setDate] = useUncontrolled({\n    value: date,\n    defaultValue,\n    finalValue: null,\n    onChange: onDateChange,\n  });\n\n  useEffect(() => {\n    if (controlled) {\n      setDate(value);\n    }\n  }, [controlled, value]);\n\n  const [inputValue, setInputValue] = useState(formatValue(_value));\n\n  useEffect(() => {\n    setInputValue(formatValue(_value));\n  }, [ctx.getLocale(locale)]);\n\n  const [dropdownOpened, setDropdownOpened] = useState(false);\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const val = event.currentTarget.value;\n    setInputValue(val);\n\n    if (val.trim() === '' && _allowDeselect) {\n      setValue(null);\n    } else {\n      const dateValue = _dateParser(val);\n      if (isDateValid({ date: dateValue, minDate, maxDate })) {\n        setValue(dateValue);\n        setDate(dateValue);\n      }\n    }\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    setDropdownOpened(false);\n    fixOnBlur && setInputValue(formatValue(_value));\n  };\n\n  const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setDropdownOpened(true);\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    onClick?.(event);\n    setDropdownOpened(true);\n  };\n\n  const _getDayProps = (day: Date) => ({\n    ...getDayProps?.(day),\n    selected: dayjs(_value).isSame(day, 'day'),\n    onClick: () => {\n      const valueWithTime = preserveTime ? assignTime(_value, day) : day;\n      const val = _allowDeselect\n        ? dayjs(_value).isSame(day, 'day')\n          ? null\n          : valueWithTime\n        : valueWithTime;\n      setValue(val);\n      !controlled && setInputValue(formatValue(val));\n      setDropdownOpened(false);\n    },\n  });\n\n  const _rightSection =\n    rightSection ||\n    (clearable && _value && !readOnly ? (\n      <CloseButton\n        variant=\"transparent\"\n        onMouseDown={(event) => event.preventDefault()}\n        tabIndex={-1}\n        onClick={() => {\n          setValue(null);\n          !controlled && setInputValue('');\n        }}\n        unstyled={unstyled}\n        {...clearButtonProps}\n      />\n    ) : null);\n\n  useDidUpdate(() => {\n    value !== undefined && !dropdownOpened && setInputValue(formatValue(value));\n  }, [value]);\n\n  return (\n    <>\n      <Input.Wrapper {...wrapperProps} __staticSelector=\"DateInput\">\n        <Popover\n          opened={dropdownOpened}\n          trapFocus={false}\n          position=\"bottom-start\"\n          disabled={readOnly}\n          withRoles={false}\n          {...popoverProps}\n        >\n          <Popover.Target>\n            <Input\n              data-dates-input\n              data-read-only={readOnly || undefined}\n              autoComplete=\"off\"\n              ref={ref}\n              value={inputValue}\n              onChange={handleInputChange}\n              onBlur={handleInputBlur}\n              onFocus={handleInputFocus}\n              onClick={handleInputClick}\n              readOnly={readOnly}\n              rightSection={_rightSection}\n              {...inputProps}\n              {...others}\n              __staticSelector=\"DateInput\"\n            />\n          </Popover.Target>\n          <Popover.Dropdown onMouseDown={(event) => event.preventDefault()} data-dates-dropdown>\n            <Calendar\n              __staticSelector=\"DateInput\"\n              {...calendarProps}\n              classNames={classNames}\n              styles={styles}\n              unstyled={unstyled}\n              __preventFocus\n              minDate={minDate}\n              maxDate={maxDate}\n              locale={locale}\n              getDayProps={_getDayProps}\n              size={inputProps.size}\n              date={_date}\n              onDateChange={setDate}\n            />\n          </Popover.Dropdown>\n        </Popover>\n      </Input.Wrapper>\n      <HiddenDatesInput name={name} form={form} value={_value} type=\"default\" />\n    </>\n  );\n});\n\nDateInput.displayName = '@mantine/dates/DateInput';\n"],"names":[],"mappings":"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"}

package/esm/components/DateInput/date-string-parser/date-string-parser.js

@@ -0,0 +1,10 @@
+function dateStringParser(dateString) {
+  const date = new Date(dateString);
+  if (Number.isNaN(date.getTime()) || !dateString) {
+    return null;
+  }
+  return date;
+}
+
+export { dateStringParser };
+//# sourceMappingURL=date-string-parser.js.map

package/esm/components/DateInput/date-string-parser/date-string-parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-string-parser.js","sources":["../../../../src/components/DateInput/date-string-parser/date-string-parser.ts"],"sourcesContent":["export function dateStringParser(dateString: string) {\n  const date = new Date(dateString);\n\n  if (Number.isNaN(date.getTime()) || !dateString) {\n    return null;\n  }\n\n  return date;\n}\n"],"names":[],"mappings":"AAAO,SAAS,gBAAgB,CAAC,UAAU,EAAE;AAC7C,EAAE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;AACpC,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;AACnD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/esm/components/DateInput/is-date-valid/is-date-valid.js

@@ -0,0 +1,20 @@
+import dayjs from 'dayjs';
+
+function isDateValid({ date, maxDate, minDate }) {
+  if (date == null) {
+    return false;
+  }
+  if (Number.isNaN(date.getTime())) {
+    return false;
+  }
+  if (maxDate && dayjs(date).isAfter(maxDate, "date")) {
+    return false;
+  }
+  if (minDate && dayjs(date).isBefore(minDate, "date")) {
+    return false;
+  }
+  return true;
+}
+
+export { isDateValid };
+//# sourceMappingURL=is-date-valid.js.map

package/esm/components/DateInput/is-date-valid/is-date-valid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-date-valid.js","sources":["../../../../src/components/DateInput/is-date-valid/is-date-valid.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\ninterface IsDateValid {\n  date: Date;\n  maxDate: Date;\n  minDate: Date;\n}\n\nexport function isDateValid({ date, maxDate, minDate }: IsDateValid) {\n  if (date == null) {\n    return false;\n  }\n\n  if (Number.isNaN(date.getTime())) {\n    return false;\n  }\n\n  if (maxDate && dayjs(date).isAfter(maxDate, 'date')) {\n    return false;\n  }\n\n  if (minDate && dayjs(date).isBefore(minDate, 'date')) {\n    return false;\n  }\n\n  return true;\n}\n"],"names":[],"mappings":";;AACO,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;AACxD,EAAE,IAAI,IAAI,IAAI,IAAI,EAAE;AACpB,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;AACpC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACvD,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACxD,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}