@navikt/ds-react 1.3.8 → 1.3.10

package/esm/date/hooks/useSharedMonthContext.js

@@ -0,0 +1,36 @@
+import { setYear, startOfMonth } from "date-fns";
+import React, { createContext, useContext, useState } from "react";
+import { useDayPicker } from "react-day-picker";
+import { getInitialYear } from "../utils";
+export const SharedMonthContext = createContext({
+    hasDropdown: false,
+    year: new Date(),
+    toYear: () => null,
+    disabled: [],
+    onSelect: () => null,
+});
+export const useSharedMonthContext = () => useContext(SharedMonthContext);
+export const SharedMonthProvider = ({ children, dropdownCaption, disabled, selected, onSelect, year: _year, onYearChange, }) => {
+    const context = useDayPicker();
+    const [year, toYear] = useState(getInitialYear(context));
+    const hasDropdown = !!(dropdownCaption && context.fromDate && context.toDate);
+    if (context.fromDate &&
+        context.toDate &&
+        (context === null || context === void 0 ? void 0 : context.fromDate) >= (context === null || context === void 0 ? void 0 : context.toDate)) {
+        console.warn("fromDate needs to be before toDate - MonthPicker");
+    }
+    return (React.createElement(SharedMonthContext.Provider, { value: {
+            year: _year !== null && _year !== void 0 ? _year : year,
+            toYear: (y) => {
+                toYear(y);
+                onYearChange === null || onYearChange === void 0 ? void 0 : onYearChange(y);
+            },
+            hasDropdown,
+            disabled,
+            selected,
+            onSelect: (v) => v
+                ? onSelect(setYear(startOfMonth(v), (_year !== null && _year !== void 0 ? _year : year).getFullYear()))
+                : onSelect(undefined),
+        } }, children));
+};
+//# sourceMappingURL=useSharedMonthContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSharedMonthContext.js","sourceRoot":"","sources":["../../../src/date/hooks/useSharedMonthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAW,MAAM,UAAU,CAAC;AAWnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAyB;IACtE,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,IAAI,IAAI,EAAE;IAChB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,KAAK,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAO,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,CAAC,CAAC,CAAC,eAAe,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAE9E,IACE,OAAO,CAAC,QAAQ;QAChB,OAAO,CAAC,MAAM;QACd,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,EACpC;QACA,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;KAClE;IAED,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI;YACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,MAAM,CAAC,CAAC,CAAC,CAAC;gBACV,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;YACpB,CAAC;YACD,WAAW;YACX,QAAQ;YACR,QAAQ;YACR,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE,CACrB,CAAC;gBACC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBACnE,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;SAC1B,IAEA,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/esm/date/index.d.ts

@@ -0,0 +1,6 @@
+export { DateInputProps } from "./DateInput";
+export { DatePickerProps, default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
+export { DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
+export { MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
+export { UNSAFE_useDatepicker, UNSAFE_useMonthPicker, UNSAFE_useRangeDatepicker, } from "./hooks";
+export { default as UNSAFE_MonthPicker, MonthPickerProps, } from "./monthpicker/MonthPicker";

package/esm/date/index.js

@@ -0,0 +1,4 @@
+export { default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
+export { UNSAFE_useDatepicker, UNSAFE_useMonthPicker, UNSAFE_useRangeDatepicker, } from "./hooks";
+export { default as UNSAFE_MonthPicker, } from "./monthpicker/MonthPicker";
+//# sourceMappingURL=index.js.map

package/esm/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,2BAA2B,CAAC"}

package/esm/date/monthpicker/MonthButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface MonthType {
+    month: Date;
+    months: Date[];
+    focus: Date | undefined;
+    setFocus: Function;
+    tabRoot?: Date;
+    setTabRoot: Function;
+}
+export declare const MonthButton: ({ month, months, focus, setFocus, tabRoot, setTabRoot, }: MonthType) => JSX.Element;
+export default MonthButton;

package/esm/date/monthpicker/MonthButton.js

@@ -0,0 +1,51 @@
+import cl from "clsx";
+import { compareAsc, compareDesc, format, isSameMonth, setYear, } from "date-fns";
+import React, { useEffect, useRef } from "react";
+import { useDayPicker } from "react-day-picker";
+import { useSharedMonthContext } from "../hooks";
+import { dateIsInCurrentMonth, isMatch, nextEnabled } from "../utils";
+const disableMonth = (month, fromDate, toDate) => {
+    if (fromDate && toDate) {
+        return (compareAsc(month, fromDate) === -1 || compareDesc(month, toDate) === -1);
+    }
+    else if (fromDate) {
+        return compareAsc(month, fromDate) === -1;
+    }
+    else if (toDate) {
+        return compareDesc(month, toDate) === -1;
+    }
+    return false;
+};
+export const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) => {
+    const ref = useRef(null);
+    const { hasDropdown, selected, onSelect, year, toYear, disabled } = useSharedMonthContext();
+    const { fromDate, toDate, locale } = useDayPicker();
+    const isSelected = selected && isSameMonth(month, selected);
+    useEffect(() => {
+        if (focus) {
+            isSameMonth(month, focus) && ref.current && ref.current.focus();
+            setFocus();
+        }
+    }, [focus, month, setFocus]);
+    const isDisabled = isMatch(setYear(month, year.getFullYear()), disabled) ||
+        disableMonth(month, fromDate, toDate);
+    return (React.createElement("button", { ref: ref, type: "button", onClick: () => onSelect(isSelected ? undefined : month), disabled: isDisabled, className: cl("navds-date__month-button", {
+            "rdp-day_today": dateIsInCurrentMonth(month, year),
+            "rdp-day_selected": isSelected,
+            "rdp-day_disabled": isDisabled,
+        }), tabIndex: tabRoot && isSameMonth(month, setYear(tabRoot, year.getFullYear()))
+            ? 0
+            : -1, onKeyDown: (e) => {
+            const next = nextEnabled(months, e.key, disabled, month, toYear, year, hasDropdown, fromDate, toDate);
+            setFocus(next);
+            setTabRoot(next);
+        }, onFocus: () => {
+            setTabRoot(focus);
+        } },
+        React.createElement("span", { "aria-hidden": "true" }, format(new Date(month), "LLL", { locale })
+            .replace(".", "")
+            .substring(0, 3)),
+        React.createElement("span", { className: "navds-sr-only" }, format(new Date(month), "LLLL", { locale }))));
+};
+export default MonthButton;
+//# sourceMappingURL=MonthButton.js.map

package/esm/date/monthpicker/MonthButton.js.map

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

package/esm/date/monthpicker/MonthCaption.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MonthCaption: () => JSX.Element;
+export default MonthCaption;

package/esm/date/monthpicker/MonthCaption.js

@@ -0,0 +1,41 @@
+import { Left, Right } from "@navikt/ds-icons";
+import { isSameYear, setYear, startOfMonth, startOfYear } from "date-fns";
+import React from "react";
+import { useDayPicker } from "react-day-picker";
+import { Button, Select } from "../..";
+import { useSharedMonthContext } from "../hooks";
+import { hasNextYear, labelNextYear, labelPrevYear } from "../utils";
+export const MonthCaption = () => {
+    const { fromDate, toDate, formatters: { formatYearCaption }, locale, } = useDayPicker();
+    const { hasDropdown, year, toYear } = useSharedMonthContext();
+    const years = [];
+    if (hasDropdown && fromDate && toDate) {
+        const fromYear = fromDate.getFullYear();
+        const toYear = toDate.getFullYear();
+        for (let year = fromYear; year <= toYear; year++) {
+            years.push(setYear(startOfYear(new Date()), year));
+        }
+    }
+    const handleYearChange = (e) => toYear(setYear(startOfMonth(new Date()), Number(e.target.value)));
+    const handleButtonClick = (val) => {
+        let newMonth;
+        if (hasDropdown && hasNextYear(year, years, val)) {
+            newMonth = setYear(new Date(), year.getFullYear() + val);
+            toYear(newMonth);
+        }
+        else if (!hasDropdown) {
+            const newYear = Number(year.getFullYear() + val);
+            newMonth = setYear(year, newYear);
+            toYear(newMonth);
+        }
+    };
+    const hasFollowingYear = (value) => {
+        return years.some((y) => isSameYear(y, setYear(year, Number(year.getFullYear() + value))));
+    };
+    return (React.createElement("div", { className: "navds-date__caption" },
+        React.createElement(Button, { className: "navds-date__caption-button", disabled: !hasDropdown ? false : !hasFollowingYear(-1), onClick: () => handleButtonClick(-1), "aria-label": labelPrevYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(Left, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
+        hasDropdown ? (React.createElement(Select, { label: "velg \u00E5r", hideLabel: true, value: year === null || year === void 0 ? void 0 : year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))) : (React.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
+        React.createElement(Button, { className: "navds-date__caption-button", disabled: !hasDropdown ? false : !hasFollowingYear(1), onClick: () => handleButtonClick(1), "aria-label": labelNextYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(Right, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
+};
+export default MonthCaption;
+//# sourceMappingURL=MonthCaption.js.map

package/esm/date/monthpicker/MonthCaption.js.map

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

package/esm/date/monthpicker/MonthPicker.d.ts

@@ -0,0 +1,90 @@
+import React from "react";
+import { DateInputType } from "../DateInput";
+import { Matcher } from "../utils";
+import { MonthPickerStandaloneType } from "./MonthPickerStandalone";
+export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Element monthpicker anchors to. Use <MonthPicker.Input /> for built-in toggle,
+     * or make your own with the open/onClose props
+     */
+    children?: React.ReactNode;
+    /**
+     * Classname for datepicker in popover
+     */
+    className?: string;
+    /**
+     * Classname for wrapper
+     */
+    wrapperClassName?: string;
+    /**
+     * The earliest month to start navigation.
+     */
+    fromDate?: Date;
+    /**
+     * The latest day to end  navigation.
+     */
+    toDate?: Date;
+    /**
+     * Changes monthpicker locale
+     * @default "nb" (norsk bokmål)
+     */
+    locale?: "nb" | "nn" | "en";
+    /**
+     * Display dropdown for choosing year.
+     * Needs `fromDate` + `toDate` to work.
+     * @default false
+     */
+    dropdownCaption?: boolean;
+    /**
+     * Apply the disabled modifier to the matching months. Uses a subset of React Day Picker Matcher type.
+     * {@link https://react-day-picker.js.org/api/types/Matcher | Matcher type-definition}
+     */
+    disabled?: Matcher[];
+    /**
+     * Controlled selected-month
+     */
+    selected?: Date;
+    /**
+     * Default selected month.
+     */
+    defaultSelected?: Date;
+    /**
+     * Open state for user-controlled state
+     * Component controlled by default
+     */
+    open?: boolean;
+    /**
+     * onClose callback for user-controlled state
+     */
+    onClose?: () => void;
+    /**
+     * onOpenToggle callback for user-controlled-state
+     * only called if `<MonthPicker.Input />` is used
+     */
+    onOpenToggle?: () => void;
+    /**
+     * Callback for user-controlled state
+     */
+    onMonthSelect?: Function;
+    /**
+     * Used to set visible year programmatically
+     * Component controlled by default
+     */
+    year?: Date;
+    /**
+     * Event fired when the user navigates between years.
+     */
+    onYearChange?: (y?: Date) => void;
+}
+interface MonthPickerComponent extends React.ForwardRefExoticComponent<MonthPickerProps> {
+    /**
+     * Variant without popover
+     */
+    Standalone: MonthPickerStandaloneType;
+    /**
+     * Built-in Inputfield
+     */
+    Input: DateInputType;
+}
+export declare const MonthPicker: MonthPickerComponent;
+export default MonthPicker;

package/esm/date/monthpicker/MonthPicker.js

@@ -0,0 +1,46 @@
+import cl from "clsx";
+import React, { forwardRef, useRef, useState } from "react";
+import { RootProvider } from "react-day-picker";
+import { Popover, useId } from "../..";
+import { MonthPickerInput } from "../DateInput";
+import { DateContext, SharedMonthProvider } from "../hooks";
+import { getLocaleFromString } from "../utils";
+import MonthCaption from "./MonthCaption";
+import MonthPickerStandalone from "./MonthPickerStandalone";
+import MonthSelector from "./MonthSelector";
+export const MonthPicker = forwardRef(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale = "nb", onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, }, ref) => {
+    const ariaId = useId(id);
+    const [open, setOpen] = useState(_open !== null && _open !== void 0 ? _open : false);
+    const wrapperRef = useRef(null);
+    const [selectedMonth, setSelectedMonth] = useState(defaultSelected);
+    const handleSelect = (month) => {
+        var _a;
+        setSelectedMonth(month);
+        onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(month);
+        month && ((_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false));
+    };
+    if (dropdownCaption && (!fromDate || !toDate)) {
+        console.warn("Using dropdownCaption required fromDate and toDate");
+        return null;
+    }
+    return (React.createElement(DateContext.Provider, { value: {
+            open: _open !== null && _open !== void 0 ? _open : open,
+            onOpen: () => {
+                setOpen((x) => !x);
+                onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
+            },
+            ariaId,
+        } },
+        React.createElement("div", { ref: wrapperRef, className: cl("navds-date__wrapper", wrapperClassName) },
+            children,
+            (_open !== null && _open !== void 0 ? _open : open) && (React.createElement(Popover, { arrow: false, anchorEl: wrapperRef.current, open: _open !== null && _open !== void 0 ? _open : open, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, placement: "bottom-start", role: "dialog", ref: ref, id: ariaId, className: "navds-date" },
+                React.createElement(RootProvider, { locale: getLocaleFromString(locale), selected: selected, toDate: toDate, fromDate: fromDate, month: selected !== null && selected !== void 0 ? selected : selectedMonth },
+                    React.createElement("div", { className: cl("rdp-month", className) },
+                        React.createElement(SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
+                            React.createElement(MonthCaption, null),
+                            React.createElement(MonthSelector, null)))))))));
+});
+MonthPicker.Standalone = MonthPickerStandalone;
+MonthPicker.Input = MonthPickerInput;
+export default MonthPicker;
+//# sourceMappingURL=MonthPicker.js.map

package/esm/date/monthpicker/MonthPicker.js.map

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

package/esm/date/monthpicker/MonthPickerStandalone.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { MonthPickerProps } from "./MonthPicker";
+export interface MonthPickerStandaloneProps extends Omit<MonthPickerProps, "open" | "onClose" | "onOpenToggle" | "wrapperClassName"> {
+    /**
+     * Monthpicker classname
+     */
+    className?: string;
+}
+export declare type MonthPickerStandaloneType = React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MonthPickerStandalone: React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
+export default MonthPickerStandalone;

package/esm/date/monthpicker/MonthPickerStandalone.js

@@ -0,0 +1,26 @@
+import cl from "clsx";
+import React, { forwardRef, useState } from "react";
+import { RootProvider } from "react-day-picker";
+import { SharedMonthProvider } from "../hooks";
+import { getLocaleFromString } from "../utils";
+import MonthCaption from "./MonthCaption";
+import MonthSelector from "./MonthSelector";
+export const MonthPickerStandalone = forwardRef(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale = "nb", onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
+    const [selectedMonth, setSelectedMonth] = useState(defaultSelected);
+    const handleSelect = (month) => {
+        setSelectedMonth(month);
+        onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(month);
+    };
+    if (dropdownCaption && (!fromDate || !toDate)) {
+        console.warn("Using dropdownCaption required fromDate and toDate");
+        return null;
+    }
+    return (React.createElement("div", { ref: ref, className: cl("navds-date__wrapper", className) },
+        React.createElement(RootProvider, { locale: getLocaleFromString(locale), selected: selected !== null && selected !== void 0 ? selected : selectedMonth, toDate: toDate, fromDate: fromDate, month: selected !== null && selected !== void 0 ? selected : selectedMonth },
+            React.createElement("div", { className: "navds-date rdp-month" },
+                React.createElement(SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
+                    React.createElement(MonthCaption, null),
+                    React.createElement(MonthSelector, null))))));
+});
+export default MonthPickerStandalone;
+//# sourceMappingURL=MonthPickerStandalone.js.map

package/esm/date/monthpicker/MonthPickerStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPickerStandalone.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPickerStandalone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAiB5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAI7C,CACE,EACE,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,IAAI,EACb,aAAa,EACb,eAAe,EACf,IAAI,EACJ,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,eAAe,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,eAAe,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE;QAC7C,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5D,oBAAC,YAAY,IACX,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACnC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa,EACnC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;YAEhC,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,mBAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa,EACnC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY;oBAE1B,oBAAC,YAAY,OAAG;oBAChB,oBAAC,aAAa,OAAG,CACG,CAClB,CACO,CACX,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/esm/date/monthpicker/MonthSelector.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MonthSelector: () => JSX.Element;
+export default MonthSelector;

package/esm/date/monthpicker/MonthSelector.js

@@ -0,0 +1,50 @@
+import { isSameMonth, setMonth, setYear, startOfMonth } from "date-fns";
+import React, { useState } from "react";
+import { BodyShort } from "../..";
+import { useSharedMonthContext } from "../hooks";
+import { isMatch } from "../utils";
+import MonthButton from "./MonthButton";
+const getAllMonths = () => {
+    const months = [];
+    const date = startOfMonth(new Date());
+    for (let month = 0; month <= 11; month++) {
+        months.push(setMonth(date, month));
+    }
+    return months;
+};
+export const MonthSelector = () => {
+    const [focus, setFocus] = useState();
+    const { selected, year, disabled } = useSharedMonthContext();
+    const months = getAllMonths();
+    const hasSelected = selected &&
+        months.some((m) => isSameMonth(setYear(m, year.getFullYear()), selected));
+    const getRootFallback = () => {
+        const today = startOfMonth(new Date());
+        if ((year === null || year === void 0 ? void 0 : year.getFullYear()) === today.getFullYear() &&
+            !isMatch(today, disabled)) {
+            return today;
+        }
+        for (let i = 0; i < months.length; i++) {
+            const m = months[i];
+            if (!isMatch(setYear(m, year.getFullYear()), disabled)) {
+                return setYear(m, year.getFullYear());
+            }
+        }
+    };
+    const [tabRoot, setTabRoot] = useState(hasSelected ? selected : getRootFallback());
+    if ((tabRoot === null || tabRoot === void 0 ? void 0 : tabRoot.getFullYear()) !== year.getFullYear()) {
+        setTabRoot(hasSelected ? selected : getRootFallback());
+    }
+    const tableMonths = [
+        months.slice(0, 4),
+        months.slice(4, 8),
+        months.slice(8, 12),
+    ];
+    return (React.createElement(BodyShort, { as: "table", className: "rdp-table" },
+        React.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((x, y) => (React.createElement("tr", { className: "rdp-row", key: y }, x.map((month, y) => {
+            return (React.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
+                React.createElement(MonthButton, { month: setYear(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
+        })))))));
+};
+export default MonthSelector;
+//# sourceMappingURL=MonthSelector.js.map

package/esm/date/monthpicker/MonthSelector.js.map

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

package/esm/date/utils/check-dates.d.ts

@@ -0,0 +1,4 @@
+export declare const dateIsInCurrentMonth: (date: Date, dateToCompare: Date) => boolean;
+/** @private */
+export declare function isValidDate(day: Date): boolean;
+export declare const hasNextYear: (year: Date, years: Date[], val: any) => boolean;

package/esm/date/utils/check-dates.js

@@ -0,0 +1,12 @@
+import { isThisMonth, setYear } from "date-fns";
+export const dateIsInCurrentMonth = (date, dateToCompare) => {
+    return isThisMonth(setYear(date, Number(dateToCompare.getFullYear())));
+};
+/** @private */
+export function isValidDate(day) {
+    return !isNaN(day.getTime());
+}
+export const hasNextYear = (year, years, val) => {
+    return years.some((x) => year.getFullYear() + val === x.getFullYear());
+};
+//# sourceMappingURL=check-dates.js.map

package/esm/date/utils/check-dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-dates.js","sourceRoot":"","sources":["../../../src/date/utils/check-dates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAU,EACV,aAAmB,EACV,EAAE;IACX,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,UAAU,WAAW,CAAC,GAAS;IACnC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,KAAa,EAAE,GAAQ,EAAW,EAAE;IAC1E,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AACzE,CAAC,CAAC"}

package/esm/date/utils/dates-disabled.d.ts

@@ -0,0 +1 @@
+export declare const disableDate: (disabledSelection: Date | Array<any>, date: Date) => boolean;

package/esm/date/utils/dates-disabled.js

@@ -0,0 +1,26 @@
+import { isSameDay } from "date-fns";
+import { isDateRange } from "react-day-picker";
+// TODO: ((date: Date) => boolean)
+export const disableDate = (disabledSelection, date) => {
+    let result = false;
+    if (disabledSelection instanceof Date) {
+        return isSameDay(disabledSelection, date);
+    }
+    else if (disabledSelection instanceof Array) {
+        for (let i = 0; i < disabledSelection.length; i++) {
+            const selection = disabledSelection[i];
+            if (isDateRange(selection)) {
+                if (selection.from && selection.to) {
+                    result = date >= selection.from && date <= selection.to;
+                }
+            }
+            else if (selection instanceof Date) {
+                result = isSameDay(selection, date);
+            }
+            if (result)
+                break;
+        }
+    }
+    return result;
+};
+//# sourceMappingURL=dates-disabled.js.map

package/esm/date/utils/dates-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates-disabled.js","sourceRoot":"","sources":["../../../src/date/utils/dates-disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,kCAAkC;AAClC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,iBAAoC,EACpC,IAAU,EACD,EAAE;IACX,IAAI,MAAM,GAAY,KAAK,CAAC;IAC5B,IAAI,iBAAiB,YAAY,IAAI,EAAE;QACrC,OAAO,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;KAC3C;SAAM,IAAI,iBAAiB,YAAY,KAAK,EAAE;QAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjD,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;gBAC1B,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,EAAE;oBAClC,MAAM,GAAG,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC;iBACzD;aACF;iBAAM,IAAI,SAAS,YAAY,IAAI,EAAE;gBACpC,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;aACrC;YACD,IAAI,MAAM;gBAAE,MAAM;SACnB;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/esm/date/utils/format-date.d.ts

@@ -0,0 +1 @@
+export declare const formatDateForInput: (date: Date, locale: Locale, type: "date" | "month") => string;

package/esm/date/utils/format-date.js

@@ -0,0 +1,9 @@
+import { format } from "date-fns";
+import { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, } from "./parse-date";
+export const formatDateForInput = (date, locale, type) => {
+    const INPUT_DATE_STRING_FORMAT = type === "date"
+        ? INPUT_DATE_STRING_FORMAT_DATE
+        : INPUT_DATE_STRING_FORMAT_MONTH;
+    return format(date, INPUT_DATE_STRING_FORMAT, { locale });
+};
+//# sourceMappingURL=format-date.js.map

package/esm/date/utils/format-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-date.js","sourceRoot":"","sources":["../../../src/date/utils/format-date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,IAAU,EACV,MAAc,EACd,IAAsB,EACtB,EAAE;IACF,MAAM,wBAAwB,GAC5B,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,8BAA8B,CAAC;IACrC,OAAO,MAAM,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC"}

package/esm/date/utils/get-dates.d.ts

@@ -0,0 +1,2 @@
+export declare const getMonths: (start: Date, end: Date, current: Date) => Date[];
+export declare const getYears: (start: Date, end: Date) => Date[];

package/esm/date/utils/get-dates.js

@@ -0,0 +1,39 @@
+import { isSameYear, setMonth, setYear, startOfMonth, startOfYear, } from "date-fns";
+export const getMonths = (start, end, current) => {
+    const dropdownMonths = [];
+    if (isSameYear(start, end)) {
+        const date = startOfMonth(start);
+        for (let month = start.getMonth(); month <= end.getMonth(); month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else if (isSameYear(current, end)) {
+        const date = startOfMonth(new Date());
+        for (let month = 0; month <= end.getMonth(); month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else if (isSameYear(current, start)) {
+        const date = startOfMonth(start);
+        for (let month = date.getMonth(); month <= 11; month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else {
+        const date = startOfMonth(new Date());
+        for (let month = 0; month <= 11; month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    return dropdownMonths;
+};
+export const getYears = (start, end) => {
+    const years = [];
+    const fromYear = start.getFullYear();
+    const toYear = end.getFullYear();
+    for (let year = fromYear; year <= toYear; year++) {
+        years.push(setYear(startOfYear(new Date()), year));
+    }
+    return years;
+};
+//# sourceMappingURL=get-dates.js.map

package/esm/date/utils/get-dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-dates.js","sourceRoot":"","sources":["../../../src/date/utils/get-dates.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAW,EAAE,GAAS,EAAE,OAAa,EAAU,EAAE;IACzE,MAAM,cAAc,GAAW,EAAE,CAAC;IAElC,IAAI,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;QAC1B,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACnE,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM,IAAI,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE;QACnC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACpD,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM,IAAI,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QACrC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;YACtD,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM;QACL,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;YACxC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;IACD,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAW,EAAE,GAAS,EAAU,EAAE;IACzD,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IACjC,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE;QAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;KACpD;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/esm/date/utils/get-initial-year.d.ts

@@ -0,0 +1,5 @@
+import { DayPickerContextValue } from "react-day-picker";
+/**
+ *
+ */
+export declare function getInitialYear(context: Partial<DayPickerContextValue>): Date;

package/esm/date/utils/get-initial-year.js

@@ -0,0 +1,18 @@
+import { startOfYear } from "date-fns";
+/**
+ *
+ */
+export function getInitialYear(context) {
+    const { month, defaultMonth, toDate, fromDate } = context;
+    let initialMonth = month || defaultMonth || new Date();
+    const isAfter = toDate && toDate.getFullYear() < initialMonth.getFullYear();
+    const isBefore = fromDate && fromDate.getFullYear() > initialMonth.getFullYear();
+    if (isAfter) {
+        initialMonth = toDate;
+    }
+    if (isBefore) {
+        initialMonth = fromDate;
+    }
+    return startOfYear(initialMonth);
+}
+//# sourceMappingURL=get-initial-year.js.map

package/esm/date/utils/get-initial-year.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-initial-year.js","sourceRoot":"","sources":["../../../src/date/utils/get-initial-year.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,OAAuC;IACpE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE1D,IAAI,YAAY,GAAG,KAAK,IAAI,YAAY,IAAI,IAAI,IAAI,EAAE,CAAC;IAEvD,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;IAE5E,MAAM,QAAQ,GACZ,QAAQ,IAAI,QAAQ,CAAC,WAAW,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;IAElE,IAAI,OAAO,EAAE;QACX,YAAY,GAAG,MAAM,CAAC;KACvB;IACD,IAAI,QAAQ,EAAE;QACZ,YAAY,GAAG,QAAQ,CAAC;KACzB;IAED,OAAO,WAAW,CAAC,YAAY,CAAC,CAAC;AACnC,CAAC"}

package/esm/date/utils/index.d.ts

@@ -0,0 +1,10 @@
+export { formatDateForInput } from "./format-date";
+export { getMonths, getYears } from "./get-dates";
+export { labelMonthDropdown, labelYearDropdown, labels, labelNextYear, labelPrevYear, } from "./labels";
+export { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, parseDate, } from "./parse-date";
+export { getLocaleFromString } from "./locale";
+export { disableDate } from "./dates-disabled";
+export { dateIsInCurrentMonth, isValidDate, hasNextYear } from "./check-dates";
+export { getInitialYear } from "./get-initial-year";
+export { isMatch, isDateInRange, Matcher } from "./is-match";
+export { nextEnabled } from "./navigation";