@navikt/ds-react 7.12.2 → 7.14.0-alpha.1

package/cjs/date/datepicker/parts/DatePicker.DayButton.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from "date-fns";
+import React from "react";
+import { CalendarDay, Modifiers } from "react-day-picker";
+declare const DatePickerDayButton: ({ day, modifiers, locale, children, ...rest }: {
+    day: CalendarDay;
+    modifiers: Modifiers;
+    locale: Locale;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => React.JSX.Element;
+export { DatePickerDayButton };

package/cjs/date/datepicker/parts/DatePicker.DayButton.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerDayButton = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const date_fns_1 = require("date-fns");
+const react_1 = __importStar(require("react"));
+const DatePickerDayButton = (_a) => {
+    var { day, modifiers, locale, children } = _a, rest = __rest(_a, ["day", "modifiers", "locale", "children"]);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (modifiers.focused) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [modifiers.focused]);
+    if (modifiers.hidden) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, "aria-hidden": day.outside, "aria-pressed": !!modifiers.selected, "aria-label": (0, date_fns_1.format)(day.date, "cccc d", {
+            locale,
+        }), "data-pressed": modifiers.selected, "data-today": modifiers.today || undefined, className: (0, clsx_1.default)(rest.className, {
+            "rdp-day_disabled": modifiers.disabled,
+            "rdp-day_selected": modifiers.selected,
+            "rdp-day_range_start": modifiers.range_start,
+            "rdp-day_range_middle": modifiers.range_middle,
+            "rdp-day_range_end": modifiers.range_end,
+            "rdp-day_today": modifiers.today,
+            "rdp-day_outside": modifiers.outside,
+            "rdp-day__weekend": modifiers.weekend,
+        }) }), children));
+};
+exports.DatePickerDayButton = DatePickerDayButton;
+//# sourceMappingURL=DatePicker.DayButton.js.map

package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.DayButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,uCAA0C;AAC1C,+CAAiD;AAGjD,MAAM,mBAAmB,GAAG,CAAC,EAUoB,EAAE,EAAE;QAVxB,EAC3B,GAAG,EACH,SAAS,EACT,MAAM,EACN,QAAQ,OAMuC,EAL5C,IAAI,cALoB,0CAM5B,CADQ;IAMP,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE5C,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAExB,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,6DAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,iBACK,GAAG,CAAC,OAAO,kBACV,CAAC,CAAC,SAAS,CAAC,QAAQ,gBACtB,IAAA,iBAAM,EAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE;YACrC,MAAM;SACP,CAAC,kBACY,SAAS,CAAC,QAAQ,gBACpB,SAAS,CAAC,KAAK,IAAI,SAAS,EACxC,SAAS,EAAE,IAAA,cAAE,EAAC,IAAI,CAAC,SAAS,EAAE;YAC5B,kBAAkB,EAAE,SAAS,CAAC,QAAQ;YACtC,kBAAkB,EAAE,SAAS,CAAC,QAAQ;YACtC,qBAAqB,EAAE,SAAS,CAAC,WAAW;YAC5C,sBAAsB,EAAE,SAAS,CAAC,YAAY;YAC9C,mBAAmB,EAAE,SAAS,CAAC,SAAS;YACxC,eAAe,EAAE,SAAS,CAAC,KAAK;YAChC,iBAAiB,EAAE,SAAS,CAAC,OAAO;YACpC,kBAAkB,EAAE,SAAS,CAAC,OAAO;SACtC,CAAC,KAED,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB"}

package/cjs/date/datepicker/parts/DatePicker.Months.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from "date-fns";
+import React from "react";
+import { CalendarMonth } from "react-day-picker";
+import { MultipleMode } from "../DatePicker.types";
+declare const DatePickerMonths: ({ children, calendarMonth, locale, onWeekNumberClick, ...rest }: {
+    calendarMonth: CalendarMonth;
+    displayIndex: number;
+    locale: Locale;
+    onWeekNumberClick: MultipleMode["onWeekNumberClick"];
+} & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export { DatePickerMonths };

package/cjs/date/datepicker/parts/DatePicker.Months.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerMonths = void 0;
+const date_fns_1 = require("date-fns");
+const react_1 = __importStar(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const button_1 = require("../../../button");
+const select_1 = require("../../../form/select");
+const typography_1 = require("../../../typography");
+const util_1 = require("../../../util");
+const Date_locale_1 = require("../../Date.locale");
+const date_utils_1 = require("../../date-utils");
+const DatePicker_WeekRow_1 = require("./DatePicker.WeekRow");
+const DatePickerMonths = (_a) => {
+    var { children, calendarMonth, locale, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "calendarMonth", "locale", "onWeekNumberClick"]);
+    const { dayPickerProps, goToMonth, previousMonth, nextMonth } = (0, react_day_picker_1.useDayPicker)();
+    const { captionLayout } = dayPickerProps;
+    const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
+    const handleMonthChange = (0, react_1.useCallback)((date, e) => {
+        const selectedMonth = Number(e.target.value);
+        const newMonth = (0, date_fns_1.setMonth)((0, date_fns_1.startOfMonth)(date), selectedMonth);
+        goToMonth(newMonth);
+    }, [goToMonth]);
+    const handleYearChange = (0, react_1.useCallback)((date, e) => {
+        const selectedYear = Number(e.target.value);
+        const newMonth = (0, date_fns_1.setYear)((0, date_fns_1.startOfMonth)(date), selectedYear);
+        goToMonth(newMonth);
+    }, [goToMonth]);
+    const [navStart, navEnd] = (0, date_utils_1.calendarRange)({
+        captionLayout: captionLayout === "dropdown" ? "dropdown" : "label",
+        startMonth: dayPickerProps.startMonth,
+        endMonth: dayPickerProps.endMonth,
+        today: dayPickerProps.today,
+    });
+    const months = (0, date_utils_1.getMonthOptions)(calendarMonth.date, navStart, navEnd, locale);
+    const dropdownYears = (0, date_utils_1.getYearOptions)(navStart, navEnd, locale);
+    return (react_1.default.createElement("div", Object.assign({}, (0, util_1.omit)(rest, ["displayIndex"])),
+        react_1.default.createElement("div", { className: "navds-date__caption" },
+            (captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) && (react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: "navds-sr-only" }, (0, date_fns_1.format)(calendarMonth.date, "LLLL y", { locale }))),
+            react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousMonth") }), className: "navds-date__caption-button", type: "button" }),
+            (captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) ? (react_1.default.createElement("div", { className: "navds-date__caption" },
+                react_1.default.createElement(select_1.Select, { label: translate("month"), hideLabel: true, className: "navds-date__caption__month", onChange: (event) => handleMonthChange(calendarMonth.date, event), value: (0, date_fns_1.getMonth)(calendarMonth.date) }, months === null || months === void 0 ? void 0 : months.map(({ value, label, disabled }) => (react_1.default.createElement("option", { key: value, value: value, disabled: disabled }, label)))),
+                react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, className: "navds-date__caption__year", onChange: (event) => handleYearChange(calendarMonth.date, event), value: (0, date_fns_1.getYear)(calendarMonth.date) }, dropdownYears === null || dropdownYears === void 0 ? void 0 : dropdownYears.map(({ value, label, disabled }) => (react_1.default.createElement("option", { key: value, value: value, disabled: disabled }, label)))))) : (react_1.default.createElement(typography_1.BodyShort, { weight: "semibold", as: "span", "aria-live": "polite", role: "status", className: "navds-date__caption-label" }, (0, date_fns_1.format)(calendarMonth.date, "LLLL y", { locale }))),
+            react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: translate("goToNextMonth") }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, className: "navds-date__caption-button", type: "button" })),
+        react_1.default.createElement(DatePicker_WeekRow_1.DatePickerWeekRow, { weeks: calendarMonth.weeks, onWeekNumberClick: onWeekNumberClick }),
+        children));
+};
+exports.DatePickerMonths = DatePickerMonths;
+//# sourceMappingURL=DatePicker.Months.js.map

package/cjs/date/datepicker/parts/DatePicker.Months.js.map

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

package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ConditionalModeProps, DatePickerDefaultProps } from "../DatePicker.types";
+type ReactDayPickerProps = DatePickerDefaultProps & ConditionalModeProps & {
+    /**
+     * If datepicker should be fixed to 6 weeks, regardless of actual weeks in month
+     * @default false
+     */
+    fixedWeeks?: boolean;
+    /**
+     * Update selected date
+     */
+    handleSelect: (newSelected: any) => void;
+};
+declare const ReactDayPicker: ({ className, dropdownCaption, disabled, disableWeekends, showWeekNumber, selected, fixedWeeks, onWeekNumberClick, fromDate, toDate, month, mode: _mode, handleSelect, locale: _locale, ...rest }: ReactDayPickerProps) => React.JSX.Element;
+export { ReactDayPicker };

package/cjs/date/datepicker/parts/DatePicker.RDP.js

@@ -0,0 +1,103 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactDayPicker = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const date_fns_1 = require("date-fns");
+const react_1 = __importStar(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const responsive_1 = require("../../../layout/responsive");
+const util_1 = require("../../../util");
+const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
+const Date_locale_1 = require("../../Date.locale");
+const date_utils_1 = require("../../date-utils");
+const DatePicker_DayButton_1 = require("./DatePicker.DayButton");
+const DatePicker_Months_1 = require("./DatePicker.Months");
+const DatePicker_WeekNumber_1 = require("./DatePicker.WeekNumber");
+/**
+ * To support backwards compatibility with the old datepicker,
+ * we need to provide a partial implementation of the classnames
+ */
+const LegacyClassNames = {
+    root: "rdp",
+    button_next: "button",
+    day: "rdp-cell",
+    day_button: "rdp-day rdp-button",
+    /* We set this directly on DayButton */
+    disabled: "",
+    hidden: "rdp-day_hidden",
+    outside: "rdp-day_outside",
+    selected: "rdp-day_selected",
+    weekday: "rdp-head_cell",
+    weekdays: "rdp-head_row",
+    week: "rdp-row",
+    weeks: "rdp-tbody",
+    month_grid: "rdp-table",
+    week_number: "rdp-weeknumber",
+};
+const ReactDayPicker = (_a) => {
+    var { className, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, fixedWeeks = false, onWeekNumberClick, fromDate, toDate, month, mode: _mode, handleSelect, locale: _locale } = _a, rest = __rest(_a, ["className", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "fixedWeeks", "onWeekNumberClick", "fromDate", "toDate", "month", "mode", "handleSelect", "locale"]);
+    const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
+    const locale = _locale ? (0, Date_locale_1.getLocaleFromString)(_locale) : langProviderLocale;
+    const mode = _mode !== null && _mode !== void 0 ? _mode : "single";
+    return (react_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ captionLayout: dropdownCaption ? "dropdown" : "label", hideNavigation: true, locale: locale, mode: mode, onSelect: handleSelect, selected: selected, classNames: LegacyClassNames, components: {
+            MonthCaption: () => react_1.default.createElement(react_1.default.Fragment, null),
+            DayButton: (0, react_1.useCallback)((props) => react_1.default.createElement(DatePicker_DayButton_1.DatePickerDayButton, Object.assign({}, props, { locale: locale })), [locale]),
+            Month: (0, react_1.useCallback)((props) => (react_1.default.createElement(DatePicker_Months_1.DatePickerMonths, Object.assign({}, props, { locale: locale, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined }))), [locale, mode, onWeekNumberClick]),
+            Day: (0, react_1.useCallback)((props) => (react_1.default.createElement("td", Object.assign({}, (0, util_1.omit)(props, ["day", "modifiers"]), { className: "rdp-cell", role: undefined }))), []),
+            WeekNumber: (0, react_1.useCallback)((props) => (react_1.default.createElement(DatePicker_WeekNumber_1.DatePickerWeekNumber, Object.assign({}, props, { showOnDesktop: true, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined }))), [mode, onWeekNumberClick]),
+            /* On smaller screens we hide it to accomedate our custom week-selector */
+            WeekNumberHeader: (0, react_1.useCallback)((props) => (react_1.default.createElement(responsive_1.Show, { above: "sm", asChild: true },
+                react_1.default.createElement("th", Object.assign({}, props)))), []),
+            Weekdays: (0, react_1.useCallback)((props) => (react_1.default.createElement("thead", Object.assign({}, props, { className: "rdp-head", "aria-hidden": true }),
+                react_1.default.createElement("tr", { className: "rdp-head_row" }, props.children))), []),
+        }, className: (0, clsx_1.default)("navds-date", className), disabled: (day) => {
+            return ((disableWeekends && (0, date_fns_1.isWeekend)(day)) ||
+                (0, react_day_picker_1.dateMatchModifiers)(day, disabled) ||
+                (0, date_utils_1.isDateOutsideRange)({ day, fromDate, toDate }));
+        }, weekStartsOn: 1, modifiers: {
+            weekend: (day) => disableWeekends && (0, date_fns_1.isWeekend)(day),
+        }, modifiersClassNames: {
+            weekend: "rdp-day__weekend",
+        }, 
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        autoFocus: false, showWeekNumber: showWeekNumber, fixedWeeks: fixedWeeks, showOutsideDays: true, startMonth: fromDate, endMonth: toDate, month: (0, date_utils_1.clampDisplayMonth)({ month, start: fromDate, end: toDate }) }, (0, util_1.omit)(rest, ["onSelect", "role", "id", "defaultSelected"]))));
+};
+exports.ReactDayPicker = ReactDayPicker;
+//# sourceMappingURL=DatePicker.RDP.js.map

package/cjs/date/datepicker/parts/DatePicker.RDP.js.map

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

package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { DatePickerDefaultProps, MultipleMode, RangeMode, SingleMode } from "../DatePicker.types";
+interface DatePickerStandaloneDefaultProps extends Omit<DatePickerDefaultProps, "open" | "onClose" | "onOpenToggle" | "wrapperClassName" | "strategy"> {
+    /**
+     * Datepicker classname
+     */
+    className?: string;
+    /**
+     * If datepicker should be fixed to 6 weeks, regardless of actual weeks in month
+     * @default true
+     */
+    fixedWeeks?: boolean;
+}
+type StandaloneConditionalModeProps = SingleMode | MultipleMode | RangeMode;
+export type DatePickerStandaloneProps = DatePickerStandaloneDefaultProps & StandaloneConditionalModeProps;
+export type DatePickerStandaloneType = React.ForwardRefExoticComponent<DatePickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DatePickerStandalone: DatePickerStandaloneType;
+export default DatePickerStandalone;

package/cjs/date/datepicker/parts/DatePicker.Standalone.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerStandalone = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../../../util/hooks");
+const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
+const Date_locale_1 = require("../../Date.locale");
+const DatePicker_RDP_1 = require("./DatePicker.RDP");
+exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, locale, translations, selected, defaultSelected, onSelect, mode } = _a, rest = __rest(_a, ["className", "locale", "translations", "selected", "defaultSelected", "onSelect", "mode"]);
+    const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
+    const [value, setValue] = (0, hooks_1.useControllableState)({
+        defaultValue: defaultSelected,
+        value: selected,
+        onChange: (newValue) => onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue),
+    });
+    return (react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
+        react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__standalone-wrapper", className) },
+            react_1.default.createElement(DatePicker_RDP_1.ReactDayPicker, Object.assign({}, rest, { locale: locale, handleSelect: setValue, selected: value, mode: mode })))));
+});
+exports.default = exports.DatePickerStandalone;
+//# sourceMappingURL=DatePicker.Standalone.js.map

package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,+CAA2D;AAC3D,8DAAwD;AACxD,mDAG2B;AAO3B,qDAAkD;AA2BrC,QAAA,oBAAoB,GAA6B,IAAA,kBAAU,EAItE,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,IAAI,OAEL,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAE5C;QACA,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAe,CAAC;KACpD,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,4CAA8B,IAAC,SAAS,EAAE,SAAS;QAClD,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,gCAAgC,EAAE,SAAS,CAAC;YAE1D,8BAAC,+BAAc,oBACT,IAAI,IACR,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,KAAY,EACtB,IAAI,EAAE,IAAW,IACjB,CACE,CACyB,CAClC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,4BAAoB,CAAC"}

package/cjs/date/datepicker/parts/DatePicker.WeekNumber.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CalendarWeek } from "react-day-picker";
+import { MultipleMode } from "../DatePicker.types";
+declare const DatePickerWeekNumber: ({ week: { weekNumber, days }, onWeekNumberClick, className, style, showOnDesktop, }: {
+    week: CalendarWeek;
+    onWeekNumberClick: MultipleMode["onWeekNumberClick"];
+    showOnDesktop: boolean;
+} & React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export { DatePickerWeekNumber };

package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerWeekNumber = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const button_1 = require("../../../button");
+const responsive_1 = require("../../../layout/responsive");
+const typography_1 = require("../../../typography");
+const Date_locale_1 = require("../../Date.locale");
+const DatePickerWeekNumber = ({ week: { weekNumber, days }, onWeekNumberClick, className, style, showOnDesktop, }) => {
+    const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
+    const { getModifiers } = (0, react_day_picker_1.useDayPicker)();
+    const hideWeek = (0, react_1.useMemo)(() => {
+        if (days.filter((day) => {
+            const mods = getModifiers(day);
+            return !(mods.hidden || mods.outside || mods.disabled);
+        }).length === 0) {
+            return true;
+        }
+        return false;
+    }, [days, getModifiers]);
+    const DisplayMode = showOnDesktop ? responsive_1.Show : responsive_1.Hide;
+    if (!onWeekNumberClick || hideWeek) {
+        return (react_1.default.createElement(DisplayMode, { above: "sm", asChild: true },
+            react_1.default.createElement("td", { className: "rdp-cell" },
+                react_1.default.createElement(typography_1.Detail, { as: "span", textColor: "subtle", className: className, style: style, "aria-label": translate("weekNumber", { week: weekNumber }) }, weekNumber))));
+    }
+    return (react_1.default.createElement(DisplayMode, { above: "sm", asChild: true },
+        react_1.default.createElement("td", { className: (0, clsx_1.default)("rdp-cell", {
+                "navds-date__week-wrapper": !showOnDesktop,
+            }) },
+            react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: style, className: (0, clsx_1.default)("navds-date__weeknumber", "rdp-weeknumber"), onClick: () => {
+                    onWeekNumberClick(weekNumber, days.map((day) => day.date));
+                }, icon: react_1.default.createElement("span", { className: "navds-date__weeknumber-number" }, weekNumber) }))));
+};
+exports.DatePickerWeekNumber = DatePickerWeekNumber;
+//# sourceMappingURL=DatePicker.WeekNumber.js.map

package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAuC;AACvC,uDAA8D;AAC9D,4CAAyC;AACzC,2DAAwD;AACxD,oDAA6C;AAC7C,mDAA8D;AAG9D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAC1B,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,aAAa,GAKiC,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IACE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,iBAAI,CAAC;IAEhD,IAAI,CAAC,iBAAiB,IAAI,QAAQ,EAAE,CAAC;QACnC,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;YAC7B,sCAAI,SAAS,EAAC,UAAU;gBACtB,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBACA,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACN,CACO,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QAC7B,sCACE,SAAS,EAAE,IAAA,cAAE,EAAC,UAAU,EAAE;gBACxB,0BAA0B,EAAE,CAAC,aAAa;aAC3C,CAAC;YAEF,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,wBAAwB,EAAE,gBAAgB,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CACf,UAAU,EACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5B,CAAC;gBACJ,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAQ,GAErE,CACC,CACO,CACf,CAAC;AACJ,CAAC,CAAC;AAEO,oDAAoB"}

package/cjs/date/datepicker/parts/DatePicker.WeekRow.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CalendarWeek } from "react-day-picker";
+import { MultipleMode } from "../DatePicker.types";
+declare const DatePickerWeekRow: ({ onWeekNumberClick, weeks, }: {
+    onWeekNumberClick: MultipleMode["onWeekNumberClick"];
+    weeks?: CalendarWeek[];
+}) => React.JSX.Element | null;
+export { DatePickerWeekRow };

package/cjs/date/datepicker/parts/DatePicker.WeekRow.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerWeekRow = void 0;
+const react_1 = __importDefault(require("react"));
+const responsive_1 = require("../../../layout/responsive");
+const typography_1 = require("../../../typography");
+const hooks_1 = require("../../../util/hooks");
+const Date_locale_1 = require("../../Date.locale");
+const DatePicker_WeekNumber_1 = require("./DatePicker.WeekNumber");
+const DatePickerWeekRow = ({ onWeekNumberClick, weeks, }) => {
+    const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
+    const labelId = (0, hooks_1.useId)();
+    if (!onWeekNumberClick) {
+        return null;
+    }
+    return (react_1.default.createElement(responsive_1.Show, { below: "sm", asChild: true },
+        react_1.default.createElement("table", { className: "rdp-table", role: "grid" },
+            react_1.default.createElement("tbody", { className: "rdp-tbody" },
+                react_1.default.createElement("tr", { className: "rdp-row navds-date__week-row" },
+                    react_1.default.createElement(typography_1.Detail, { as: "th", weight: "semibold", className: "rdp-cell navds-date__week-cell" },
+                        react_1.default.createElement("span", { className: "navds-date__week-wrapper", id: labelId }, translate("week"))), weeks === null || weeks === void 0 ? void 0 :
+                    weeks.map((week) => (react_1.default.createElement(DatePicker_WeekNumber_1.DatePickerWeekNumber, { key: week.weekNumber, week: week, onWeekNumberClick: onWeekNumberClick, showOnDesktop: false, className: "navds-date__week-wrapper" }))))))));
+};
+exports.DatePickerWeekRow = DatePickerWeekRow;
+//# sourceMappingURL=DatePicker.WeekRow.js.map

package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.WeekRow.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekRow.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAAkD;AAClD,oDAA6C;AAC7C,+CAA4C;AAC5C,mDAA8D;AAE9D,mEAA+D;AAE/D,MAAM,iBAAiB,GAAG,CAAC,EACzB,iBAAiB,EACjB,KAAK,GAIN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IACxD,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QACtB,yCAAO,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YACtC,yCAAO,SAAS,EAAC,WAAW;gBAC1B,sCAAI,SAAS,EAAC,8BAA8B;oBAC1C,8BAAC,mBAAM,IACL,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,gCAAgC;wBAE1C,wCAAM,SAAS,EAAC,0BAA0B,EAAC,EAAE,EAAE,OAAO,IACnD,SAAS,CAAC,MAAM,CAAC,CACb,CACA,EAER,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,8BAAC,4CAAoB,IACnB,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,KAAK,EACpB,SAAS,EAAC,0BAA0B,GACpC,CACH,CAAC,CACC,CACC,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,8CAAiB"}

package/cjs/date/monthpicker/MonthPicker.context.d.ts

@@ -0,0 +1,21 @@
+import { Locale } from "date-fns";
+import React from "react";
+import { MonthPickerProps } from "./MonthPicker.types";
+type MonthPickerProviderProps = Pick<MonthPickerProps, "dropdownCaption" | "disabled" | "selected" | "defaultSelected" | "onMonthSelect" | "year" | "onYearChange" | "fromDate" | "toDate"> & {
+    children: React.ReactNode;
+    locale: Locale;
+};
+type MonthPickerContextProps = {
+    caption: "label" | "dropdown";
+    year: Date;
+    onYearChange: (year: Date) => void;
+    selected: MonthPickerProps["selected"];
+    onMonthSelect: MonthPickerProps["onMonthSelect"];
+    disabled: NonNullable<MonthPickerProps["disabled"]>;
+    locale: Locale;
+    fromDate?: MonthPickerProps["fromDate"];
+    toDate?: MonthPickerProps["toDate"];
+};
+declare const useMonthPickerContext: <S extends boolean = true>(strict?: S) => S extends true ? MonthPickerContextProps : MonthPickerContextProps | undefined;
+declare const MonthPickerProvider: ({ children, disabled, year, onYearChange, fromDate, toDate, selected, defaultSelected, onMonthSelect, dropdownCaption, locale, }: MonthPickerProviderProps) => React.JSX.Element;
+export { MonthPickerProvider, useMonthPickerContext };

package/cjs/date/monthpicker/MonthPicker.context.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMonthPickerContext = exports.MonthPickerProvider = void 0;
+const date_fns_1 = require("date-fns");
+const react_1 = __importDefault(require("react"));
+const create_context_1 = require("../../util/create-context");
+const hooks_1 = require("../../util/hooks");
+const date_utils_1 = require("../date-utils");
+const [MonthPickerContextProvider, useMonthPickerContext] = (0, create_context_1.createContext)({
+    name: "MonthPickerContext",
+    errorMessage: "useMonthPickerContext must be used within an MonthPickerContextProvider",
+});
+exports.useMonthPickerContext = useMonthPickerContext;
+const MonthPickerProvider = ({ children, disabled = [], year, onYearChange, fromDate, toDate, selected, defaultSelected, onMonthSelect, dropdownCaption, locale, }) => {
+    var _a, _b;
+    /**
+     * Controlls current displayed year in MonthPicker
+     */
+    const [displayYear, setDisplayYear] = (0, hooks_1.useControllableState)({
+        defaultValue: (_b = (0, date_utils_1.clampDisplayYear)({
+            month: (_a = year !== null && year !== void 0 ? year : selected) !== null && _a !== void 0 ? _a : defaultSelected,
+            start: fromDate,
+            end: toDate,
+        })) !== null && _b !== void 0 ? _b : new Date(),
+        value: year,
+        onChange: onYearChange,
+    });
+    /**
+     * Allows both controlled and uncontrolled use of MonthPicker
+     */
+    const [month, setMonth] = (0, hooks_1.useControllableState)({
+        defaultValue: defaultSelected,
+        value: selected,
+        onChange: onMonthSelect,
+    });
+    const handleDisplayYearUpdate = (newYear) => {
+        if ((0, date_fns_1.isSameYear)(newYear, displayYear)) {
+            return;
+        }
+        setDisplayYear(newYear);
+    };
+    return (react_1.default.createElement(MonthPickerContextProvider, { caption: dropdownCaption && fromDate && toDate ? "dropdown" : "label", disabled: disabled, selected: month, onMonthSelect: setMonth, year: displayYear, onYearChange: handleDisplayYearUpdate, locale: locale, fromDate: fromDate, toDate: toDate }, children));
+};
+exports.MonthPickerProvider = MonthPickerProvider;
+//# sourceMappingURL=MonthPicker.context.js.map

package/cjs/date/monthpicker/MonthPicker.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.context.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.context.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAA8C;AAC9C,kDAA0B;AAC1B,8DAA0D;AAC1D,4CAAwD;AACxD,8CAAiD;AA+BjD,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GACvD,IAAA,8BAAa,EAA0B;IACrC,IAAI,EAAE,oBAAoB;IAC1B,YAAY,EACV,yEAAyE;CAC5E,CAAC,CAAC;AA8DyB,sDAAqB;AA5DnD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,MAAM,GACmB,EAAE,EAAE;;IAC7B;;OAEG;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,4BAAoB,EAAC;QACzD,YAAY,EACV,MAAA,IAAA,6BAAgB,EAAC;YACf,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,mCAAI,eAAe;YAC1C,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,MAAM;SACZ,CAAC,mCAAI,IAAI,IAAI,EAAE;QAClB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,CAAC,OAAa,EAAE,EAAE;QAChD,IAAI,IAAA,qBAAU,EAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QACD,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,IAAI,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACrE,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,QAAQ,EACvB,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,uBAAuB,EACrC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IAEb,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB"}

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { MonthPickerInput } from "../parts/DateInput";
-import MonthPickerStandalone from "./MonthPickerStandalone";
-import { MonthPickerProps } from "./types";
+import { MonthPickerInput } from "../Date.Input";
+import { MonthPickerProps } from "./MonthPicker.types";
+import { MonthPickerStandalone } from "./parts/MonthPicker.Standalone";
 interface MonthPickerComponent extends React.ForwardRefExoticComponent<MonthPickerProps> {
     /**
      * @example