rsuite 5.73.0 → 5.74.0-beta.0

package/esm/CustomProvider/CustomProvider.js

@@ -1,14 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "classPrefix", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
+var _excluded = ["children", "classPrefix", "components", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
 import React, { useRef, useMemo } from 'react';
 import IconProvider from '@rsuite/icons/IconProvider';
 import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks/index.js";
 import { getClassNamePrefix, prefix } from "../internals/utils/prefix.js";
 import { addClass, removeClass, canUseDOM } from "../DOMHelper/index.js";
 import ToastContainer, { toastPlacements } from "../toaster/ToastContainer.js";
-var CustomContext = /*#__PURE__*/React.createContext({});
+export var CustomContext = /*#__PURE__*/React.createContext({});
 var themes = ['light', 'dark', 'high-contrast'];
 
 /**
@@ -16,10 +16,11 @@ var themes = ['light', 'dark', 'high-contrast'];
  *
  * @see https://rsuitejs.com/components/custom-provider
  */
-var CustomProvider = function CustomProvider(props) {
+export default function CustomProvider(props) {
   var children = props.children,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? getClassNamePrefix() : _props$classPrefix,
+    components = props.components,
     _props$iconClassPrefi = props.iconClassPrefix,
     iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,
     theme = props.theme,
@@ -39,9 +40,10 @@ var CustomProvider = function CustomProvider(props) {
       classPrefix: classPrefix,
       theme: theme,
       toasters: toasters,
-      disableRipple: disableRipple
+      disableRipple: disableRipple,
+      components: components
     }, rest);
-  }, [classPrefix, theme, disableRipple, rest]);
+  }, [classPrefix, theme, disableRipple, components, rest]);
   var iconContext = useMemo(function () {
     return {
       classPrefix: iconClassPrefix,
@@ -76,6 +78,4 @@ var CustomProvider = function CustomProvider(props) {
       }
     });
   })))));
-};
-export { CustomContext };
-export default CustomProvider;
+}

package/esm/CustomProvider/FormattedDate.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useCustom } from "../internals/hooks/index.js";
+import { useCustom } from "./useCustom.js";
 function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;

package/esm/CustomProvider/index.d.ts

@@ -1,5 +1,6 @@
 import CustomProvider, { CustomContext } from './CustomProvider';
 import FormattedDate from './FormattedDate';
 export { CustomContext, FormattedDate };
+export { useCustom } from './useCustom';
 export type { CustomProviderProps } from './CustomProvider';
 export default CustomProvider;

package/esm/CustomProvider/index.js

@@ -2,4 +2,5 @@
 import CustomProvider, { CustomContext } from "./CustomProvider.js";
 import FormattedDate from "./FormattedDate.js";
 export { CustomContext, FormattedDate };
+export { useCustom } from "./useCustom.js";
 export default CustomProvider;

package/esm/CustomProvider/types.d.ts

@@ -0,0 +1,212 @@
+import type { AccordionProps } from '../Accordion';
+import type { AffixProps } from '../Affix';
+import type { BounceProps } from '../Animation/Bounce';
+import type { CollapseProps } from '../Animation/Collapse';
+import type { FadeProps } from '../Animation/Fade';
+import type { SlideProps } from '../Animation/Slide';
+import type { TransitionProps } from '../Animation/Transition';
+import type { AutoCompleteProps } from '../AutoComplete';
+import type { AvatarProps } from '../Avatar';
+import type { AvatarGroupProps } from '../AvatarGroup';
+import type { BadgeProps } from '../Badge';
+import type { BreadcrumbProps } from '../Breadcrumb';
+import type { ButtonProps } from '../Button';
+import type { ButtonGroupProps } from '../ButtonGroup';
+import type { ButtonToolbarProps } from '../ButtonToolbar';
+import type { CalendarProps } from '../Calendar';
+import type { CarouselProps } from '../Carousel';
+import type { CascadeTreeProps } from '../CascadeTree';
+import type { CascaderProps } from '../Cascader';
+import type { CheckPickerProps } from '../CheckPicker';
+import type { CheckTreeProps } from '../CheckTree';
+import type { CheckTreePickerProps } from '../CheckTreePicker';
+import type { CheckboxProps } from '../Checkbox';
+import type { CheckboxGroupProps } from '../CheckboxGroup';
+import type { ColProps } from '../Col';
+import type { ContainerProps } from '../Container';
+import type { ContentProps } from '../Content';
+import type { DateInputProps } from '../DateInput';
+import type { DatePickerProps } from '../DatePicker';
+import type { DateRangeInputProps } from '../DateRangeInput';
+import type { DateRangePickerProps } from '../DateRangePicker';
+import type { DividerProps } from '../Divider';
+import type { DrawerProps } from '../Drawer';
+import type { DropdownProps } from '../Dropdown';
+import type { FlexboxGridProps } from '../FlexboxGrid';
+import type { FooterProps } from '../Footer';
+import type { FormProps } from '../Form';
+import type { FormControlProps } from '../FormControl';
+import type { FormControlLabelProps } from '../FormControlLabel';
+import type { FormErrorMessageProps } from '../FormErrorMessage';
+import type { FormGroupProps } from '../FormGroup';
+import type { FormHelpTextProps } from '../FormHelpText';
+import type { GridProps } from '../Grid';
+import type { HeaderProps } from '../Header';
+import type { HeadingProps } from '../Heading';
+import type { HeadingGroupProps } from '../HeadingGroup';
+import type { HighlightProps } from '../Highlight';
+import type { IconButtonProps } from '../IconButton';
+import type { InlineEditProps } from '../InlineEdit';
+import type { InputProps } from '../Input';
+import type { InputGroupProps } from '../InputGroup';
+import type { InputNumberProps } from '../InputNumber';
+import type { InputPickerProps } from '../InputPicker';
+import type { ListProps } from '../List';
+import type { LoaderProps } from '../Loader';
+import type { MaskedInputProps } from '../MaskedInput';
+import type { MessageProps } from '../Message';
+import type { ModalProps } from '../Modal';
+import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
+import type { MultiCascaderProps } from '../MultiCascader';
+import type { NavProps } from '../Nav';
+import type { NavbarProps } from '../Navbar';
+import type { NotificationProps } from '../Notification';
+import type { PaginationProps } from '../Pagination';
+import type { PanelProps } from '../Panel';
+import type { PanelGroupProps } from '../PanelGroup';
+import type { PlaceholderGraphProps } from '../Placeholder/PlaceholderGraph';
+import type { PlaceholderGridProps } from '../Placeholder/PlaceholderGrid';
+import type { PlaceholderParagraphProps } from '../Placeholder/PlaceholderParagraph';
+import type { PopoverProps } from '../Popover';
+import type { ProgressCircleProps } from '../Progress/ProgressCircle';
+import type { ProgressLineProps } from '../Progress/ProgressLine';
+import type { RadioProps } from '../Radio';
+import type { RadioGroupProps } from '../RadioGroup';
+import type { RadioTileProps } from '../RadioTile';
+import type { RadioTileGroupProps } from '../RadioTileGroup';
+import type { RangeSliderProps } from '../RangeSlider';
+import type { RateProps } from '../Rate';
+import type { RowProps } from '../Row';
+import type { SafeAnchorProps } from '../SafeAnchor';
+import type { SelectPickerProps } from '../SelectPicker';
+import type { SidebarProps } from '../Sidebar';
+import type { SidenavProps } from '../Sidenav';
+import type { SliderProps } from '../Slider';
+import type { StackProps } from '../Stack';
+import type { StepsProps } from '../Steps';
+import type { TableProps } from '../Table';
+import type { TabsProps } from '../Tabs';
+import type { TagProps } from '../Tag';
+import type { TagGroupProps } from '../TagGroup';
+import type { TagInputProps } from '../TagInput';
+import type { TagPickerProps } from '../TagPicker';
+import type { TextProps } from '../Text';
+import type { TimePickerProps } from '../TimePicker';
+import type { TimeRangePickerProps } from '../TimeRangePicker';
+import type { TimelineProps } from '../Timeline';
+import type { ToggleProps } from '../Toggle';
+import type { TooltipProps } from '../Tooltip';
+import type { TreeProps } from '../Tree';
+import type { TreePickerProps } from '../TreePicker';
+import type { UploaderProps } from '../Uploader';
+import type { VisuallyHiddenProps } from '../VisuallyHidden';
+import type { WhisperProps } from '../Whisper';
+interface ComponentProps<T> {
+    defaultProps: Partial<T>;
+}
+export interface ReactSuiteComponents {
+    Accordion: ComponentProps<AccordionProps>;
+    Affix: ComponentProps<AffixProps>;
+    Bounce: ComponentProps<BounceProps>;
+    Collapse: ComponentProps<CollapseProps>;
+    Fade: ComponentProps<FadeProps>;
+    Slide: ComponentProps<SlideProps>;
+    Transition: ComponentProps<TransitionProps>;
+    AutoComplete: ComponentProps<AutoCompleteProps>;
+    Avatar: ComponentProps<AvatarProps>;
+    AvatarGroup: ComponentProps<AvatarGroupProps>;
+    Badge: ComponentProps<BadgeProps>;
+    Breadcrumb: ComponentProps<BreadcrumbProps>;
+    Button: ComponentProps<ButtonProps>;
+    ButtonGroup: ComponentProps<ButtonGroupProps>;
+    ButtonToolbar: ComponentProps<ButtonToolbarProps>;
+    Calendar: ComponentProps<CalendarProps>;
+    Carousel: ComponentProps<CarouselProps>;
+    CascadeTree: ComponentProps<CascadeTreeProps>;
+    Cascader: ComponentProps<CascaderProps>;
+    CheckPicker: ComponentProps<CheckPickerProps>;
+    CheckTree: ComponentProps<CheckTreeProps>;
+    CheckTreePicker: ComponentProps<CheckTreePickerProps>;
+    Checkbox: ComponentProps<CheckboxProps>;
+    CheckboxGroup: ComponentProps<CheckboxGroupProps>;
+    Col: ComponentProps<ColProps>;
+    Container: ComponentProps<ContainerProps>;
+    Content: ComponentProps<ContentProps>;
+    DateInput: ComponentProps<DateInputProps>;
+    DatePicker: ComponentProps<DatePickerProps>;
+    DateRangeInput: ComponentProps<DateRangeInputProps>;
+    DateRangePicker: ComponentProps<DateRangePickerProps>;
+    Divider: ComponentProps<DividerProps>;
+    Drawer: ComponentProps<DrawerProps>;
+    Dropdown: ComponentProps<DropdownProps>;
+    FlexboxGrid: ComponentProps<FlexboxGridProps>;
+    Footer: ComponentProps<FooterProps>;
+    Form: ComponentProps<FormProps>;
+    FormControl: ComponentProps<FormControlProps>;
+    FormControlLabel: ComponentProps<FormControlLabelProps>;
+    FormErrorMessage: ComponentProps<FormErrorMessageProps>;
+    FormGroup: ComponentProps<FormGroupProps>;
+    FormHelpText: ComponentProps<FormHelpTextProps>;
+    Grid: ComponentProps<GridProps>;
+    Header: ComponentProps<HeaderProps>;
+    Heading: ComponentProps<HeadingProps>;
+    HeadingGroup: ComponentProps<HeadingGroupProps>;
+    Highlight: ComponentProps<HighlightProps>;
+    IconButton: ComponentProps<IconButtonProps>;
+    InlineEdit: ComponentProps<InlineEditProps>;
+    Input: ComponentProps<InputProps>;
+    InputGroup: ComponentProps<InputGroupProps>;
+    InputNumber: ComponentProps<InputNumberProps>;
+    InputPicker: ComponentProps<InputPickerProps>;
+    List: ComponentProps<ListProps>;
+    Loader: ComponentProps<LoaderProps>;
+    MaskedInput: ComponentProps<MaskedInputProps>;
+    Message: ComponentProps<MessageProps>;
+    Modal: ComponentProps<ModalProps>;
+    MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
+    MultiCascader: ComponentProps<MultiCascaderProps>;
+    Nav: ComponentProps<NavProps>;
+    Navbar: ComponentProps<NavbarProps>;
+    Notification: ComponentProps<NotificationProps>;
+    Pagination: ComponentProps<PaginationProps>;
+    Panel: ComponentProps<PanelProps>;
+    PanelGroup: ComponentProps<PanelGroupProps>;
+    PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
+    PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
+    PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
+    Popover: ComponentProps<PopoverProps>;
+    ProgressCircle: ComponentProps<ProgressCircleProps>;
+    ProgressLine: ComponentProps<ProgressLineProps>;
+    Radio: ComponentProps<RadioProps>;
+    RadioGroup: ComponentProps<RadioGroupProps>;
+    RadioTile: ComponentProps<RadioTileProps>;
+    RadioTileGroup: ComponentProps<RadioTileGroupProps>;
+    RangeSlider: ComponentProps<RangeSliderProps>;
+    Rate: ComponentProps<RateProps>;
+    Row: ComponentProps<RowProps>;
+    SafeAnchor: ComponentProps<SafeAnchorProps>;
+    SelectPicker: ComponentProps<SelectPickerProps>;
+    Sidebar: ComponentProps<SidebarProps>;
+    Sidenav: ComponentProps<SidenavProps>;
+    Slider: ComponentProps<SliderProps>;
+    Stack: ComponentProps<StackProps>;
+    Steps: ComponentProps<StepsProps>;
+    Table: ComponentProps<TableProps>;
+    Tabs: ComponentProps<TabsProps>;
+    Tag: ComponentProps<TagProps>;
+    TagGroup: ComponentProps<TagGroupProps>;
+    TagInput: ComponentProps<TagInputProps>;
+    TagPicker: ComponentProps<TagPickerProps>;
+    Text: ComponentProps<TextProps>;
+    TimePicker: ComponentProps<TimePickerProps>;
+    TimeRangePicker: ComponentProps<TimeRangePickerProps>;
+    Timeline: ComponentProps<TimelineProps>;
+    Toggle: ComponentProps<ToggleProps>;
+    Tooltip: ComponentProps<TooltipProps>;
+    Tree: ComponentProps<TreeProps>;
+    TreePicker: ComponentProps<TreePickerProps>;
+    Uploader: ComponentProps<UploaderProps>;
+    VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
+    Whisper: ComponentProps<WhisperProps>;
+}
+export {};

package/esm/CustomProvider/types.js

@@ -0,0 +1,2 @@
+'use client';
+export {};

package/esm/CustomProvider/useCustom.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import enGB from '../locales/en_GB';
+import type { FormatDateOptions } from '../internals/utils/date/types';
+import type { ReactSuiteComponents } from './types';
+type LocaleKey = keyof typeof enGB;
+/**
+ * A hook to get custom configuration of `<CustomProvider>`
+ * @param componentName - The name of the component
+ * @param componentProps - The props of the component
+ */
+export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
+    rtl: boolean;
+    toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
+    disableRipple: boolean | undefined;
+    classPrefix: string | undefined;
+    propsWithDefaults: P;
+    getLocale: (key: LocaleKey | LocaleKey[], overrideLocale?: Record<string, any>) => any;
+    formatDate: (date: number | Date, formatStr: string, options?: FormatDateOptions) => string;
+    parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: any) => Date;
+};
+export default useCustom;

package/esm/CustomProvider/useCustom.js

@@ -0,0 +1,109 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["locale"];
+import { useContext, useCallback, useMemo } from 'react';
+import assign from 'lodash/assign';
+import enGB from "../locales/en_GB.js";
+import { format, parse, isValid } from "../internals/utils/date/index.js";
+import { CustomContext } from "./CustomProvider.js";
+function getDefaultRTL() {
+  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
+}
+function toLocaleKey(componentName) {
+  var Picker = ['Cascader', 'CheckTreePicker', 'MultiCascader', 'SelectPicker', 'TreePicker', 'CheckPicker', 'CheckTreePicker'];
+  if (Picker.includes(componentName)) {
+    return 'Combobox';
+  }
+  return componentName;
+}
+
+/**
+ * A hook to get custom configuration of `<CustomProvider>`
+ * @param componentName - The name of the component
+ * @param componentProps - The props of the component
+ */
+export function useCustom(componentName, componentProps) {
+  var _globalLocale$DateTim;
+  var _useContext = useContext(CustomContext),
+    _useContext$component = _useContext.components,
+    components = _useContext$component === void 0 ? {} : _useContext$component,
+    _useContext$locale = _useContext.locale,
+    globalLocale = _useContext$locale === void 0 ? enGB : _useContext$locale,
+    _useContext$rtl = _useContext.rtl,
+    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
+    formatDate = _useContext.formatDate,
+    parseDate = _useContext.parseDate,
+    classPrefix = _useContext.classPrefix,
+    toasters = _useContext.toasters,
+    disableRipple = _useContext.disableRipple;
+  var _ref = componentProps || {},
+    componentLocale = _ref.locale,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var dateLocale = globalLocale === null || globalLocale === void 0 ? void 0 : (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var getLocale = useCallback(function (key, overrideLocale) {
+    // Initialize with common locale
+    var publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};
+
+    // Merge component-specific locale(s) based on key type
+    var specificLocale = typeof key === 'string' ? globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[key] : Array.isArray(key) ? assign.apply(void 0, [{}].concat(key.map(function (k) {
+      return globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[k];
+    }))) : {};
+
+    // Merge all parts: public locale, specific locale, custom component locale
+    return assign({}, publicLocale, specificLocale, componentLocale, overrideLocale);
+  }, [globalLocale, componentLocale]);
+  var propsWithDefaults = useMemo(function () {
+    var _components$component;
+    if (!componentName) {
+      return;
+    }
+
+    //Memoize the global default props based on component name
+    var globalDefaultProps = ((_components$component = components[componentName]) === null || _components$component === void 0 ? void 0 : _components$component.defaultProps) || {};
+    var mergedProps = assign({}, globalDefaultProps, restProps);
+    var localeKey = toLocaleKey(componentName);
+
+    // If the default locale has the component name, then merge the locale.
+    if (Object.keys(enGB).includes(localeKey)) {
+      return _extends({}, mergedProps, {
+        locale: getLocale(localeKey)
+      });
+    }
+    return mergedProps;
+  }, [componentName, components, getLocale, restProps]);
+  var _formatDate = useCallback(function (date, formatStr, options) {
+    try {
+      if (formatDate) {
+        return formatDate(date, formatStr, options);
+      }
+      return format(isValid(date) ? date : new Date(), formatStr, _extends({
+        locale: dateLocale
+      }, options));
+    } catch (error) {
+      if (process.env.NODE_ENV === 'development') {
+        console.error('Error: Invalid date format', error);
+      }
+      return 'Error: Invalid date format';
+    }
+  }, [dateLocale, formatDate]);
+  var _parseDate = useCallback(function (dateString, formatString, referenceDate, options) {
+    if (parseDate) {
+      return parseDate(dateString, formatString, referenceDate, options);
+    }
+    return parse(dateString, formatString, referenceDate || new Date(), _extends({
+      locale: dateLocale
+    }, options));
+  }, [parseDate, dateLocale]);
+  return {
+    rtl: rtl,
+    toasters: toasters,
+    disableRipple: disableRipple,
+    classPrefix: classPrefix,
+    propsWithDefaults: propsWithDefaults,
+    getLocale: getLocale,
+    formatDate: _formatDate,
+    parseDate: _parseDate
+  };
+}
+export default useCustom;

package/esm/DateInput/DateInput.js

@@ -5,10 +5,11 @@ var _excluded = ["format", "value", "defaultValue", "placeholder", "onChange", "
 import React, { useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Input from "../Input/index.js";
-import { useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import { isValid } from "../internals/utils/date/index.js";
 import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils.js";
+import { useCustom } from "../CustomProvider/index.js";
 import useDateInputState from "./hooks/useDateInputState.js";
 import useKeyboardInputEvent from "./hooks/useKeyboardInputEvent.js";
 import useIsFocused from "./hooks/useIsFocused.js";
@@ -20,25 +21,28 @@ import useSelectedState from "./hooks/useSelectedState.js";
  * @see https://rsuitejs.com/components/date-input/
  */
 var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Calendar'),
-    locale = _useCustom.locale,
-    parseDate = _useCustom.parseDate;
-  var _props$format = props.format,
-    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    placeholder = props.placeholder,
-    onChange = props.onChange,
-    onKeyDown = props.onKeyDown,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onPaste = props.onPaste,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('DateInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    parseDate = _useCustom.parseDate,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    dateLocale = _getLocale.dateLocale,
+    shortDateFormat = _getLocale.shortDateFormat;
+  var _propsWithDefaults$fo = propsWithDefaults.format,
+    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
+    valueProp = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    placeholder = propsWithDefaults.placeholder,
+    onChange = propsWithDefaults.onChange,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    onPaste = propsWithDefaults.onPaste,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var inputRef = useRef();
   var _useSelectedState = useSelectedState(),
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
-  var dateLocale = locale.dateLocale;
   var _useControlled = useControlled(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],

package/esm/DateInput/hooks/useDateInputState.js

@@ -1,8 +1,8 @@
 'use client';
-import { useCallback, useEffect } from 'react';
 import startCase from 'lodash/startCase';
+import { useCallback, useEffect } from 'react';
 import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date/index.js";
-import { useCustom } from "../../internals/hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { useDateField, patternMap } from "../DateField.js";
 export function useDateInputState(_ref) {
   var formatStr = _ref.formatStr,