@mantine/dates 6.0.19 → 7.0.0-beta.0

package/esm/components/DatePicker/DatePicker.js

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps } from '@mantine/core';
+import React from 'react';
+import { factory, useProps, useResolvedStylesApi } from '@mantine/core';
 import { useDatesState } from '../../hooks/use-dates-state/use-dates-state.js';
 import { Calendar } from '../Calendar/Calendar.js';
 
@@ -33,10 +33,16 @@ var __objRest = (source, exclude) => {
 };
 const defaultProps = {
   type: "default",
+  defaultLevel: "month",
   numberOfColumns: 1
 };
-const DatePicker = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("DatePicker", defaultProps, props), {
+const DatePicker = factory((_props, ref) => {
+  const props = useProps("DatePicker", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    styles,
+    unstyled,
+    vars,
     type,
     defaultValue,
     value,
@@ -46,8 +52,15 @@ const DatePicker = forwardRef((props, ref) => {
     allowSingleDateInRange,
     allowDeselect,
     onMouseLeave,
-    numberOfColumns
+    numberOfColumns,
+    hideOutsideDates,
+    __onDayMouseEnter,
+    __onDayClick
   } = _a, others = __objRest(_a, [
+    "classNames",
+    "styles",
+    "unstyled",
+    "vars",
     "type",
     "defaultValue",
     "value",
@@ -57,7 +70,10 @@ const DatePicker = forwardRef((props, ref) => {
     "allowSingleDateInRange",
     "allowDeselect",
     "onMouseLeave",
-    "numberOfColumns"
+    "numberOfColumns",
+    "hideOutsideDates",
+    "__onDayMouseEnter",
+    "__onDayClick"
   ]);
   const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({
     type,
@@ -69,18 +85,35 @@ const DatePicker = forwardRef((props, ref) => {
     onChange,
     onMouseLeave
   });
-  return /* @__PURE__ */ React.createElement(Calendar, __spreadValues({
-    ref,
-    minLevel: "month",
-    __staticSelector: __staticSelector || "DatePicker",
-    onMouseLeave: onRootMouseLeave,
-    hideOutsideDates: numberOfColumns !== 1,
-    numberOfColumns,
-    __onDayMouseEnter: (_event, date) => onHoveredDateChange(date),
-    __onDayClick: (_event, date) => onDateChange(date),
-    getDayProps: (date) => __spreadValues(__spreadValues({}, getControlProps(date)), getDayProps == null ? void 0 : getDayProps(date))
-  }, others));
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  return /* @__PURE__ */ React.createElement(
+    Calendar,
+    __spreadValues({
+      ref,
+      minLevel: "month",
+      classNames: resolvedClassNames,
+      styles: resolvedStyles,
+      __staticSelector: __staticSelector || "DatePicker",
+      onMouseLeave: onRootMouseLeave,
+      numberOfColumns,
+      hideOutsideDates: hideOutsideDates != null ? hideOutsideDates : numberOfColumns !== 1,
+      __onDayMouseEnter: (_event, date) => {
+        onHoveredDateChange(date);
+        __onDayMouseEnter == null ? void 0 : __onDayMouseEnter(_event, date);
+      },
+      __onDayClick: (_event, date) => {
+        onDateChange(date);
+        __onDayClick == null ? void 0 : __onDayClick(_event, date);
+      },
+      getDayProps: (date) => __spreadValues(__spreadValues({}, getControlProps(date)), getDayProps == null ? void 0 : getDayProps(date))
+    }, others)
+  );
 });
+DatePicker.classes = Calendar.classes;
 DatePicker.displayName = "@mantine/dates/DatePicker";
 
 export { DatePicker };

package/esm/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { PickerBaseProps, DatePickerType, CalendarLevel } from '../../types';\nimport { Calendar, CalendarBaseProps, CalendarSettings, CalendarSystemProps } from '../Calendar';\nimport { DecadeLevelBaseSettings } from '../DecadeLevel';\nimport { YearLevelBaseSettings } from '../YearLevel';\nimport { MonthLevelBaseSettings } from '../MonthLevel';\n\nexport interface DatePickerBaseProps<Type extends DatePickerType = 'default'>\n  extends PickerBaseProps<Type>,\n    DecadeLevelBaseSettings,\n    YearLevelBaseSettings,\n    MonthLevelBaseSettings,\n    CalendarBaseProps,\n    CalendarSettings {\n  /** Max level that user can go up to (decade, year, month), defaults to decade */\n  maxLevel?: CalendarLevel;\n\n  /** Initial level displayed to the user (decade, year, month), used for uncontrolled component */\n  defaultLevel?: CalendarLevel;\n\n  /** Current level displayed to the user (decade, year, month), used for controlled component */\n  level?: CalendarLevel;\n\n  /** Called when level changes */\n  onLevelChange?(level: CalendarLevel): void;\n}\n\nexport interface DatePickerProps<Type extends DatePickerType = 'default'>\n  extends DatePickerBaseProps<Type>,\n    CalendarSystemProps {}\n\nconst defaultProps: Partial<DatePickerProps> = {\n  type: 'default',\n  numberOfColumns: 1,\n};\n\ntype DatePickerComponent = (<Type extends DatePickerType = 'default'>(\n  props: DatePickerProps<Type>\n) => JSX.Element) & { displayName?: string };\n\nexport const DatePicker: DatePickerComponent = forwardRef(\n  <Type extends DatePickerType = 'default'>(\n    props: DatePickerProps<Type>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const {\n      type,\n      defaultValue,\n      value,\n      onChange,\n      __staticSelector,\n      getDayProps,\n      allowSingleDateInRange,\n      allowDeselect,\n      onMouseLeave,\n      numberOfColumns,\n      ...others\n    } = useComponentDefaultProps('DatePicker', defaultProps, props as any);\n\n    const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } =\n      useDatesState<Type>({\n        type,\n        level: 'day',\n        allowDeselect,\n        allowSingleDateInRange,\n        value,\n        defaultValue,\n        onChange,\n        onMouseLeave,\n      });\n\n    return (\n      <Calendar\n        ref={ref}\n        minLevel=\"month\"\n        __staticSelector={__staticSelector || 'DatePicker'}\n        onMouseLeave={onRootMouseLeave}\n        hideOutsideDates={numberOfColumns !== 1}\n        numberOfColumns={numberOfColumns}\n        __onDayMouseEnter={(_event, date) => onHoveredDateChange(date)}\n        __onDayClick={(_event, date) => onDateChange(date)}\n        getDayProps={(date) => ({\n          ...getControlProps(date),\n          ...getDayProps?.(date),\n        })}\n        {...others}\n      />\n    );\n  }\n);\n\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  MantineComponentStaticProperties,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { PickerBaseProps, DatePickerType, CalendarLevel } from '../../types';\nimport { Calendar, CalendarBaseProps, CalendarSettings, CalendarStylesNames } from '../Calendar';\nimport { DecadeLevelBaseSettings } from '../DecadeLevel';\nimport { YearLevelBaseSettings } from '../YearLevel';\nimport { MonthLevelBaseSettings } from '../MonthLevel';\n\nexport type DatePickerStylesNames = CalendarStylesNames;\n\nexport interface DatePickerBaseProps<Type extends DatePickerType = 'default'>\n  extends PickerBaseProps<Type>,\n    DecadeLevelBaseSettings,\n    YearLevelBaseSettings,\n    MonthLevelBaseSettings,\n    CalendarBaseProps,\n    CalendarSettings {\n  /** Max level that user can go up to (decade, year, month), defaults to decade */\n  maxLevel?: CalendarLevel;\n\n  /** Initial level displayed to the user (decade, year, month), used for uncontrolled component */\n  defaultLevel?: CalendarLevel;\n\n  /** Current level displayed to the user (decade, year, month), used for controlled component */\n  level?: CalendarLevel;\n\n  /** Called when level changes */\n  onLevelChange?(level: CalendarLevel): void;\n}\n\nexport interface DatePickerProps<Type extends DatePickerType = 'default'>\n  extends BoxProps,\n    DatePickerBaseProps<Type>,\n    StylesApiProps<DatePickerFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {}\n\nexport type DatePickerFactory = Factory<{\n  props: DatePickerProps;\n  ref: HTMLDivElement;\n  stylesNames: DatePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DatePickerProps> = {\n  type: 'default',\n  defaultLevel: 'month',\n  numberOfColumns: 1,\n};\n\ntype DatePickerComponent = (<Type extends DatePickerType = 'default'>(\n  props: DatePickerProps<Type>\n) => JSX.Element) & { displayName?: string } & MantineComponentStaticProperties<DatePickerFactory>;\n\nexport const DatePicker: DatePickerComponent = factory<DatePickerFactory>((_props, ref) => {\n  const props = useProps('DatePicker', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    type,\n    defaultValue,\n    value,\n    onChange,\n    __staticSelector,\n    getDayProps,\n    allowSingleDateInRange,\n    allowDeselect,\n    onMouseLeave,\n    numberOfColumns,\n    hideOutsideDates,\n    __onDayMouseEnter,\n    __onDayClick,\n    ...others\n  } = props;\n\n  const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({\n    type: type as any,\n    level: 'day',\n    allowDeselect,\n    allowSingleDateInRange,\n    value,\n    defaultValue,\n    onChange,\n    onMouseLeave,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DatePickerFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Calendar\n      ref={ref}\n      minLevel=\"month\"\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      __staticSelector={__staticSelector || 'DatePicker'}\n      onMouseLeave={onRootMouseLeave}\n      numberOfColumns={numberOfColumns}\n      hideOutsideDates={hideOutsideDates ?? numberOfColumns !== 1}\n      __onDayMouseEnter={(_event, date) => {\n        onHoveredDateChange(date);\n        __onDayMouseEnter?.(_event, date);\n      }}\n      __onDayClick={(_event, date) => {\n        onDateChange(date);\n        __onDayClick?.(_event, date);\n      }}\n      getDayProps={(date) => ({\n        ...getControlProps(date),\n        ...getDayProps?.(date),\n      })}\n      {...others}\n    />\n  );\n}) as any;\n\nDatePicker.classes = Calendar.classes;\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":[],"mappings":"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"}

package/esm/components/DatePickerInput/DatePickerInput.js

@@ -1,10 +1,10 @@
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps } from '@mantine/core';
+import React from 'react';
+import { factory, useProps, useResolvedStylesApi } from '@mantine/core';
 import { pickCalendarProps } from '../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js';
 import { useDatesInput } from '../../hooks/use-dates-input/use-dates-input.js';
-import { getDefaultClampedDate } from '../../utils/get-default-clamped-date.js';
 import { PickerInputBase } from '../PickerInputBase/PickerInputBase.js';
 import { DatePicker } from '../DatePicker/DatePicker.js';
+import { getDefaultClampedDate } from '../../utils/get-default-clamped-date.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -42,102 +42,122 @@ const defaultProps = {
   valueFormat: "MMMM D, YYYY",
   closeOnChange: true,
   sortDates: true,
-  dropdownType: "popover"
+  dropdownType: "popover",
+  size: "sm"
 };
-const DatePickerInput = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("DatePickerInput", defaultProps, props), {
-    type,
-    value,
-    defaultValue,
-    onChange,
-    valueFormat,
-    labelSeparator,
-    locale,
-    classNames,
-    styles,
-    unstyled,
-    closeOnChange,
-    size,
-    variant,
-    dropdownType,
-    sortDates,
-    maxDate,
-    minDate,
-    defaultDate: _defaultDate
-  } = _a, rest = __objRest(_a, [
-    "type",
-    "value",
-    "defaultValue",
-    "onChange",
-    "valueFormat",
-    "labelSeparator",
-    "locale",
-    "classNames",
-    "styles",
-    "unstyled",
-    "closeOnChange",
-    "size",
-    "variant",
-    "dropdownType",
-    "sortDates",
-    "maxDate",
-    "minDate",
-    "defaultDate"
-  ]);
-  const { calendarProps, others } = pickCalendarProps(rest);
-  const {
-    _value,
-    setValue,
-    formattedValue,
-    dropdownHandlers,
-    dropdownOpened,
-    onClear,
-    shouldClear
-  } = useDatesInput({
-    type,
-    value,
-    defaultValue,
-    onChange,
-    locale,
-    format: valueFormat,
-    labelSeparator,
-    closeOnChange,
-    sortDates
-  });
-  const defaultDate = _defaultDate || getDefaultClampedDate({ maxDate, minDate });
-  return /* @__PURE__ */ React.createElement(PickerInputBase, __spreadValues({
-    formattedValue,
-    dropdownOpened,
-    dropdownHandlers,
-    classNames,
-    styles,
-    unstyled,
-    __staticSelector: "DatePickerInput",
-    ref,
-    onClear,
-    shouldClear,
-    value: _value,
-    type,
-    size,
-    variant,
-    dropdownType
-  }, others), /* @__PURE__ */ React.createElement(DatePicker, __spreadProps(__spreadValues({}, calendarProps), {
-    size,
-    variant,
-    type,
-    value: _value,
-    defaultDate: Array.isArray(_value) ? _value[0] || defaultDate : _value || defaultDate,
-    onChange: setValue,
-    locale,
-    classNames,
-    styles,
-    unstyled,
-    __staticSelector: "DatePickerInput",
-    __stopPropagation: dropdownType === "popover",
-    maxDate,
-    minDate
-  })));
-});
+const DatePickerInput = factory(
+  (_props, ref) => {
+    const props = useProps("DatePickerInput", defaultProps, _props);
+    const _a = props, {
+      type,
+      value,
+      defaultValue,
+      onChange,
+      valueFormat,
+      labelSeparator,
+      locale,
+      classNames,
+      styles,
+      unstyled,
+      closeOnChange,
+      size,
+      variant,
+      dropdownType,
+      sortDates,
+      minDate,
+      maxDate,
+      vars,
+      defaultDate
+    } = _a, rest = __objRest(_a, [
+      "type",
+      "value",
+      "defaultValue",
+      "onChange",
+      "valueFormat",
+      "labelSeparator",
+      "locale",
+      "classNames",
+      "styles",
+      "unstyled",
+      "closeOnChange",
+      "size",
+      "variant",
+      "dropdownType",
+      "sortDates",
+      "minDate",
+      "maxDate",
+      "vars",
+      "defaultDate"
+    ]);
+    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+      classNames,
+      styles,
+      props
+    });
+    const { calendarProps, others } = pickCalendarProps(rest);
+    const {
+      _value,
+      setValue,
+      formattedValue,
+      dropdownHandlers,
+      dropdownOpened,
+      onClear,
+      shouldClear
+    } = useDatesInput({
+      type,
+      value,
+      defaultValue,
+      onChange,
+      locale,
+      format: valueFormat,
+      labelSeparator,
+      closeOnChange,
+      sortDates
+    });
+    const _defaultDate = Array.isArray(_value) ? _value[0] || defaultDate : _value || defaultDate;
+    return /* @__PURE__ */ React.createElement(
+      PickerInputBase,
+      __spreadProps(__spreadValues({
+        formattedValue,
+        dropdownOpened,
+        dropdownHandlers,
+        classNames: resolvedClassNames,
+        styles: resolvedStyles,
+        unstyled,
+        ref,
+        onClear,
+        shouldClear,
+        value: _value,
+        size,
+        variant,
+        dropdownType
+      }, others), {
+        type,
+        __staticSelector: "DatePickerInput"
+      }),
+      /* @__PURE__ */ React.createElement(
+        DatePicker,
+        __spreadProps(__spreadValues({}, calendarProps), {
+          size,
+          variant,
+          type,
+          value: _value,
+          defaultDate: _defaultDate || getDefaultClampedDate({ maxDate, minDate }),
+          onChange: setValue,
+          locale,
+          classNames: resolvedClassNames,
+          styles: resolvedStyles,
+          unstyled,
+          __staticSelector: "DatePickerInput",
+          __stopPropagation: dropdownType === "popover",
+          minDate,
+          maxDate
+        })
+      )
+    );
+  }
+);
+DatePickerInput.classes = __spreadValues(__spreadValues({}, PickerInputBase.classes), DatePicker.classes);
 DatePickerInput.displayName = "@mantine/dates/DatePickerInput";
 
 export { DatePickerInput };

package/esm/components/DatePickerInput/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","sources":["../../../src/components/DatePickerInput/DatePickerInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesInput } from '../../hooks';\nimport { pickCalendarProps } from '../Calendar';\nimport { DatePicker, DatePickerBaseProps } from '../DatePicker';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport {\n  PickerInputBase,\n  DateInputSharedProps,\n  PickerInputBaseStylesNames,\n} from '../PickerInputBase';\n\nexport type DatePickerInputStylesNames = PickerInputBaseStylesNames;\n\nexport interface DatePickerInputProps<Type extends DatePickerType = 'default'>\n  extends DateInputSharedProps,\n    DatePickerBaseProps<Type> {\n  /** Dayjs format to display input value, \"MMMM D, YYYY\" by default  */\n  valueFormat?: string;\n}\n\ntype DatePickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: DatePickerInputProps<Type>\n) => JSX.Element) & { displayName?: string };\n\nconst defaultProps: Partial<DatePickerInputProps> = {\n  type: 'default',\n  valueFormat: 'MMMM D, YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n};\n\nexport const DatePickerInput: DatePickerInputComponent = forwardRef((props, ref) => {\n  const {\n    type,\n    value,\n    defaultValue,\n    onChange,\n    valueFormat,\n    labelSeparator,\n    locale,\n    classNames,\n    styles,\n    unstyled,\n    closeOnChange,\n    size,\n    variant,\n    dropdownType,\n    sortDates,\n    maxDate,\n    minDate,\n    defaultDate: _defaultDate,\n    ...rest\n  } = useComponentDefaultProps('DatePickerInput', defaultProps, props);\n\n  const { calendarProps, others } = pickCalendarProps(rest);\n\n  const {\n    _value,\n    setValue,\n    formattedValue,\n    dropdownHandlers,\n    dropdownOpened,\n    onClear,\n    shouldClear,\n  } = useDatesInput({\n    type,\n    value,\n    defaultValue,\n    onChange,\n    locale,\n    format: valueFormat,\n    labelSeparator,\n    closeOnChange,\n    sortDates,\n  });\n\n  const defaultDate = _defaultDate || getDefaultClampedDate({ maxDate, minDate });\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=\"DatePickerInput\"\n      ref={ref}\n      onClear={onClear}\n      shouldClear={shouldClear}\n      value={_value}\n      type={type}\n      size={size}\n      variant={variant}\n      dropdownType={dropdownType}\n      {...others}\n    >\n      <DatePicker\n        {...calendarProps}\n        size={size}\n        variant={variant}\n        type={type}\n        value={_value}\n        defaultDate={Array.isArray(_value) ? _value[0] || defaultDate : _value || defaultDate}\n        onChange={setValue}\n        locale={locale}\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        __staticSelector=\"DatePickerInput\"\n        __stopPropagation={dropdownType === 'popover'}\n        maxDate={maxDate}\n        minDate={minDate}\n      />\n    </PickerInputBase>\n  );\n});\n\nDatePickerInput.displayName = '@mantine/dates/DatePickerInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePickerInput.js","sources":["../../../src/components/DatePickerInput/DatePickerInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  useProps,\n  useResolvedStylesApi,\n  Factory,\n  InputVariant,\n  __InputStylesNames,\n  MantineComponentStaticProperties,\n} from '@mantine/core';\nimport { CalendarStylesNames, pickCalendarProps } from '../Calendar';\nimport { useDatesInput } from '../../hooks';\nimport { DatePicker, DatePickerBaseProps } from '../DatePicker';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport { PickerInputBase, DateInputSharedProps } from '../PickerInputBase';\n\nexport type DatePickerInputStylesNames = __InputStylesNames | CalendarStylesNames;\n\nexport interface DatePickerInputProps<Type extends DatePickerType = 'default'>\n  extends BoxProps,\n    DateInputSharedProps,\n    DatePickerBaseProps<Type>,\n    StylesApiProps<DatePickerInputFactory> {\n  /** Dayjs format to display input value, \"MMMM D, YYYY\" by default  */\n  valueFormat?: string;\n}\n\nexport type DatePickerInputFactory = Factory<{\n  props: DatePickerInputProps;\n  ref: HTMLButtonElement;\n  stylesNames: DatePickerInputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<DatePickerInputProps> = {\n  type: 'default',\n  valueFormat: 'MMMM D, YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n  size: 'sm',\n};\n\ntype DatePickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: DatePickerInputProps<Type>\n) => JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<DatePickerInputFactory>;\n\nexport const DatePickerInput: DatePickerInputComponent = factory<DatePickerInputFactory>(\n  (_props, ref) => {\n    const props = useProps('DatePickerInput', defaultProps, _props);\n    const {\n      type,\n      value,\n      defaultValue,\n      onChange,\n      valueFormat,\n      labelSeparator,\n      locale,\n      classNames,\n      styles,\n      unstyled,\n      closeOnChange,\n      size,\n      variant,\n      dropdownType,\n      sortDates,\n      minDate,\n      maxDate,\n      vars,\n      defaultDate,\n      ...rest\n    } = props;\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DatePickerInputFactory>({\n      classNames,\n      styles,\n      props,\n    });\n\n    const { calendarProps, others } = pickCalendarProps(rest);\n\n    const {\n      _value,\n      setValue,\n      formattedValue,\n      dropdownHandlers,\n      dropdownOpened,\n      onClear,\n      shouldClear,\n    } = useDatesInput({\n      type: type as any,\n      value,\n      defaultValue,\n      onChange: onChange as any,\n      locale,\n      format: valueFormat,\n      labelSeparator,\n      closeOnChange,\n      sortDates,\n    });\n\n    const _defaultDate = Array.isArray(_value) ? _value[0] || defaultDate : _value || defaultDate;\n\n    return (\n      <PickerInputBase\n        formattedValue={formattedValue}\n        dropdownOpened={dropdownOpened}\n        dropdownHandlers={dropdownHandlers}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        ref={ref}\n        onClear={onClear}\n        shouldClear={shouldClear}\n        value={_value}\n        size={size!}\n        variant={variant}\n        dropdownType={dropdownType}\n        {...others}\n        type={type as any}\n        __staticSelector=\"DatePickerInput\"\n      >\n        <DatePicker\n          {...calendarProps}\n          size={size}\n          variant={variant}\n          type={type}\n          value={_value}\n          defaultDate={_defaultDate || getDefaultClampedDate({ maxDate, minDate })}\n          onChange={setValue}\n          locale={locale}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          __staticSelector=\"DatePickerInput\"\n          __stopPropagation={dropdownType === 'popover'}\n          minDate={minDate}\n          maxDate={maxDate}\n        />\n      </PickerInputBase>\n    );\n  }\n) as any;\n\nDatePickerInput.classes = { ...PickerInputBase.classes, ...DatePicker.classes };\nDatePickerInput.displayName = '@mantine/dates/DatePickerInput';\n"],"names":[],"mappings":"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"}