@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/esm/components/DatePicker/DatePicker.js

@@ -1,9 +1,7 @@
-import dayjs from 'dayjs';
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import { useUncontrolled, upperFirst, useMergedRef } from '@mantine/hooks';
-import { useComponentDefaultProps, useMantineTheme } from '@mantine/core';
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } from '@mantine/core';
+import { useDatesState } from '../../hooks/use-dates-state/use-dates-state.js';
 import { Calendar } from '../Calendar/Calendar.js';
-import { DatePickerBase } from '../DatePickerBase/DatePickerBase.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -34,295 +32,56 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  shadow: "sm",
-  transitionDuration: 200,
-  closeCalendarOnChange: true,
-  labelFormat: "MMMM YYYY",
-  initiallyOpened: false,
-  name: "date",
-  size: "sm",
-  dropdownType: "popover",
-  dropdownPosition: "flip",
-  clearable: true,
-  disabled: false,
-  fixOnBlur: true,
-  withinPortal: false,
-  firstDayOfWeek: "monday",
-  openDropdownOnClear: false
+  type: "default",
+  numberOfColumns: 1
 };
 const DatePicker = forwardRef((props, ref) => {
   const _a = useComponentDefaultProps("DatePicker", defaultProps, props), {
+    type,
+    defaultValue,
     value,
     onChange,
-    defaultValue,
-    classNames,
-    styles,
-    shadow,
-    locale,
-    inputFormat,
-    transitionDuration,
-    transitionTimingFunction,
-    nextMonthLabel,
-    previousMonthLabel,
-    closeCalendarOnChange,
-    labelFormat,
-    dayClassName,
-    dayStyle,
-    disableOutsideEvents,
-    minDate,
-    maxDate,
-    excludeDate,
-    initialMonth,
-    initiallyOpened,
-    name,
-    size,
-    dropdownType,
-    dropdownPosition,
-    clearable,
-    disabled,
-    clearButtonLabel,
-    fixOnBlur,
-    allowFreeInput,
-    withinPortal,
-    dateParser,
-    firstDayOfWeek,
-    onFocus,
-    onBlur,
-    amountOfMonths,
-    allowLevelChange,
-    initialLevel,
-    onDropdownClose,
-    onDropdownOpen,
-    hideOutsideDates,
-    hideWeekdays,
-    renderDay,
-    type,
-    openDropdownOnClear,
-    unstyled,
-    weekendDays,
-    yearLabelFormat,
-    nextDecadeLabel,
-    nextYearLabel,
-    previousDecadeLabel,
-    previousYearLabel
+    __staticSelector,
+    getDayProps,
+    allowSingleDateInRange,
+    allowDeselect,
+    onMouseLeave,
+    onMonthSelect,
+    numberOfColumns
   } = _a, others = __objRest(_a, [
+    "type",
+    "defaultValue",
     "value",
     "onChange",
-    "defaultValue",
-    "classNames",
-    "styles",
-    "shadow",
-    "locale",
-    "inputFormat",
-    "transitionDuration",
-    "transitionTimingFunction",
-    "nextMonthLabel",
-    "previousMonthLabel",
-    "closeCalendarOnChange",
-    "labelFormat",
-    "dayClassName",
-    "dayStyle",
-    "disableOutsideEvents",
-    "minDate",
-    "maxDate",
-    "excludeDate",
-    "initialMonth",
-    "initiallyOpened",
-    "name",
-    "size",
-    "dropdownType",
-    "dropdownPosition",
-    "clearable",
-    "disabled",
-    "clearButtonLabel",
-    "fixOnBlur",
-    "allowFreeInput",
-    "withinPortal",
-    "dateParser",
-    "firstDayOfWeek",
-    "onFocus",
-    "onBlur",
-    "amountOfMonths",
-    "allowLevelChange",
-    "initialLevel",
-    "onDropdownClose",
-    "onDropdownOpen",
-    "hideOutsideDates",
-    "hideWeekdays",
-    "renderDay",
-    "type",
-    "openDropdownOnClear",
-    "unstyled",
-    "weekendDays",
-    "yearLabelFormat",
-    "nextDecadeLabel",
-    "nextYearLabel",
-    "previousDecadeLabel",
-    "previousYearLabel"
+    "__staticSelector",
+    "getDayProps",
+    "allowSingleDateInRange",
+    "allowDeselect",
+    "onMouseLeave",
+    "onMonthSelect",
+    "numberOfColumns"
   ]);
-  const theme = useMantineTheme();
-  const finalLocale = locale || theme.datesLocale;
-  const dateFormat = type === "date" ? "YYYY-MM-DD" : inputFormat || theme.dateFormat;
-  const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);
-  const calendarSize = size === "lg" || size === "xl" ? "md" : "sm";
-  const inputRef = useRef();
-  const [lastValidValue, setLastValidValue] = useState(defaultValue != null ? defaultValue : null);
-  const [_value, setValue] = useUncontrolled({
+  const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({
+    type,
+    level: "day",
+    allowDeselect,
+    allowSingleDateInRange,
     value,
     defaultValue,
-    finalValue: null,
-    onChange
+    onChange,
+    onMouseLeave
   });
-  const [calendarMonth, setCalendarMonth] = useState(_value || initialMonth || new Date());
-  const [focused, setFocused] = useState(false);
-  const [inputState, setInputState] = useState(_value instanceof Date ? upperFirst(dayjs(_value).locale(finalLocale).format(dateFormat)) : "");
-  const closeDropdown = () => {
-    setDropdownOpened(false);
-    onDropdownClose == null ? void 0 : onDropdownClose();
-  };
-  const openDropdown = () => {
-    setDropdownOpened(true);
-    onDropdownOpen == null ? void 0 : onDropdownOpen();
-  };
-  useEffect(() => {
-    if (value === null && !focused) {
-      setInputState("");
-    }
-    if (value instanceof Date && !focused) {
-      setInputState(upperFirst(dayjs(value).locale(finalLocale).format(dateFormat)));
-    }
-  }, [value, focused]);
-  const handleValueChange = (date) => {
-    setValue(date);
-    setInputState(upperFirst(dayjs(date).locale(finalLocale).format(dateFormat)));
-    closeCalendarOnChange && closeDropdown();
-    window.setTimeout(() => {
-      var _a2;
-      return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-    }, 0);
-  };
-  const handleClear = () => {
-    var _a2;
-    setValue(null);
-    setLastValidValue(null);
-    setInputState("");
-    openDropdownOnClear && openDropdown();
-    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-  };
-  const parseDate = (date) => dateParser ? dateParser(date) : dayjs(date, dateFormat, finalLocale).toDate();
-  const setDateFromInput = () => {
-    let date = typeof _value === "string" ? parseDate(_value) : _value;
-    if (maxDate && dayjs(date).isAfter(maxDate)) {
-      date = maxDate;
-    }
-    if (minDate && dayjs(date).isBefore(minDate)) {
-      date = minDate;
-    }
-    if (dayjs(date).isValid()) {
-      setValue(date);
-      setLastValidValue(date);
-      setInputState(upperFirst(dayjs(date).locale(finalLocale).format(dateFormat)));
-      setCalendarMonth(date);
-    } else if (fixOnBlur) {
-      setValue(lastValidValue);
-    }
-  };
-  const handleInputBlur = (event) => {
-    typeof onBlur === "function" && onBlur(event);
-    setFocused(false);
-    if (allowFreeInput) {
-      setDateFromInput();
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter" && allowFreeInput) {
-      closeDropdown();
-      setDateFromInput();
-    }
-  };
-  const handleInputFocus = (event) => {
-    typeof onFocus === "function" && onFocus(event);
-    setFocused(true);
-  };
-  const handleChange = (event) => {
-    openDropdown();
-    const date = parseDate(event.target.value);
-    if (dayjs(date).isValid()) {
-      setValue(date);
-      setLastValidValue(date);
-      setInputState(event.target.value);
-      setCalendarMonth(date);
-    } else {
-      setInputState(event.target.value);
-    }
-  };
-  return /* @__PURE__ */ React.createElement(DatePickerBase, __spreadValues({
-    allowFreeInput,
-    dropdownOpened,
-    setDropdownOpened,
-    shadow,
-    transitionDuration,
-    ref: useMergedRef(ref, inputRef),
-    size,
-    styles,
-    classNames,
-    onChange: handleChange,
-    onBlur: handleInputBlur,
-    onFocus: handleInputFocus,
-    onKeyDown: handleKeyDown,
-    name,
-    inputLabel: inputState,
-    __staticSelector: "DatePicker",
-    dropdownType,
-    dropdownPosition,
-    clearable: type === "date" ? false : clearable && !!_value && !disabled,
-    clearButtonLabel,
-    onClear: handleClear,
-    disabled,
-    withinPortal,
-    amountOfMonths,
-    onDropdownClose,
-    onDropdownOpen,
-    type,
-    unstyled
-  }, others), /* @__PURE__ */ React.createElement(Calendar, {
-    classNames,
-    styles,
-    locale: finalLocale,
-    nextMonthLabel,
-    previousMonthLabel,
-    month: allowFreeInput ? calendarMonth : void 0,
-    initialMonth: initialMonth || (_value instanceof Date ? _value : new Date()),
-    onMonthChange: setCalendarMonth,
-    value: _value instanceof Date ? _value : dayjs(_value).toDate(),
-    onChange: handleValueChange,
-    labelFormat,
-    dayClassName,
-    dayStyle,
-    disableOutsideEvents,
-    minDate,
-    maxDate,
-    excludeDate,
-    __staticSelector: "DatePicker",
-    fullWidth: dropdownType === "modal",
-    __stopPropagation: dropdownType !== "modal",
-    size: dropdownType === "modal" ? "lg" : calendarSize,
-    firstDayOfWeek,
-    preventFocus: allowFreeInput,
-    amountOfMonths,
-    allowLevelChange,
-    initialLevel,
-    hideOutsideDates,
-    hideWeekdays,
-    renderDay,
-    unstyled,
-    weekendDays,
-    yearLabelFormat,
-    nextDecadeLabel,
-    nextYearLabel,
-    previousDecadeLabel,
-    previousYearLabel
-  }));
+  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));
 });
 DatePicker.displayName = "@mantine/dates/DatePicker";
 

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useState, useRef, forwardRef, useEffect } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport { useMantineTheme, useComponentDefaultProps } from '@mantine/core';\nimport { FirstDayOfWeek } from '../../types';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarSharedProps } from '../CalendarBase/CalendarBase';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DatePickerProps\n  extends Omit<DatePickerBaseSharedProps, 'onChange'>,\n    Omit<\n      CalendarSharedProps,\n      | 'size'\n      | 'classNames'\n      | 'styles'\n      | 'onMonthChange'\n      | 'onChange'\n      | 'isDateInRange'\n      | 'isDateFirstInRange'\n      | 'isDateLastInRange'\n      | 'month'\n    > {\n  /** Selected date, required with controlled input */\n  value?: Date | null;\n\n  /** Called when date changes */\n  onChange?(value: Date | null): void;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: Date | null;\n\n  /** Set to false to force dropdown to stay open after date was selected */\n  closeCalendarOnChange?: boolean;\n\n  /** Set to true to open dropdown on clear */\n  openDropdownOnClear?: boolean;\n\n  /** dayjs input format */\n  inputFormat?: string;\n\n  /** Control initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Parser function for date provided by input typing */\n  dateParser?: (value: string) => Date;\n\n  /** Input name, useful for uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n\n  /** Allow free input */\n  allowFreeInput?: boolean;\n\n  /** Render day based on the date */\n  renderDay?(date: Date): React.ReactNode;\n}\n\nconst defaultProps: Partial<DatePickerProps> = {\n  shadow: 'sm',\n  transitionDuration: 200,\n  closeCalendarOnChange: true,\n  labelFormat: 'MMMM YYYY',\n  initiallyOpened: false,\n  name: 'date',\n  size: 'sm',\n  dropdownType: 'popover',\n  dropdownPosition: 'flip',\n  clearable: true,\n  disabled: false,\n  fixOnBlur: true,\n  withinPortal: false,\n  firstDayOfWeek: 'monday',\n  openDropdownOnClear: false,\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (props: DatePickerProps, ref) => {\n    const {\n      value,\n      onChange,\n      defaultValue,\n      classNames,\n      styles,\n      shadow,\n      locale,\n      inputFormat,\n      transitionDuration,\n      transitionTimingFunction,\n      nextMonthLabel,\n      previousMonthLabel,\n      closeCalendarOnChange,\n      labelFormat,\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      initialMonth,\n      initiallyOpened,\n      name,\n      size,\n      dropdownType,\n      dropdownPosition,\n      clearable,\n      disabled,\n      clearButtonLabel,\n      fixOnBlur,\n      allowFreeInput,\n      withinPortal,\n      dateParser,\n      firstDayOfWeek,\n      onFocus,\n      onBlur,\n      amountOfMonths,\n      allowLevelChange,\n      initialLevel,\n      onDropdownClose,\n      onDropdownOpen,\n      hideOutsideDates,\n      hideWeekdays,\n      renderDay,\n      type,\n      openDropdownOnClear,\n      unstyled,\n      weekendDays,\n      yearLabelFormat,\n      nextDecadeLabel,\n      nextYearLabel,\n      previousDecadeLabel,\n      previousYearLabel,\n      ...others\n    } = useComponentDefaultProps('DatePicker', defaultProps, props);\n\n    const theme = useMantineTheme();\n    const finalLocale = locale || theme.datesLocale;\n    const dateFormat = type === 'date' ? 'YYYY-MM-DD' : inputFormat || theme.dateFormat;\n    const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n    const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n    const inputRef = useRef<HTMLInputElement>();\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null);\n    const [_value, setValue] = useUncontrolled<Date>({\n      value,\n      defaultValue,\n      finalValue: null,\n      onChange,\n    });\n    const [calendarMonth, setCalendarMonth] = useState(_value || initialMonth || new Date());\n\n    const [focused, setFocused] = useState(false);\n    const [inputState, setInputState] = useState(\n      _value instanceof Date ? upperFirst(dayjs(_value).locale(finalLocale).format(dateFormat)) : ''\n    );\n\n    const closeDropdown = () => {\n      setDropdownOpened(false);\n      onDropdownClose?.();\n    };\n\n    const openDropdown = () => {\n      setDropdownOpened(true);\n      onDropdownOpen?.();\n    };\n\n    useEffect(() => {\n      if (value === null && !focused) {\n        setInputState('');\n      }\n\n      if (value instanceof Date && !focused) {\n        setInputState(upperFirst(dayjs(value).locale(finalLocale).format(dateFormat)));\n      }\n    }, [value, focused]);\n\n    const handleValueChange = (date: Date) => {\n      setValue(date);\n      setInputState(upperFirst(dayjs(date).locale(finalLocale).format(dateFormat)));\n      closeCalendarOnChange && closeDropdown();\n      window.setTimeout(() => inputRef.current?.focus(), 0);\n    };\n\n    const handleClear = () => {\n      setValue(null);\n      setLastValidValue(null);\n      setInputState('');\n      openDropdownOnClear && openDropdown();\n      inputRef.current?.focus();\n    };\n\n    const parseDate = (date: string) =>\n      dateParser ? dateParser(date) : dayjs(date, dateFormat, finalLocale).toDate();\n\n    const setDateFromInput = () => {\n      let date = typeof _value === 'string' ? parseDate(_value) : _value;\n\n      if (maxDate && dayjs(date).isAfter(maxDate)) {\n        date = maxDate;\n      }\n\n      if (minDate && dayjs(date).isBefore(minDate)) {\n        date = minDate;\n      }\n\n      if (dayjs(date).isValid()) {\n        setValue(date);\n        setLastValidValue(date);\n        setInputState(upperFirst(dayjs(date).locale(finalLocale).format(dateFormat)));\n        setCalendarMonth(date);\n      } else if (fixOnBlur) {\n        setValue(lastValidValue);\n      }\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      setFocused(false);\n\n      if (allowFreeInput) {\n        setDateFromInput();\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' && allowFreeInput) {\n        closeDropdown();\n        setDateFromInput();\n      }\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      setFocused(true);\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      openDropdown();\n\n      const date = parseDate(event.target.value);\n      if (dayjs(date).isValid()) {\n        setValue(date);\n        setLastValidValue(date);\n        setInputState(event.target.value);\n        setCalendarMonth(date);\n      } else {\n        setInputState(event.target.value);\n      }\n    };\n\n    return (\n      <DatePickerBase\n        allowFreeInput={allowFreeInput}\n        dropdownOpened={dropdownOpened}\n        setDropdownOpened={setDropdownOpened}\n        shadow={shadow}\n        transitionDuration={transitionDuration}\n        ref={useMergedRef(ref, inputRef)}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        onChange={handleChange}\n        onBlur={handleInputBlur}\n        onFocus={handleInputFocus}\n        onKeyDown={handleKeyDown}\n        name={name}\n        inputLabel={inputState}\n        __staticSelector=\"DatePicker\"\n        dropdownType={dropdownType}\n        dropdownPosition={dropdownPosition}\n        clearable={type === 'date' ? false : clearable && !!_value && !disabled}\n        clearButtonLabel={clearButtonLabel}\n        onClear={handleClear}\n        disabled={disabled}\n        withinPortal={withinPortal}\n        amountOfMonths={amountOfMonths}\n        onDropdownClose={onDropdownClose}\n        onDropdownOpen={onDropdownOpen}\n        type={type}\n        unstyled={unstyled}\n        {...others}\n      >\n        <Calendar\n          classNames={classNames}\n          styles={styles}\n          locale={finalLocale}\n          nextMonthLabel={nextMonthLabel}\n          previousMonthLabel={previousMonthLabel}\n          month={allowFreeInput ? calendarMonth : undefined}\n          initialMonth={initialMonth || (_value instanceof Date ? _value : new Date())}\n          onMonthChange={setCalendarMonth}\n          value={_value instanceof Date ? _value : dayjs(_value).toDate()}\n          onChange={handleValueChange}\n          labelFormat={labelFormat}\n          dayClassName={dayClassName}\n          dayStyle={dayStyle}\n          disableOutsideEvents={disableOutsideEvents}\n          minDate={minDate}\n          maxDate={maxDate}\n          excludeDate={excludeDate}\n          __staticSelector=\"DatePicker\"\n          fullWidth={dropdownType === 'modal'}\n          __stopPropagation={dropdownType !== 'modal'}\n          size={dropdownType === 'modal' ? 'lg' : calendarSize}\n          firstDayOfWeek={firstDayOfWeek}\n          preventFocus={allowFreeInput}\n          amountOfMonths={amountOfMonths}\n          allowLevelChange={allowLevelChange}\n          initialLevel={initialLevel}\n          hideOutsideDates={hideOutsideDates}\n          hideWeekdays={hideWeekdays}\n          renderDay={renderDay}\n          unstyled={unstyled}\n          weekendDays={weekendDays}\n          yearLabelFormat={yearLabelFormat}\n          nextDecadeLabel={nextDecadeLabel}\n          nextYearLabel={nextYearLabel}\n          previousDecadeLabel={previousDecadeLabel}\n          previousYearLabel={previousYearLabel}\n        />\n      </DatePickerBase>\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, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { PickerBaseProps, DatePickerType, CalendarLevel } from '../../types';\nimport { Calendar, CalendarBaseProps, 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  /** 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      onMonthSelect,\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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"}

package/esm/components/DatePickerInput/DatePickerInput.js

@@ -0,0 +1,131 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } 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 { PickerInputBase } from '../PickerInputBase/PickerInputBase.js';
+import { DatePicker } from '../DatePicker/DatePicker.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 = {
+  type: "default",
+  valueFormat: "MMMM D, YYYY",
+  closeOnChange: true,
+  sortDates: true,
+  dropdownType: "popover"
+};
+const DatePickerInput = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("DatePickerInput", defaultProps, props), {
+    type,
+    value,
+    defaultValue,
+    onChange,
+    valueFormat,
+    locale,
+    classNames,
+    styles,
+    unstyled,
+    closeOnChange,
+    size,
+    variant,
+    dropdownType,
+    sortDates
+  } = _a, rest = __objRest(_a, [
+    "type",
+    "value",
+    "defaultValue",
+    "onChange",
+    "valueFormat",
+    "locale",
+    "classNames",
+    "styles",
+    "unstyled",
+    "closeOnChange",
+    "size",
+    "variant",
+    "dropdownType",
+    "sortDates"
+  ]);
+  const { calendarProps, others } = pickCalendarProps(rest);
+  const {
+    _value,
+    setValue,
+    formattedValue,
+    dropdownHandlers,
+    dropdownOpened,
+    onClear,
+    shouldClear
+  } = useDatesInput({
+    type,
+    value,
+    defaultValue,
+    onChange,
+    locale,
+    format: valueFormat,
+    closeOnChange,
+    sortDates
+  });
+  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] || void 0 : _value || void 0,
+    onChange: setValue,
+    locale,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector: "DatePickerInput",
+    __stopPropagation: dropdownType === "popover"
+  })));
+});
+DatePickerInput.displayName = "@mantine/dates/DatePickerInput";
+
+export { DatePickerInput };
+//# sourceMappingURL=DatePickerInput.js.map

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

@@ -0,0 +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 {\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    locale,\n    classNames,\n    styles,\n    unstyled,\n    closeOnChange,\n    size,\n    variant,\n    dropdownType,\n    sortDates,\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    closeOnChange,\n    sortDates,\n  });\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] || undefined : _value || undefined}\n        onChange={setValue}\n        locale={locale}\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        __staticSelector=\"DatePickerInput\"\n        __stopPropagation={dropdownType === 'popover'}\n      />\n    </PickerInputBase>\n  );\n});\n\nDatePickerInput.displayName = '@mantine/dates/DatePickerInput';\n"],"names":[],"mappings":"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"}