@mezzanine-ui/react 0.13.10 → 0.13.12

package/DateRangePicker/DateRangePickerCalendar.d.ts

@@ -1,26 +1,26 @@
-import { RefObject } from 'react';
-import { CalendarProps } from '../Calendar';
-import { InputTriggerPopperProps } from '../_internal/InputTriggerPopper';
-export interface DateRangePickerCalendarProps extends Pick<InputTriggerPopperProps, 'anchor' | 'fadeProps' | 'open'>, Pick<CalendarProps, 'value' | 'onChange' | 'displayMonthLocale' | 'mode' | 'isDateInRange' | 'isDateDisabled' | 'isMonthDisabled' | 'isMonthInRange' | 'isWeekInRange' | 'isYearDisabled' | 'isYearInRange' | 'onDateHover' | 'onWeekHover' | 'onMonthHover' | 'onYearHover' | 'referenceDate'> {
-    /**
-     * Other props you may pass to calendar component.
-     */
-    calendarProps?: Omit<CalendarProps, keyof DateRangePickerCalendarProps>;
-    /**
-     * React Ref for the first(on the left side) calendar
-     */
-    firstCalendarRef?: RefObject<HTMLDivElement>;
-    /**
-     * Other props you may provide to `Popper` component
-     */
-    popperProps?: Omit<InputTriggerPopperProps, 'anchor' | 'children' | 'fadeProps' | 'open'>;
-    /**
-     * React Ref for the second(on the right side) calendar
-     */
-    secondCalendarRef?: RefObject<HTMLDivElement>;
-}
-/**
- * The react component for `mezzanine` date range picker calendar.
- */
-declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLDivElement>>;
-export default DateRangePickerCalendar;
+import { RefObject } from 'react';
+import { CalendarProps } from '../Calendar';
+import { InputTriggerPopperProps } from '../_internal/InputTriggerPopper';
+export interface DateRangePickerCalendarProps extends Pick<InputTriggerPopperProps, 'anchor' | 'fadeProps' | 'open'>, Pick<CalendarProps, 'value' | 'onChange' | 'displayMonthLocale' | 'mode' | 'isDateInRange' | 'isDateDisabled' | 'isMonthDisabled' | 'isMonthInRange' | 'isWeekInRange' | 'isYearDisabled' | 'isYearInRange' | 'onDateHover' | 'onWeekHover' | 'onMonthHover' | 'onYearHover' | 'referenceDate'> {
+    /**
+     * Other props you may pass to calendar component.
+     */
+    calendarProps?: Omit<CalendarProps, keyof DateRangePickerCalendarProps>;
+    /**
+     * React Ref for the first(on the left side) calendar
+     */
+    firstCalendarRef?: RefObject<HTMLDivElement>;
+    /**
+     * Other props you may provide to `Popper` component
+     */
+    popperProps?: Omit<InputTriggerPopperProps, 'anchor' | 'children' | 'fadeProps' | 'open'>;
+    /**
+     * React Ref for the second(on the right side) calendar
+     */
+    secondCalendarRef?: RefObject<HTMLDivElement>;
+}
+/**
+ * The react component for `mezzanine` date range picker calendar.
+ */
+declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<HTMLDivElement>>;
+export default DateRangePickerCalendar;

package/DateRangePicker/DateRangePickerCalendar.js

@@ -7,92 +7,92 @@ import InputTriggerPopper from '../_internal/InputTriggerPopper/InputTriggerPopp
 import Calendar from '../Calendar/Calendar.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` date range picker calendar.
- */
-const DateRangePickerCalendar = forwardRef(function DateRangePickerCalendar(props, ref) {
-    const { displayMonthLocale: displayMonthLocaleFromConfig, getMonth, getYear, setMonth, setYear, } = useCalendarContext();
-    const { anchor, calendarProps, displayMonthLocale = displayMonthLocaleFromConfig, fadeProps, firstCalendarRef, isDateDisabled, isDateInRange, isMonthDisabled, isMonthInRange, isWeekInRange, isYearDisabled, isYearInRange, mode = 'day', onChange: onChangeProp, onDateHover, onMonthHover, onWeekHover, onYearHover, open, popperProps, referenceDate: referenceDateProp, secondCalendarRef, value, } = props;
-    const { className, ...restCalendarProps } = calendarProps || {};
-    const { currentMode, onMonthControlClick: onMonthControlClickFromHook, onFirstNext, onFirstPrev, onSecondNext, onSecondPrev, onYearControlClick: onYearControlClickFromHook, popModeStack, referenceDates, updateFirstReferenceDate, updateSecondReferenceDate, } = useDateRangeCalendarControls(referenceDateProp, mode);
-    const onChangeFactory = useCallback((calendar) => {
-        const targetDate = referenceDates[calendar];
-        const updateReferenceDate = calendar ? updateSecondReferenceDate : updateFirstReferenceDate;
-        if (currentMode === 'day' || currentMode === 'week') {
-            return (target) => {
-                updateReferenceDate(target);
-                popModeStack();
-                if (currentMode === mode && onChangeProp) {
-                    onChangeProp(target);
-                }
-            };
-        }
-        if (currentMode === 'month') {
-            return (target) => {
-                const result = currentMode === mode ? target : setMonth(targetDate, getMonth(target));
-                updateReferenceDate(result);
-                popModeStack();
-                if (currentMode === mode && onChangeProp) {
-                    onChangeProp(result);
-                }
-            };
-        }
-        if (currentMode === 'year') {
-            return (target) => {
-                const result = currentMode === mode ? target : setYear(targetDate, getYear(target));
-                updateReferenceDate(result);
-                popModeStack();
-                if (currentMode === mode && onChangeProp) {
-                    onChangeProp(result);
-                }
-            };
-        }
-    }, [
-        currentMode,
-        getMonth,
-        getYear,
-        mode,
-        onChangeProp,
-        popModeStack,
-        referenceDates,
-        setMonth,
-        setYear,
-        updateFirstReferenceDate,
-        updateSecondReferenceDate,
-    ]);
-    const [controlPanelOnLeft, setControlPanelOnLeft] = useState(true);
-    const onMonthControlClickFactory = useCallback((calendar) => {
-        if (calendar) {
-            return () => {
-                setControlPanelOnLeft(false);
-                onMonthControlClickFromHook();
-            };
-        }
-        return () => {
-            setControlPanelOnLeft(true);
-            onMonthControlClickFromHook();
-        };
-    }, [onMonthControlClickFromHook]);
-    const onYearControlClickFactory = useCallback((calendar) => {
-        if (calendar) {
-            return () => {
-                setControlPanelOnLeft(false);
-                onYearControlClickFromHook();
-            };
-        }
-        return () => {
-            setControlPanelOnLeft(true);
-            onYearControlClickFromHook();
-        };
-    }, [onYearControlClickFromHook]);
-    const isSettingFirstCalendar = currentMode !== mode && controlPanelOnLeft;
-    const isSettingSecondCalendar = currentMode !== mode && !controlPanelOnLeft;
-    return (jsx(InputTriggerPopper, { ...popperProps, ref: ref, anchor: anchor, open: open, fadeProps: fadeProps, children: jsxs("div", { className: dateRangePickerClasses.calendarGroup, children: [jsx(Calendar, { ...restCalendarProps, className: cx(dateRangePickerClasses.calendar, {
-                        [dateRangePickerClasses.calendarInactive]: isSettingSecondCalendar,
-                    }, className), displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isDateInRange: isDateInRange, isMonthDisabled: isMonthDisabled, isMonthInRange: isMonthInRange, isWeekInRange: isWeekInRange, isYearDisabled: isYearDisabled, isYearInRange: isYearInRange, mode: controlPanelOnLeft ? currentMode : mode, onChange: onChangeFactory(0), onDateHover: currentMode === mode ? onDateHover : undefined, onMonthHover: currentMode === mode ? onMonthHover : undefined, onWeekHover: currentMode === mode ? onWeekHover : undefined, onYearHover: currentMode === mode ? onYearHover : undefined, onMonthControlClick: onMonthControlClickFactory(0), onNext: isSettingFirstCalendar ? onFirstNext : undefined, onPrev: onFirstPrev, onYearControlClick: onYearControlClickFactory(0), ref: firstCalendarRef, referenceDate: referenceDates[0], value: isSettingFirstCalendar ? referenceDates[0] : value }), jsx(Calendar, { ...restCalendarProps, className: cx(dateRangePickerClasses.calendar, {
-                        [dateRangePickerClasses.calendarInactive]: isSettingFirstCalendar,
-                    }, className), displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isDateInRange: isDateInRange, isMonthDisabled: isMonthDisabled, isMonthInRange: isMonthInRange, isWeekInRange: isWeekInRange, isYearDisabled: isYearDisabled, isYearInRange: isYearInRange, mode: !controlPanelOnLeft ? currentMode : mode, onChange: onChangeFactory(1), onDateHover: currentMode === mode ? onDateHover : undefined, onMonthHover: currentMode === mode ? onMonthHover : undefined, onWeekHover: currentMode === mode ? onWeekHover : undefined, onYearHover: currentMode === mode ? onYearHover : undefined, onMonthControlClick: onMonthControlClickFactory(1), onNext: onSecondNext, onPrev: isSettingSecondCalendar ? onSecondPrev : undefined, onYearControlClick: onYearControlClickFactory(1), ref: secondCalendarRef, referenceDate: referenceDates[1], value: isSettingSecondCalendar ? referenceDates[1] : value })] }) }));
-});
+/**
+ * The react component for `mezzanine` date range picker calendar.
+ */
+const DateRangePickerCalendar = forwardRef(function DateRangePickerCalendar(props, ref) {
+    const { displayMonthLocale: displayMonthLocaleFromConfig, getMonth, getYear, setMonth, setYear, } = useCalendarContext();
+    const { anchor, calendarProps, displayMonthLocale = displayMonthLocaleFromConfig, fadeProps, firstCalendarRef, isDateDisabled, isDateInRange, isMonthDisabled, isMonthInRange, isWeekInRange, isYearDisabled, isYearInRange, mode = 'day', onChange: onChangeProp, onDateHover, onMonthHover, onWeekHover, onYearHover, open, popperProps, referenceDate: referenceDateProp, secondCalendarRef, value, } = props;
+    const { className, ...restCalendarProps } = calendarProps || {};
+    const { currentMode, onMonthControlClick: onMonthControlClickFromHook, onFirstNext, onFirstPrev, onSecondNext, onSecondPrev, onYearControlClick: onYearControlClickFromHook, popModeStack, referenceDates, updateFirstReferenceDate, updateSecondReferenceDate, } = useDateRangeCalendarControls(referenceDateProp, mode);
+    const onChangeFactory = useCallback((calendar) => {
+        const targetDate = referenceDates[calendar];
+        const updateReferenceDate = calendar ? updateSecondReferenceDate : updateFirstReferenceDate;
+        if (currentMode === 'day' || currentMode === 'week') {
+            return (target) => {
+                updateReferenceDate(target);
+                popModeStack();
+                if (currentMode === mode && onChangeProp) {
+                    onChangeProp(target);
+                }
+            };
+        }
+        if (currentMode === 'month') {
+            return (target) => {
+                const result = currentMode === mode ? target : setMonth(targetDate, getMonth(target));
+                updateReferenceDate(result);
+                popModeStack();
+                if (currentMode === mode && onChangeProp) {
+                    onChangeProp(result);
+                }
+            };
+        }
+        if (currentMode === 'year') {
+            return (target) => {
+                const result = currentMode === mode ? target : setYear(targetDate, getYear(target));
+                updateReferenceDate(result);
+                popModeStack();
+                if (currentMode === mode && onChangeProp) {
+                    onChangeProp(result);
+                }
+            };
+        }
+    }, [
+        currentMode,
+        getMonth,
+        getYear,
+        mode,
+        onChangeProp,
+        popModeStack,
+        referenceDates,
+        setMonth,
+        setYear,
+        updateFirstReferenceDate,
+        updateSecondReferenceDate,
+    ]);
+    const [controlPanelOnLeft, setControlPanelOnLeft] = useState(true);
+    const onMonthControlClickFactory = useCallback((calendar) => {
+        if (calendar) {
+            return () => {
+                setControlPanelOnLeft(false);
+                onMonthControlClickFromHook();
+            };
+        }
+        return () => {
+            setControlPanelOnLeft(true);
+            onMonthControlClickFromHook();
+        };
+    }, [onMonthControlClickFromHook]);
+    const onYearControlClickFactory = useCallback((calendar) => {
+        if (calendar) {
+            return () => {
+                setControlPanelOnLeft(false);
+                onYearControlClickFromHook();
+            };
+        }
+        return () => {
+            setControlPanelOnLeft(true);
+            onYearControlClickFromHook();
+        };
+    }, [onYearControlClickFromHook]);
+    const isSettingFirstCalendar = currentMode !== mode && controlPanelOnLeft;
+    const isSettingSecondCalendar = currentMode !== mode && !controlPanelOnLeft;
+    return (jsx(InputTriggerPopper, { ...popperProps, ref: ref, anchor: anchor, open: open, fadeProps: fadeProps, children: jsxs("div", { className: dateRangePickerClasses.calendarGroup, children: [jsx(Calendar, { ...restCalendarProps, className: cx(dateRangePickerClasses.calendar, {
+                        [dateRangePickerClasses.calendarInactive]: isSettingSecondCalendar,
+                    }, className), displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isDateInRange: isDateInRange, isMonthDisabled: isMonthDisabled, isMonthInRange: isMonthInRange, isWeekInRange: isWeekInRange, isYearDisabled: isYearDisabled, isYearInRange: isYearInRange, mode: controlPanelOnLeft ? currentMode : mode, onChange: onChangeFactory(0), onDateHover: currentMode === mode ? onDateHover : undefined, onMonthHover: currentMode === mode ? onMonthHover : undefined, onWeekHover: currentMode === mode ? onWeekHover : undefined, onYearHover: currentMode === mode ? onYearHover : undefined, onMonthControlClick: onMonthControlClickFactory(0), onNext: isSettingFirstCalendar ? onFirstNext : undefined, onPrev: onFirstPrev, onYearControlClick: onYearControlClickFactory(0), ref: firstCalendarRef, referenceDate: referenceDates[0], value: isSettingFirstCalendar ? referenceDates[0] : value }), jsx(Calendar, { ...restCalendarProps, className: cx(dateRangePickerClasses.calendar, {
+                        [dateRangePickerClasses.calendarInactive]: isSettingFirstCalendar,
+                    }, className), displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isDateInRange: isDateInRange, isMonthDisabled: isMonthDisabled, isMonthInRange: isMonthInRange, isWeekInRange: isWeekInRange, isYearDisabled: isYearDisabled, isYearInRange: isYearInRange, mode: !controlPanelOnLeft ? currentMode : mode, onChange: onChangeFactory(1), onDateHover: currentMode === mode ? onDateHover : undefined, onMonthHover: currentMode === mode ? onMonthHover : undefined, onWeekHover: currentMode === mode ? onWeekHover : undefined, onYearHover: currentMode === mode ? onYearHover : undefined, onMonthControlClick: onMonthControlClickFactory(1), onNext: onSecondNext, onPrev: isSettingSecondCalendar ? onSecondPrev : undefined, onYearControlClick: onYearControlClickFactory(1), ref: secondCalendarRef, referenceDate: referenceDates[1], value: isSettingSecondCalendar ? referenceDates[1] : value })] }) }));
+});
 var DateRangePickerCalendar$1 = DateRangePickerCalendar;
 
 export { DateRangePickerCalendar$1 as default };

package/DateRangePicker/index.d.ts

@@ -1,4 +1,4 @@
-export { useDateRangeCalendarControls, } from './useDateRangeCalendarControls';
-export { UseDateRangePickerValueProps, useDateRangePickerValue, } from './useDateRangePickerValue';
-export { DateRangePickerCalendarProps, default as DateRangePickerCalendar, } from './DateRangePickerCalendar';
-export { DateRangePickerProps, default, } from './DateRangePicker';
+export { useDateRangeCalendarControls, } from './useDateRangeCalendarControls';
+export { UseDateRangePickerValueProps, useDateRangePickerValue, } from './useDateRangePickerValue';
+export { DateRangePickerCalendarProps, default as DateRangePickerCalendar, } from './DateRangePickerCalendar';
+export { DateRangePickerProps, default, } from './DateRangePicker';

package/DateRangePicker/useDateRangeCalendarControls.d.ts

@@ -1,14 +1,14 @@
-import { DateType, CalendarMode } from '@mezzanine-ui/core/calendar';
-export declare function useDateRangeCalendarControls(referenceDate: DateType, mode: CalendarMode): {
-    currentMode: CalendarMode;
-    onFirstNext: () => void;
-    onFirstPrev: () => void;
-    onMonthControlClick: () => void;
-    onSecondNext: () => void;
-    onSecondPrev: () => void;
-    onYearControlClick: () => void;
-    popModeStack: () => void;
-    referenceDates: string[];
-    updateFirstReferenceDate: (date: DateType) => void;
-    updateSecondReferenceDate: (date: DateType) => void;
-};
+import { DateType, CalendarMode } from '@mezzanine-ui/core/calendar';
+export declare function useDateRangeCalendarControls(referenceDate: DateType, mode: CalendarMode): {
+    currentMode: CalendarMode;
+    onFirstNext: () => void;
+    onFirstPrev: () => void;
+    onMonthControlClick: () => void;
+    onSecondNext: () => void;
+    onSecondPrev: () => void;
+    onYearControlClick: () => void;
+    popModeStack: () => void;
+    referenceDates: string[];
+    updateFirstReferenceDate: (date: DateType) => void;
+    updateSecondReferenceDate: (date: DateType) => void;
+};

package/DateRangePicker/useDateRangeCalendarControls.js

@@ -4,90 +4,90 @@ import { useCalendarControlModifiers } from '../Calendar/useCalendarControlModif
 import { useCalendarContext } from '../Calendar/CalendarContext.js';
 import { useCalendarModeStack } from '../Calendar/useCalendarModeStack.js';
 
-function useDateRangeCalendarControls(referenceDate, mode) {
-    const { addMonth, addYear, } = useCalendarContext();
-    const modifierGroup = useCalendarControlModifiers();
-    const { currentMode, popModeStack, pushModeStack, } = useCalendarModeStack(mode);
-    const getAdder = useCallback((calendar) => {
-        if (mode === 'year') {
-            return (target) => addYear(target, calendar ? -calendarYearModuler : calendarYearModuler);
-        }
-        if (mode === 'month') {
-            return (target) => addYear(target, calendar ? -1 : 1);
-        }
-        return (target) => addMonth(target, calendar ? -1 : 1);
-    }, [addYear, addMonth, currentMode]);
-    const [referenceDates, setReferenceDates] = useState(() => {
-        const adder = getAdder(0);
-        return [
-            referenceDate,
-            adder(referenceDate),
-        ];
-    });
-    useEffect(() => {
-        setReferenceDates(() => {
-            const adder = getAdder(0);
-            return [
-                referenceDate,
-                adder(referenceDate),
-            ];
-        });
-    }, [referenceDate]);
-    const updateFirstReferenceDate = useCallback((date) => {
-        const adder = getAdder(0);
-        setReferenceDates([
-            date,
-            adder(date),
-        ]);
-    }, [addMonth]);
-    const updateSecondReferenceDate = useCallback((date) => {
-        const adder = getAdder(1);
-        setReferenceDates([
-            adder(date),
-            date,
-        ]);
-    }, [addMonth]);
-    const onPrevFactory = (target) => () => {
-        const [handleMinus] = modifierGroup[currentMode];
-        const newAnchor = handleMinus(referenceDates[target]);
-        const newDates = [...referenceDates];
-        newDates[target] = newAnchor;
-        if (currentMode === mode) {
-            const adder = getAdder(target);
-            const another = adder(newAnchor);
-            const anotherIndex = Math.abs(target - 1);
-            newDates[anotherIndex] = another;
-        }
-        setReferenceDates(newDates);
-    };
-    const onNextFactory = (target) => () => {
-        const [, handleAdd] = modifierGroup[currentMode];
-        const newAnchor = handleAdd(referenceDates[target]);
-        const newDates = [...referenceDates];
-        newDates[target] = newAnchor;
-        if (currentMode === mode) {
-            const adder = getAdder(target);
-            const another = adder(newAnchor);
-            const anotherIndex = Math.abs(target - 1);
-            newDates[anotherIndex] = another;
-        }
-        setReferenceDates(newDates);
-    };
-    const onMonthControlClick = () => pushModeStack('month');
-    const onYearControlClick = () => pushModeStack('year');
-    return {
-        currentMode,
-        onFirstNext: onNextFactory(0),
-        onFirstPrev: onPrevFactory(0),
-        onMonthControlClick,
-        onSecondNext: onNextFactory(1),
-        onSecondPrev: onPrevFactory(1),
-        onYearControlClick,
-        popModeStack,
-        referenceDates,
-        updateFirstReferenceDate,
-        updateSecondReferenceDate,
-    };
+function useDateRangeCalendarControls(referenceDate, mode) {
+    const { addMonth, addYear, } = useCalendarContext();
+    const modifierGroup = useCalendarControlModifiers();
+    const { currentMode, popModeStack, pushModeStack, } = useCalendarModeStack(mode);
+    const getAdder = useCallback((calendar) => {
+        if (mode === 'year') {
+            return (target) => addYear(target, calendar ? -calendarYearModuler : calendarYearModuler);
+        }
+        if (mode === 'month') {
+            return (target) => addYear(target, calendar ? -1 : 1);
+        }
+        return (target) => addMonth(target, calendar ? -1 : 1);
+    }, [addYear, addMonth, currentMode]);
+    const [referenceDates, setReferenceDates] = useState(() => {
+        const adder = getAdder(0);
+        return [
+            referenceDate,
+            adder(referenceDate),
+        ];
+    });
+    useEffect(() => {
+        setReferenceDates(() => {
+            const adder = getAdder(0);
+            return [
+                referenceDate,
+                adder(referenceDate),
+            ];
+        });
+    }, [referenceDate]);
+    const updateFirstReferenceDate = useCallback((date) => {
+        const adder = getAdder(0);
+        setReferenceDates([
+            date,
+            adder(date),
+        ]);
+    }, [addMonth]);
+    const updateSecondReferenceDate = useCallback((date) => {
+        const adder = getAdder(1);
+        setReferenceDates([
+            adder(date),
+            date,
+        ]);
+    }, [addMonth]);
+    const onPrevFactory = (target) => () => {
+        const [handleMinus] = modifierGroup[currentMode];
+        const newAnchor = handleMinus(referenceDates[target]);
+        const newDates = [...referenceDates];
+        newDates[target] = newAnchor;
+        if (currentMode === mode) {
+            const adder = getAdder(target);
+            const another = adder(newAnchor);
+            const anotherIndex = Math.abs(target - 1);
+            newDates[anotherIndex] = another;
+        }
+        setReferenceDates(newDates);
+    };
+    const onNextFactory = (target) => () => {
+        const [, handleAdd] = modifierGroup[currentMode];
+        const newAnchor = handleAdd(referenceDates[target]);
+        const newDates = [...referenceDates];
+        newDates[target] = newAnchor;
+        if (currentMode === mode) {
+            const adder = getAdder(target);
+            const another = adder(newAnchor);
+            const anotherIndex = Math.abs(target - 1);
+            newDates[anotherIndex] = another;
+        }
+        setReferenceDates(newDates);
+    };
+    const onMonthControlClick = () => pushModeStack('month');
+    const onYearControlClick = () => pushModeStack('year');
+    return {
+        currentMode,
+        onFirstNext: onNextFactory(0),
+        onFirstPrev: onPrevFactory(0),
+        onMonthControlClick,
+        onSecondNext: onNextFactory(1),
+        onSecondPrev: onPrevFactory(1),
+        onYearControlClick,
+        popModeStack,
+        referenceDates,
+        updateFirstReferenceDate,
+        updateSecondReferenceDate,
+    };
 }
 
 export { useDateRangeCalendarControls };

package/DateRangePicker/useDateRangePickerValue.d.ts

@@ -1,23 +1,23 @@
-import { DateType } from '@mezzanine-ui/core/calendar';
-import { RangePickerPickingValue, RangePickerValue } from '@mezzanine-ui/core/picker';
-import { ChangeEventHandler, KeyboardEventHandler } from 'react';
-import { UseRangePickerValueProps } from '../Picker/useRangePickerValue';
-export interface UseDateRangePickerValueProps extends Omit<UseRangePickerValueProps, 'onChange'> {
-    onChange?: (value?: RangePickerValue) => void;
-}
-export declare function useDateRangePickerValue({ format, formats, inputFromRef, inputToRef, onChange: onChangeProp, value: valueProp, }: UseDateRangePickerValueProps): {
-    calendarValue: string[] | undefined;
-    inputFromValue: string;
-    inputToValue: string;
-    onCalendarChange: (val?: DateType) => void;
-    onCalendarHover: import("react").Dispatch<import("react").SetStateAction<string | undefined>> | undefined;
-    onChange: (target?: RangePickerPickingValue<string> | undefined) => RangePickerPickingValue<string> | undefined;
-    onClear: () => void;
-    onFromBlur: import("react").FocusEventHandler<HTMLInputElement>;
-    onFromKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    onInputFromChange: ChangeEventHandler<HTMLInputElement>;
-    onInputToChange: ChangeEventHandler<HTMLInputElement>;
-    onToBlur: import("react").FocusEventHandler<HTMLInputElement>;
-    onToKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    value: RangePickerPickingValue<string>;
-};
+import { DateType } from '@mezzanine-ui/core/calendar';
+import { RangePickerPickingValue, RangePickerValue } from '@mezzanine-ui/core/picker';
+import { ChangeEventHandler, KeyboardEventHandler } from 'react';
+import { UseRangePickerValueProps } from '../Picker/useRangePickerValue';
+export interface UseDateRangePickerValueProps extends Omit<UseRangePickerValueProps, 'onChange'> {
+    onChange?: (value?: RangePickerValue) => void;
+}
+export declare function useDateRangePickerValue({ format, formats, inputFromRef, inputToRef, onChange: onChangeProp, value: valueProp, }: UseDateRangePickerValueProps): {
+    calendarValue: string[] | undefined;
+    inputFromValue: string;
+    inputToValue: string;
+    onCalendarChange: (val?: DateType) => void;
+    onCalendarHover: import("react").Dispatch<import("react").SetStateAction<string | undefined>> | undefined;
+    onChange: (target?: RangePickerPickingValue | undefined) => RangePickerPickingValue | undefined;
+    onClear: () => void;
+    onFromBlur: import("react").FocusEventHandler<HTMLInputElement>;
+    onFromKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    onInputFromChange: ChangeEventHandler<HTMLInputElement>;
+    onInputToChange: ChangeEventHandler<HTMLInputElement>;
+    onToBlur: import("react").FocusEventHandler<HTMLInputElement>;
+    onToKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    value: RangePickerPickingValue;
+};