@navikt/ds-react 1.3.8 → 1.3.9

package/esm/date/hooks/useDatepicker.d.ts

@@ -0,0 +1,37 @@
+import { DateInputProps } from "../DateInput";
+import { DatePickerProps } from "../datepicker/DatePicker";
+export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "fromDate" | "toDate" | "today" | "toDate" | "fromDate" | "toDate" | "disabled" | "disableWeekends"> {
+    /**
+     * The initially selected Date
+     */
+    defaultSelected?: Date;
+    /**
+     * Make selection of Date required
+     */
+    required?: boolean;
+}
+interface UseDatepickerValue {
+    /**
+     * Use: <DatePicker {...datepickerProps}/>
+     */
+    datepickerProps: DatePickerProps;
+    /**
+     * Use: <DatePicker.Input {...inputProps}/>
+     */
+    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+    /**
+     * Resets all states (callback)
+     */
+    reset: () => void;
+    /**
+     * Currently selected date
+     * Up to user to validate date
+     */
+    selectedDay?: Date;
+    /**
+     * Manually override currently selected day
+     */
+    setSelected: (date?: Date) => void;
+}
+export declare const useDatepicker: (opt?: UseDatepickerOptions) => UseDatepickerValue;
+export {};

package/esm/date/hooks/useDatepicker.js

@@ -0,0 +1,132 @@
+import { differenceInCalendarDays, isWeekend } from "date-fns";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { isMatch } from "react-day-picker";
+import { formatDateForInput, getLocaleFromString, isValidDate, parseDate, } from "../utils";
+export const useDatepicker = (opt = {}) => {
+    const { locale: _locale = "nb", required, defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, } = opt;
+    const locale = getLocaleFromString(_locale);
+    const inputRef = useRef(null);
+    const daypickerRef = useRef(null);
+    // Initialize states
+    const [month, setMonth] = useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+    const [selectedDay, setSelectedDay] = useState(defaultSelected);
+    const [open, setOpen] = useState(false);
+    const defaultInputValue = defaultSelected
+        ? formatDateForInput(defaultSelected, locale, "date")
+        : "";
+    const [inputValue, setInputValue] = useState(defaultInputValue);
+    const handleFocusIn = useCallback((e) => {
+        var _a;
+        ![
+            daypickerRef.current,
+            inputRef.current,
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nextSibling,
+        ].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
+            open &&
+            setOpen(false);
+    }, [open]);
+    useEffect(() => {
+        window.addEventListener("focusin", handleFocusIn);
+        window.addEventListener("click", handleFocusIn);
+        return () => {
+            var _a, _b;
+            (_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, "focusin", handleFocusIn);
+            (_b = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(window, "click", handleFocusIn);
+        };
+    }, [handleFocusIn]);
+    const reset = () => {
+        setSelectedDay(defaultSelected);
+        setMonth(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+        setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
+    };
+    const setSelected = (date) => {
+        setSelectedDay(date);
+        setMonth(date !== null && date !== void 0 ? date : today);
+        setInputValue(date ? formatDateForInput(date, locale, "date") : "");
+    };
+    const handleFocus = (e) => {
+        !open && setOpen(true);
+        if (!e.target.value) {
+            reset();
+            return;
+        }
+        let day = parseDate(e.target.value, today, locale, "date");
+        if (isValidDate(day)) {
+            setMonth(day);
+            setInputValue(formatDateForInput(day, locale, "date"));
+        }
+    };
+    const handleBlur = (e) => {
+        let day = parseDate(e.target.value, today, locale, "date");
+        isValidDate(day) && setInputValue(formatDateForInput(day, locale, "date"));
+    };
+    /* Only allow de-selecting if not required */
+    const handleDayClick = (day, { selected }) => {
+        if (day && !selected) {
+            setOpen(false);
+            inputRef.current && inputRef.current.focus();
+        }
+        if (!required && selected) {
+            setSelectedDay(undefined);
+            setInputValue("");
+            return;
+        }
+        setSelectedDay(day);
+        setMonth(day);
+        setInputValue(day ? formatDateForInput(day, locale, "date") : "");
+    };
+    // When changing the input field, save its value in state and check if the
+    // string is a valid date. If it is a valid day, set it as selected and update
+    // the calendar’s month.
+    const handleChange = (e) => {
+        setInputValue(e.target.value);
+        const day = parseDate(e.target.value, today, locale, "date");
+        if (!isValidDate(day) ||
+            (disabled &&
+                ((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
+            setSelectedDay(undefined);
+            return;
+        }
+        const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
+        const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
+        if (isBefore || isAfter) {
+            setSelectedDay(undefined);
+            return;
+        }
+        setSelectedDay(day);
+        setMonth(day);
+    };
+    const handleClose = useCallback(() => {
+        setOpen(false);
+        inputRef.current && inputRef.current.focus();
+    }, []);
+    const escape = useCallback((e) => open && e.key === "Escape" && handleClose(), [handleClose, open]);
+    useEffect(() => {
+        window.addEventListener("keydown", escape, false);
+        return () => {
+            window.removeEventListener("keydown", escape, false);
+        };
+    }, [escape]);
+    const datepickerProps = {
+        month,
+        onMonthChange: (month) => setMonth(month),
+        onDayClick: handleDayClick,
+        selected: selectedDay,
+        locale: _locale,
+        fromDate,
+        toDate,
+        today,
+        open,
+        onOpenToggle: () => setOpen((x) => !x),
+        ref: daypickerRef,
+    };
+    const inputProps = {
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        value: inputValue,
+        ref: inputRef,
+    };
+    return { datepickerProps, inputProps, reset, selectedDay, setSelected };
+};
+//# sourceMappingURL=useDatepicker.js.map

package/esm/date/hooks/useDatepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"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"}

package/esm/date/hooks/useMonthPicker.d.ts

@@ -0,0 +1,33 @@
+import { DateInputProps } from "../DateInput";
+import { MonthPickerProps } from "../monthpicker/MonthPicker";
+export interface UseMonthPickerOptions extends Pick<MonthPickerProps, "locale" | "fromDate" | "toDate" | "disabled" | "defaultSelected"> {
+    /**
+     * Make Date-selection required
+     */
+    required?: boolean;
+}
+interface UseMonthPickerValue {
+    /**
+     * Use: <MonthPicker {...monthpickerProps} />
+     */
+    monthpickerProps: MonthPickerProps;
+    /**
+     * Use: <MonthPicker.Input {...inputProps} />
+     */
+    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "value" | "wrapperRef">;
+    /**
+     * Currently selected Date
+     * Up to user to validate value and extract month
+     */
+    selectedMonth?: Date;
+    /**
+     * Manually set selected month if needed
+     */
+    setSelected: (date?: Date) => void;
+    /**
+     * Resets all states
+     */
+    reset: () => void;
+}
+export declare const useMonthPicker: (opt?: UseMonthPickerOptions) => UseMonthPickerValue;
+export {};

package/esm/date/hooks/useMonthPicker.js

@@ -0,0 +1,136 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { formatDateForInput, getLocaleFromString, isMatch, isValidDate, parseDate, } from "../utils";
+export const useMonthPicker = (opt = {}) => {
+    const { locale: _locale = "nb", defaultSelected, fromDate, toDate, disabled, required, } = opt;
+    const today = new Date();
+    const locale = getLocaleFromString(_locale);
+    const inputRef = useRef(null);
+    const monthpickerRef = useRef(null);
+    // Initialize states
+    const [year, setYear] = useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+    const [selectedMonth, setSelectedMonth] = useState(defaultSelected);
+    const [open, setOpen] = useState(false);
+    const defaultInputValue = defaultSelected
+        ? formatDateForInput(defaultSelected, locale, "month")
+        : "";
+    const [inputValue, setInputValue] = useState(defaultInputValue);
+    const handleFocusIn = useCallback((e) => {
+        var _a;
+        return ![
+            monthpickerRef.current,
+            inputRef.current,
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nextSibling,
+        ].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
+            open &&
+            setOpen(false);
+    }, [open]);
+    useEffect(() => {
+        window.addEventListener("focusin", handleFocusIn);
+        window.addEventListener("click", handleFocusIn);
+        return () => {
+            var _a, _b;
+            (_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, "focusin", handleFocusIn);
+            (_b = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(window, "click", handleFocusIn);
+        };
+    }, [handleFocusIn]);
+    const reset = () => {
+        setSelectedMonth(defaultSelected);
+        setYear(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+        setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
+    };
+    const setSelected = (date) => {
+        setSelectedMonth(date);
+        setYear(date !== null && date !== void 0 ? date : today);
+        setInputValue(date ? formatDateForInput(date, locale, "month") : "");
+    };
+    const handleFocus = (e) => {
+        !open && setOpen(true);
+        if (!e.target.value) {
+            reset();
+            return;
+        }
+        let day = parseDate(e.target.value, today, locale, "month");
+        if (isValidDate(day)) {
+            setYear(day);
+            setInputValue(formatDateForInput(day, locale, "month"));
+        }
+    };
+    const handleBlur = (e) => {
+        let day = parseDate(e.target.value, today, locale, "month");
+        isValidDate(day) && setInputValue(formatDateForInput(day, locale, "month"));
+    };
+    /* Only allow de-selecting if not required */
+    const handleMonthClick = (month) => {
+        if (month) {
+            setOpen(false);
+            inputRef.current && inputRef.current.focus();
+        }
+        if (!required && !month) {
+            setSelectedMonth(undefined);
+            setInputValue("");
+            return;
+        }
+        setSelectedMonth(month);
+        setInputValue(month ? formatDateForInput(month, locale, "month") : "");
+    };
+    // When changing the input field, save its value in state and check if the
+    // string is a valid date. If it is a valid day, set it as selected and update
+    // the calendar’s month.
+    const handleChange = (e) => {
+        setInputValue(e.target.value);
+        const month = parseDate(e.target.value, today, locale, "month");
+        if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
+            setSelectedMonth(undefined);
+            return;
+        }
+        const isBefore = fromDate &&
+            (fromDate.getFullYear() > month.getFullYear() ||
+                (fromDate.getFullYear() === month.getFullYear() &&
+                    fromDate.getMonth() > month.getMonth()));
+        const isAfter = toDate &&
+            (toDate.getFullYear() < month.getFullYear() ||
+                (toDate.getFullYear() === month.getFullYear() &&
+                    toDate.getMonth() < month.getMonth()));
+        if (isAfter ||
+            isBefore ||
+            (fromDate && toDate && !isMatch(month, [{ from: fromDate, to: toDate }]))) {
+            setSelectedMonth(undefined);
+            return;
+        }
+        setSelectedMonth(month);
+        setYear(month);
+    };
+    const handleClose = useCallback(() => {
+        setOpen(false);
+        inputRef.current && inputRef.current.focus();
+    }, []);
+    const escape = useCallback((e) => open && e.key === "Escape" && handleClose(), [handleClose, open]);
+    useEffect(() => {
+        window.addEventListener("keydown", escape, false);
+        return () => {
+            window.removeEventListener("keydown", escape, false);
+        };
+    }, [escape]);
+    const monthpickerProps = {
+        year,
+        onYearChange: (y) => setYear(y !== null && y !== void 0 ? y : today),
+        onMonthSelect: handleMonthClick,
+        selected: selectedMonth,
+        locale: _locale,
+        fromDate,
+        toDate,
+        open,
+        onOpenToggle: () => setOpen((x) => !x),
+        disabled,
+        ref: monthpickerRef,
+    };
+    const inputProps = {
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        value: inputValue,
+        ref: inputRef,
+    };
+    return { monthpickerProps, inputProps, reset, selectedMonth, setSelected };
+};
+//# sourceMappingURL=useMonthPicker.js.map

package/esm/date/hooks/useMonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}

package/esm/date/hooks/useRangeDatepicker.d.ts

@@ -0,0 +1,39 @@
+import { DateRange } from "react-day-picker";
+import { DateInputProps } from "../DateInput";
+import { DatePickerProps } from "../datepicker/DatePicker";
+import { UseDatepickerOptions } from "./useDatepicker";
+interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected"> {
+    /**
+     * The initially selected DateRange
+     */
+    defaultSelected?: DateRange;
+}
+interface UseRangeDatepickerValue {
+    /**
+     * Use: <DatePicker {...datepickerProps}/>
+     */
+    datepickerProps: DatePickerProps;
+    /**
+     * Use: <DatePicker.Input label="from" {...fromInputProps}/>
+     */
+    fromInputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+    /**
+     * Use: <DatePicker.Input label="to" {...toInputProps}/>
+     */
+    toInputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+    /**
+     * Resets all states (callback)
+     */
+    reset: () => void;
+    /**
+     * Currently selected DateRange
+     * Up to user to validate values
+     */
+    selectedRange?: DateRange;
+    /**
+     * Manually override currently selected day
+     */
+    setSelected: (date?: DateRange) => void;
+}
+export declare const useRangeDatepicker: (opt?: UseRangeDatepickerOptions) => UseRangeDatepickerValue;
+export {};

package/esm/date/hooks/useRangeDatepicker.js

@@ -0,0 +1,212 @@
+import { differenceInCalendarDays, isWeekend } from "date-fns";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { isMatch } from "react-day-picker";
+import { formatDateForInput, getLocaleFromString, isValidDate, parseDate, } from "../utils";
+const RANGE = {
+    FROM: "FROM",
+    TO: "TO",
+};
+export const useRangeDatepicker = (opt = {}) => {
+    const { locale: _locale = "nb", defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, } = opt;
+    const locale = getLocaleFromString(_locale);
+    const inputRefTo = useRef(null);
+    const inputRefFrom = useRef(null);
+    const datePickerRef = useRef(null);
+    // Initialize states
+    const [month, setMonth] = useState(defaultSelected ? defaultSelected.from : today);
+    const [selectedRange, setSelectedRange] = useState(defaultSelected);
+    const [fromInputValue, setFromInputValue] = useState((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
+        ? formatDateForInput(defaultSelected.from, locale, "date")
+        : "");
+    const [toInputValue, setToInputValue] = useState((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to)
+        ? formatDateForInput(defaultSelected.to, locale, "date")
+        : "");
+    const [open, setOpen] = useState(false);
+    const handleFocusIn = useCallback((e) => {
+        var _a, _b;
+        return ![
+            datePickerRef.current,
+            inputRefTo.current,
+            inputRefFrom.current,
+            (_a = inputRefTo.current) === null || _a === void 0 ? void 0 : _a.nextSibling,
+            (_b = inputRefFrom.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
+        ].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
+            open &&
+            setOpen(false);
+    }, [open]);
+    useEffect(() => {
+        window.addEventListener("focusin", handleFocusIn);
+        window.addEventListener("click", handleFocusIn);
+        return () => {
+            var _a, _b;
+            (_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, "focusin", handleFocusIn);
+            (_b = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(window, "click", handleFocusIn);
+        };
+    }, [handleFocusIn]);
+    const reset = () => {
+        setSelectedRange(defaultSelected);
+        setMonth(defaultSelected ? defaultSelected.from : today);
+        setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
+            ? formatDateForInput(defaultSelected.from, locale, "date")
+            : "");
+        setToInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to)
+            ? formatDateForInput(defaultSelected.to, locale, "date")
+            : "");
+    };
+    const setSelected = (range) => {
+        setSelectedRange(range);
+        setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? formatDateForInput(range.from, locale, "date") : "");
+        setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? formatDateForInput(range === null || range === void 0 ? void 0 : range.to, locale, "date") : "");
+    };
+    const handleFocus = (e, src) => {
+        !open && setOpen(true);
+        let day = parseDate(e.target.value, today, locale, "date");
+        if (isValidDate(day)) {
+            setMonth(day);
+            src === RANGE.FROM
+                ? setFromInputValue(formatDateForInput(day, locale, "date"))
+                : setToInputValue(formatDateForInput(day, locale, "date"));
+        }
+    };
+    const handleInputs = (day, src) => {
+        if (src === RANGE.FROM) {
+            const isAfter = toInputValue &&
+                differenceInCalendarDays(day, parseDate(toInputValue, today, locale, "date")) > 0;
+            if (isAfter) {
+                setFromInputValue(formatDateForInput(parseDate(toInputValue, today, locale, "date"), locale, "date"));
+                setToInputValue(formatDateForInput(day, locale, "date"));
+            }
+            else {
+                setFromInputValue(formatDateForInput(day, locale, "date"));
+            }
+        }
+        else if (src === RANGE.TO) {
+            const isBefore = fromInputValue &&
+                differenceInCalendarDays(parseDate(fromInputValue, today, locale, "date"), day) > 0;
+            if (isBefore) {
+                setToInputValue(formatDateForInput(parseDate(fromInputValue, today, locale, "date"), locale, "date"));
+                setFromInputValue(formatDateForInput(day, locale, "date"));
+            }
+            else {
+                setToInputValue(formatDateForInput(day, locale, "date"));
+            }
+        }
+    };
+    const handleBlur = (e, src) => {
+        let day = parseDate(e.target.value, today, locale, "date");
+        if (!isValidDate(day)) {
+            return;
+        }
+        handleInputs(day, src);
+    };
+    const handleSelect = (range) => {
+        if (range.from && range.to) {
+            setOpen(false);
+            // TODO: fokus på en av input-feltene?
+        }
+        const prevToRange = !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) ? selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to : range === null || range === void 0 ? void 0 : range.to;
+        (range === null || range === void 0 ? void 0 : range.from)
+            ? setFromInputValue(formatDateForInput(range === null || range === void 0 ? void 0 : range.from, locale, "date"))
+            : setFromInputValue("");
+        prevToRange
+            ? setToInputValue(formatDateForInput(prevToRange, locale, "date"))
+            : setToInputValue("");
+        setSelectedRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
+    };
+    /* live-update datepicker based on changes in inputfields */
+    const handleChange = (e, src) => {
+        src === RANGE.FROM
+            ? setFromInputValue(e.target.value)
+            : setToInputValue(e.target.value);
+        const day = parseDate(e.target.value, today, locale, "date");
+        if (!isValidDate(day) ||
+            (disabled &&
+                ((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
+            setSelectedRange((x) => src === RANGE.FROM
+                ? Object.assign(Object.assign({}, x), { from: undefined }) : { from: x === null || x === void 0 ? void 0 : x.from, to: undefined });
+            return;
+        }
+        const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
+        const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
+        if (isBefore || isAfter) {
+            src === RANGE.FROM
+                ? setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: undefined })))
+                : setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: undefined }));
+            return;
+        }
+        /* If to-value < from-value, switch places in state */
+        if (src === RANGE.TO &&
+            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
+            differenceInCalendarDays(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
+            setSelectedRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
+            setMonth(day);
+            return;
+        }
+        /* If from-value > to-value  , switch places in state */
+        if (src === RANGE.FROM &&
+            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
+            differenceInCalendarDays(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
+            setSelectedRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
+            setMonth(day);
+            return;
+        }
+        src === RANGE.FROM && setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: day })));
+        src === RANGE.TO && setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
+        setMonth(day);
+    };
+    const handleClose = useCallback(() => {
+        var _a, _b;
+        setOpen(false);
+        if ((selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to)) {
+            (_a = inputRefTo === null || inputRefTo === void 0 ? void 0 : inputRefTo.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        else {
+            console.log(inputRefFrom);
+            (_b = inputRefFrom === null || inputRefFrom === void 0 ? void 0 : inputRefFrom.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }, [selectedRange]);
+    const escape = useCallback((e) => open && e.key === "Escape" && handleClose(), [handleClose, open]);
+    useEffect(() => {
+        window.addEventListener("keydown", escape, false);
+        return () => {
+            window.removeEventListener("keydown", escape, false);
+        };
+    }, [escape]);
+    const datepickerProps = {
+        month: month,
+        onMonthChange: (month) => setMonth(month),
+        onSelect: handleSelect,
+        selected: selectedRange,
+        locale: _locale,
+        fromDate,
+        toDate,
+        today,
+        mode: "range",
+        open,
+        onOpenToggle: () => setOpen((x) => !x),
+        ref: datePickerRef,
+    };
+    const fromInputProps = {
+        onChange: (e) => handleChange(e, RANGE.FROM),
+        onFocus: (e) => handleFocus(e, RANGE.FROM),
+        onBlur: (e) => handleBlur(e, RANGE.FROM),
+        value: fromInputValue,
+        ref: inputRefFrom,
+    };
+    const toInputProps = {
+        onChange: (e) => handleChange(e, RANGE.TO),
+        onFocus: (e) => handleFocus(e, RANGE.TO),
+        onBlur: (e) => handleBlur(e, RANGE.TO),
+        value: toInputValue,
+        ref: inputRefTo,
+    };
+    return {
+        datepickerProps,
+        fromInputProps,
+        toInputProps,
+        reset,
+        selectedRange,
+        setSelected,
+    };
+};
+//# sourceMappingURL=useRangeDatepicker.js.map

package/esm/date/hooks/useRangeDatepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"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"}

package/esm/date/hooks/useSharedMonthContext.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { Matcher } from "../utils";
+export declare type SharedMonthContextType = {
+    hasDropdown: boolean;
+    year: Date;
+    toYear: (date: Date) => void;
+    disabled: Matcher[];
+    selected?: Date;
+    onSelect: (v?: Date) => void;
+};
+export declare const SharedMonthContext: React.Context<SharedMonthContextType>;
+export declare const useSharedMonthContext: () => SharedMonthContextType;
+export declare const SharedMonthProvider: ({ children, dropdownCaption, disabled, selected, onSelect, year: _year, onYearChange, }: {
+    children: any;
+    dropdownCaption: any;
+    disabled: any;
+    selected: any;
+    onSelect: any;
+    year: any;
+    onYearChange: any;
+}) => JSX.Element;