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

package/cjs/date/Date.Dialog.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { TFunction } from "../util/i18n/i18n.types";
+type DateWrapperProps = {
+    open: boolean;
+    children: React.ReactNode;
+    onClose: () => void;
+    anchor: HTMLDivElement | null;
+    /** @deprecated Temporary to support locale prop */
+    locale: "nb" | "nn" | "en" | undefined;
+    translate: TFunction<"DatePicker">;
+    variant: "single" | "multiple" | "range" | "month";
+    popoverProps: {
+        id?: string;
+        strategy?: "absolute" | "fixed";
+    };
+};
+declare const DateDialog: ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }: DateWrapperProps) => React.JSX.Element;
+export { DateDialog };

package/cjs/date/Date.Dialog.js

@@ -0,0 +1,67 @@
+"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.DateDialog = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const button_1 = require("../button");
+const modal_1 = require("../modal");
+const Modal_context_1 = require("../modal/Modal.context");
+const popover_1 = require("../popover");
+const hooks_1 = require("../util/hooks");
+const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
+const Date_locale_1 = require("./Date.locale");
+const variantToLabel = {
+    single: "chooseDate",
+    multiple: "chooseDates",
+    range: "chooseDateRange",
+    month: "chooseMonth",
+};
+const DateDialog = ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }) => {
+    const translateGlobal = (0, i18n_hooks_1.useI18n)("global", (0, Date_locale_1.getGlobalTranslations)(locale));
+    const modalRef = (0, react_1.useRef)(null);
+    const isInModal = (0, Modal_context_1.useModalContext)(false) !== undefined;
+    const hideModal = (0, hooks_1.useMedia)("screen and (min-width: 768px)", true) && !isInModal;
+    if (hideModal) {
+        return (react_1.default.createElement(popover_1.Popover, Object.assign({ arrow: false, anchorEl: anchor, open: open, onClose: onClose, placement: "bottom-start", role: "dialog", className: (0, clsx_1.default)("navds-date__popover", {
+                "navds-date": variant === "month",
+            }), flip: false }, popoverProps), children));
+    }
+    return (react_1.default.createElement(modal_1.Modal, { ref: modalRef, open: open, onClose: (event) => {
+            event.stopPropagation();
+            onClose();
+        }, "aria-label": translate(variantToLabel[variant]), className: (0, clsx_1.default)("navds-date__modal", {
+            "navds-date__nested-modal": isInModal,
+            "navds-date": variant === "month",
+        }), closeOnBackdropClick: true, placement: "top" },
+        react_1.default.createElement("div", { className: "navds-date__modal-body" },
+            children,
+            react_1.default.createElement(button_1.Button, { variant: "tertiary", onClick: () => { var _a; return (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, size: "small", type: "button" }, translateGlobal("close")))));
+};
+exports.DateDialog = DateDialog;
+//# sourceMappingURL=Date.Dialog.js.map

package/cjs/date/Date.Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.Dialog.js","sourceRoot":"","sources":["../../src/date/Date.Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsC;AACtC,sCAAmC;AACnC,oCAAiC;AACjC,0DAAyD;AACzD,wCAAqC;AACrC,yCAAyC;AACzC,wDAAkD;AAElD,+CAAsD;AAEtD,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAiBX,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,IAAA,oBAAO,EAAC,QAAQ,EAAE,IAAA,mCAAqB,EAAC,MAAM,CAAC,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,IAAA,gBAAQ,EAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,8BAAC,iBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,IAAA,cAAE,EAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB,QACpB,SAAS,EAAC,KAAK;QAEf,uCAAK,SAAS,EAAC,wBAAwB;YACpC,QAAQ;YACT,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,eAAe,CAAC,OAAO,CAAC,CAClB,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AACO,gCAAU"}

package/cjs/date/Date.Input.d.ts

@@ -0,0 +1,50 @@
+import React, { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "../form/useFormField";
+interface DateInputContextProps {
+    /**
+     * Open state for popover
+     */
+    open: boolean;
+    /**
+     * Callback for onOpen toggle
+     */
+    onOpen: () => void;
+    /**
+     * Aria-connected ID
+     */
+    ariaId?: string;
+    /**
+     * Flag for enabled-check
+     */
+    defined: boolean;
+}
+export declare const DateInputContextProvider: React.ForwardRefExoticComponent<DateInputContextProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<unknown>>, useDateInputContext: <S extends boolean = true>(strict?: S) => S extends true ? DateInputContextProps : DateInputContextProps | undefined;
+export interface DateInputProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Input label
+     */
+    label: React.ReactNode;
+    /**
+     * Shows label and description for screen readers only
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Changes padding and font-sizes
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+    /**
+     * @private
+     */
+    variant?: "datepicker" | "monthpicker";
+    /**
+     * @private
+     */
+    setAnchorRef?: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;
+}
+export declare const DatePickerInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const MonthPickerInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/cjs/date/Date.Input.js

@@ -0,0 +1,96 @@
+"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 };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonthPickerInput = exports.DatePickerInput = exports.useDateInputContext = exports.DateInputContextProvider = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const ReadOnlyIcon_1 = require("../form/ReadOnlyIcon");
+const useFormField_1 = require("../form/useFormField");
+const typography_1 = require("../typography");
+const util_1 = require("../util");
+const create_context_1 = require("../util/create-context");
+const Date_locale_1 = require("./Date.locale");
+_a = (0, create_context_1.createContext)({
+    errorMessage: "useDateInputContext must be used with DateInputContext",
+}), exports.DateInputContextProvider = _a[0], exports.useDateInputContext = _a[1];
+const DateInput = (0, react_1.forwardRef)((props, ref) => {
+    const { className, hideLabel = false, label, description, variant = "datepicker", setAnchorRef } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "variant", "setAnchorRef"]);
+    const buttonRef = (0, react_1.useRef)(null);
+    const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
+    const isDatepickerVariant = variant === "datepicker";
+    const conditionalVariables = {
+        prefix: isDatepickerVariant ? "datepicker-input" : "monthpicker-input",
+        iconTitle: {
+            open: isDatepickerVariant ? "openDatePicker" : "openMonthPicker",
+            close: isDatepickerVariant ? "closeDatePicker" : "closeMonthPicker",
+        },
+    };
+    const context = (0, exports.useDateInputContext)();
+    const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, readOnly, } = (0, useFormField_1.useFormField)(props, conditionalVariables.prefix);
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(className, "navds-form-field", `navds-form-field--${size}`, "navds-date__field", {
+            "navds-text-field--error": hasError,
+            "navds-date__field--error": hasError,
+            "navds-form-field--disabled": !!inputProps.disabled,
+            "navds-text-field--disabled": !!inputProps.disabled,
+            "navds-form-field--readonly": readOnly,
+            "navds-text-field--readonly": readOnly,
+            "navds-date__field--readonly": readOnly,
+        }) },
+        react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
+                "navds-sr-only": hideLabel,
+            }) },
+            readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
+            label),
+        !!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
+                "navds-sr-only": hideLabel,
+            }), id: inputDescriptionId, size: size }, description)),
+        react_1.default.createElement("div", { className: "navds-date__field-wrapper" },
+            react_1.default.createElement("input", Object.assign({ ref: ref }, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": (context === null || context === void 0 ? void 0 : context.open) ? context.ariaId : undefined, readOnly: readOnly, className: (0, clsx_1.default)("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`), size: isDatepickerVariant ? 11 : 14 })),
+            react_1.default.createElement("button", { disabled: inputProps.disabled || readOnly, tabIndex: readOnly ? -1 : (context === null || context === void 0 ? void 0 : context.open) ? -1 : 0, onClick: () => {
+                    context === null || context === void 0 ? void 0 : context.onOpen();
+                    setAnchorRef === null || setAnchorRef === void 0 ? void 0 : setAnchorRef(buttonRef.current);
+                }, type: "button", className: "navds-date__field-button", ref: buttonRef },
+                react_1.default.createElement(aksel_icons_1.CalendarIcon, { title: translate(conditionalVariables.iconTitle[(context === null || context === void 0 ? void 0 : context.open) ? "close" : "open"]) }))),
+        react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
+});
+exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { ref: ref })));
+exports.MonthPickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { variant: "monthpicker", ref: ref })));
+//# sourceMappingURL=Date.Input.js.map

package/cjs/date/Date.Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAuE;AACvE,qDAAmD;AACnD,uDAAoD;AACpD,uDAAoE;AACpE,8CAA+D;AAC/D,kCAA+B;AAC/B,2DAAuD;AACvD,+CAA0D;AAqB7C,KACX,IAAA,8BAAa,EAAwB;IACnC,YAAY,EAAE,wDAAwD;CACvE,CAAC,EAHU,gCAAwB,UAAE,2BAAmB,SAGtD;AA6BL,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,WAAW,EACX,OAAO,GAAG,YAAY,EACtB,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EARH,6EAQL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,MAAM,mBAAmB,GAAG,OAAO,KAAK,YAAY,CAAC;IAErD,MAAM,oBAAoB,GAAG;QAC3B,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;QACtE,SAAS,EAAE;YACT,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;YAChE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;SACpE;KACO,CAAC;IAEX,MAAM,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEtC,MAAM,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,mBAAmB,EACnB;YACE,yBAAyB,EAAE,QAAQ;YACnC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;YACtC,6BAA6B,EAAE,QAAQ;SACxC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,2BAAY,OAAG;YAC5B,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,uCAAK,SAAS,EAAC,2BAA2B;YACxC,uDACE,GAAG,EAAE,GAAG,IACJ,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,YAAY,EAAC,KAAK,mBACH,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,CAC5B,EACD,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACnC;YACF,0CACE,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,QAAQ,EACzC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,CAAC;oBAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,GAAG,EAAE,SAAS;gBAEd,8BAAC,0BAAY,IACX,KAAK,EAAE,SAAS,CACd,oBAAoB,CAAC,SAAS,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CACjE,GACD,CACK,CACL;QACN,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,SAAS,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACnD,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EACxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,SAAS,oBAAK,KAAK,IAAE,OAAO,EAAC,aAAa,EAAC,GAAG,EAAE,GAAG,IAAI,CACzE,CAAC"}

package/cjs/date/Date.locale.d.ts

@@ -0,0 +1,44 @@
+import { TFunction } from "../util/i18n/i18n.types";
+/** @private */
+export declare const getLocaleFromString: (locale?: "nb" | "nn" | "en") => import("date-fns/locale").Locale;
+/**
+ * @private
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
+ */
+export declare const getTranslations: (locale: string | undefined) => {
+    chooseDate: string;
+    chooseDates: string;
+    chooseDateRange: string;
+    chooseMonth: string;
+    week: string;
+    weekNumber: string;
+    selectWeekNumber: string;
+    month: string;
+    goToNextMonth: string;
+    goToPreviousMonth: string;
+    year: string;
+    goToNextYear: string;
+    goToPreviousYear: string;
+    openDatePicker: string;
+    openMonthPicker: string;
+    closeDatePicker: string;
+    closeMonthPicker: string;
+} | undefined;
+/**
+ * @private
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
+ */
+export declare const getGlobalTranslations: (locale: string | undefined) => {
+    dateLocale: import("date-fns/locale").Locale;
+    showMore: string;
+    showLess: string;
+    readOnly: string;
+    close: string;
+} | undefined;
+interface DateTranslationContextProps {
+    translate: TFunction<"DatePicker">;
+}
+export declare const DateTranslationContextProvider: import("react").ForwardRefExoticComponent<DateTranslationContextProps & {
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>, useDateTranslationContext: <S extends boolean = true>(strict?: S) => S extends true ? DateTranslationContextProps : DateTranslationContextProps | undefined;
+export {};

package/cjs/date/Date.locale.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateTranslationContext = exports.DateTranslationContextProvider = exports.getGlobalTranslations = exports.getTranslations = exports.getLocaleFromString = void 0;
+const locale_1 = require("date-fns/locale");
+const create_context_1 = require("../util/create-context");
+const en_1 = __importDefault(require("../util/i18n/locales/en"));
+const nn_1 = __importDefault(require("../util/i18n/locales/nn"));
+/** @private */
+const getLocaleFromString = (locale = "nb") => {
+    switch (locale) {
+        case "nn":
+            return locale_1.nn;
+        case "en":
+            return locale_1.enGB;
+        default:
+            return locale_1.nb;
+    }
+};
+exports.getLocaleFromString = getLocaleFromString;
+/**
+ * @private
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
+ */
+const getTranslations = (locale) => {
+    switch (locale) {
+        case "nn":
+            return nn_1.default.DatePicker;
+        case "en":
+        case "en-GB":
+            return en_1.default.DatePicker;
+        default:
+            return undefined;
+    }
+};
+exports.getTranslations = getTranslations;
+/**
+ * @private
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
+ */
+const getGlobalTranslations = (locale) => {
+    switch (locale) {
+        case "nn":
+            return nn_1.default.global;
+        case "en":
+        case "en-GB":
+            return en_1.default.global;
+        default:
+            return undefined;
+    }
+};
+exports.getGlobalTranslations = getGlobalTranslations;
+_a = (0, create_context_1.createContext)(), exports.DateTranslationContextProvider = _a[0], exports.useDateTranslationContext = _a[1];
+//# sourceMappingURL=Date.locale.js.map

package/cjs/date/Date.locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.locale.js","sourceRoot":"","sources":["../../src/date/Date.locale.ts"],"names":[],"mappings":";;;;;;;AAAA,4CAA+C;AAC/C,2DAAuD;AAEvD,iEAAsD;AACtD,iEAAsD;AAEtD,eAAe;AACR,MAAM,mBAAmB,GAAG,CAAC,SAA6B,IAAI,EAAE,EAAE;IACvE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,WAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,aAAI,CAAC;QACd;YACE,OAAO,WAAE,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAE,EAAE;IAC5D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACV,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B;AAEF;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,MAA0B,EAAE,EAAE;IAClE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,YAAe,CAAC,MAAM,CAAC;QAChC,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACV,OAAO,YAAe,CAAC,MAAM,CAAC;QAChC;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAMW,KACX,IAAA,8BAAa,GAA+B,EADhC,sCAA8B,UAAE,iCAAyB,SACxB"}

package/cjs/date/Date.typeutils.d.ts

@@ -0,0 +1,14 @@
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+export type DateBefore = {
+    before: Date;
+};
+export type DateAfter = {
+    after: Date;
+};
+export declare function isDateAfterType(value: unknown): value is DateAfter;
+export declare function isDateBeforeType(value: unknown): value is DateBefore;
+export declare function isDateRange(value: unknown): value is DateRange;
+export type Matcher = ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter;

package/cjs/date/Date.typeutils.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDateAfterType = isDateAfterType;
+exports.isDateBeforeType = isDateBeforeType;
+exports.isDateRange = isDateRange;
+function isDateAfterType(value) {
+    return Boolean(value && typeof value === "object" && "after" in value);
+}
+function isDateBeforeType(value) {
+    return Boolean(value && typeof value === "object" && "before" in value);
+}
+function isDateRange(value) {
+    return Boolean(value && typeof value === "object" && "from" in value);
+}
+//# sourceMappingURL=Date.typeutils.js.map

package/cjs/date/Date.typeutils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.typeutils.js","sourceRoot":"","sources":["../../src/date/Date.typeutils.ts"],"names":[],"mappings":";;AAaA,0CAEC;AAED,4CAEC;AAED,kCAEC;AAVD,SAAgB,eAAe,CAAC,KAAc;IAC5C,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC,CAAC;AACzE,CAAC;AAED,SAAgB,gBAAgB,CAAC,KAAc;IAC7C,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,CAAC,CAAC;AAC1E,CAAC;AAED,SAAgB,WAAW,CAAC,KAAc;IACxC,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC;AACxE,CAAC"}

package/cjs/date/date-utils/calendar-range.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generates the min and max-dates possible to show and navigate to in the calendar.
+ * In the cases there is not a startMonth or endMonth, and layout is "label" no min or max dates are set.
+ * @returns Return the start and end months for the calendar navigation.
+ */
+export declare function calendarRange({ captionLayout, startMonth, endMonth, today, }: {
+    captionLayout?: "label" | "dropdown";
+    startMonth?: Date;
+    endMonth?: Date;
+    today?: Date;
+}): (Date | undefined)[];

package/cjs/date/date-utils/calendar-range.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarRange = calendarRange;
+const date_fns_1 = require("date-fns");
+/**
+ * Generates the min and max-dates possible to show and navigate to in the calendar.
+ * In the cases there is not a startMonth or endMonth, and layout is "label" no min or max dates are set.
+ * @returns Return the start and end months for the calendar navigation.
+ */
+function calendarRange({ captionLayout, startMonth, endMonth, today, }) {
+    const hasYearDropdown = captionLayout === "dropdown";
+    const todayDate = today !== null && today !== void 0 ? today : new Date();
+    if (startMonth) {
+        startMonth = (0, date_fns_1.startOfMonth)(startMonth);
+    }
+    else if (!startMonth && hasYearDropdown) {
+        startMonth = (0, date_fns_1.startOfYear)((0, date_fns_1.addYears)(todayDate, -100));
+    }
+    if (endMonth) {
+        endMonth = (0, date_fns_1.endOfMonth)(endMonth);
+    }
+    else if (!endMonth && hasYearDropdown) {
+        endMonth = (0, date_fns_1.endOfYear)(todayDate);
+    }
+    return [
+        startMonth ? (0, date_fns_1.startOfDay)(startMonth) : startMonth,
+        endMonth ? (0, date_fns_1.startOfDay)(endMonth) : endMonth,
+    ];
+}
+//# sourceMappingURL=calendar-range.js.map

package/cjs/date/date-utils/calendar-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-range.js","sourceRoot":"","sources":["../../../src/date/date-utils/calendar-range.ts"],"names":[],"mappings":";;AAcA,sCA+BC;AA7CD,uCAOkB;AAElB;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,GAMN;IACC,MAAM,eAAe,GAAG,aAAa,KAAK,UAAU,CAAC;IAErD,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,IAAI,EAAE,CAAC;IAEtC,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,GAAG,IAAA,uBAAY,EAAC,UAAU,CAAC,CAAC;IACxC,CAAC;SAAM,IAAI,CAAC,UAAU,IAAI,eAAe,EAAE,CAAC;QAC1C,UAAU,GAAG,IAAA,sBAAW,EAAC,IAAA,mBAAQ,EAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,GAAG,IAAA,qBAAU,EAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;SAAM,IAAI,CAAC,QAAQ,IAAI,eAAe,EAAE,CAAC;QACxC,QAAQ,GAAG,IAAA,oBAAS,EAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO;QACL,UAAU,CAAC,CAAC,CAAC,IAAA,qBAAU,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU;QAChD,QAAQ,CAAC,CAAC,CAAC,IAAA,qBAAU,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;KAC3C,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+export declare const dateIsInCurrentMonth: (date: Date, dateToCompare: Date) => boolean;
+/** @private */
+export declare function isValidDate(day?: Date): boolean;
+export declare function isDateOutsideRange({ day, fromDate, toDate, }: {
+    day: Date;
+    fromDate?: Date;
+    toDate?: Date;
+}): boolean;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dateIsInCurrentMonth = void 0;
+exports.isValidDate = isValidDate;
+exports.isDateOutsideRange = isDateOutsideRange;
+const date_fns_1 = require("date-fns");
+const dateIsInCurrentMonth = (date, dateToCompare) => {
+    return (0, date_fns_1.isThisMonth)((0, date_fns_1.setYear)(date, Number(dateToCompare.getFullYear())));
+};
+exports.dateIsInCurrentMonth = dateIsInCurrentMonth;
+/** @private */
+function isValidDate(day) {
+    return !!(day && !Number.isNaN(day.getTime()) && day.getFullYear() > 999);
+}
+function isDateOutsideRange({ day, fromDate, toDate, }) {
+    const isDateAfter = toDate && (0, date_fns_1.differenceInCalendarDays)(day, toDate) > 0;
+    const isDateBefore = fromDate && (0, date_fns_1.differenceInCalendarDays)(fromDate, day) > 0;
+    return isDateAfter || isDateBefore || false;
+}
+//# sourceMappingURL=check-dates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"check-dates.js","sourceRoot":"","sources":["../../../src/date/date-utils/check-dates.ts"],"names":[],"mappings":";;;AAUA,kCAEC;AAED,gDAaC;AA3BD,uCAA0E;AAEnE,MAAM,oBAAoB,GAAG,CAClC,IAAU,EACV,aAAmB,EACV,EAAE;IACX,OAAO,IAAA,sBAAW,EAAC,IAAA,kBAAO,EAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEF,eAAe;AACf,SAAgB,WAAW,CAAC,GAAU;IACpC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,GAAG,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,CAAC;AAC5E,CAAC;AAED,SAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,QAAQ,EACR,MAAM,GAKP;IACC,MAAM,WAAW,GAAG,MAAM,IAAI,IAAA,mCAAwB,EAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,QAAQ,IAAI,IAAA,mCAAwB,EAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAE7E,OAAO,WAAW,IAAI,YAAY,IAAI,KAAK,CAAC;AAC9C,CAAC"}

package/cjs/date/date-utils/clamp-dates.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Makes sure the month is within the min and max daterange to avoid showing disabled months
+ * @note We do not warn the user if start > end now
+ */
+declare const clampDisplayMonth: ({ month, start, end, }: {
+    month?: Date;
+    start?: Date;
+    end?: Date;
+}) => Date | undefined;
+/**
+ * Makes sure the month is within the min and max daterange to avoid showing disabled months
+ * @note We do not warn the user if start > end now
+ */
+declare const clampDisplayYear: ({ month, start, end, }: {
+    month?: Date;
+    start?: Date;
+    end?: Date;
+}) => Date | undefined;
+export { clampDisplayYear, clampDisplayMonth };

package/cjs/date/date-utils/clamp-dates.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clampDisplayMonth = exports.clampDisplayYear = void 0;
+const date_fns_1 = require("date-fns");
+/**
+ * Makes sure the month is within the min and max daterange to avoid showing disabled months
+ * @note We do not warn the user if start > end now
+ */
+const clampDisplayMonth = ({ month, start, end, }) => {
+    if (!month) {
+        return undefined;
+    }
+    let monthToShow = month;
+    if (start && (0, date_fns_1.isBefore)(monthToShow, start)) {
+        monthToShow = start;
+    }
+    if (end && (0, date_fns_1.isAfter)(monthToShow, end)) {
+        monthToShow = end;
+    }
+    return (0, date_fns_1.startOfMonth)(monthToShow);
+};
+exports.clampDisplayMonth = clampDisplayMonth;
+/**
+ * Makes sure the month is within the min and max daterange to avoid showing disabled months
+ * @note We do not warn the user if start > end now
+ */
+const clampDisplayYear = ({ month, start, end, }) => {
+    if (!month) {
+        return undefined;
+    }
+    let monthToShow = month;
+    if (start && monthToShow.getFullYear() < start.getFullYear()) {
+        monthToShow = start;
+    }
+    if (end && monthToShow.getFullYear() > end.getFullYear()) {
+        monthToShow = end;
+    }
+    return (0, date_fns_1.startOfYear)(monthToShow);
+};
+exports.clampDisplayYear = clampDisplayYear;
+//# sourceMappingURL=clamp-dates.js.map

package/cjs/date/date-utils/clamp-dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp-dates.js","sourceRoot":"","sources":["../../../src/date/date-utils/clamp-dates.ts"],"names":[],"mappings":";;;AAAA,uCAAwE;AAExE;;;GAGG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,EACL,GAAG,GAKJ,EAAoB,EAAE;IACrB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,IAAI,KAAK,IAAI,IAAA,mBAAQ,EAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1C,WAAW,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,IAAI,GAAG,IAAI,IAAA,kBAAO,EAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC;QACrC,WAAW,GAAG,GAAG,CAAC;IACpB,CAAC;IAED,OAAO,IAAA,uBAAY,EAAC,WAAW,CAAC,CAAC;AACnC,CAAC,CAAC;AAgCyB,8CAAiB;AA9B5C;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,GAAG,GAKJ,EAAoB,EAAE;IACrB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,IAAI,KAAK,IAAI,WAAW,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAC7D,WAAW,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,IAAI,GAAG,IAAI,WAAW,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC;QACzD,WAAW,GAAG,GAAG,CAAC;IACpB,CAAC;IAED,OAAO,IAAA,sBAAW,EAAC,WAAW,CAAC,CAAC;AAClC,CAAC,CAAC;AAEO,4CAAgB"}

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableDate = void 0;
+const date_fns_1 = require("date-fns");
+const Date_typeutils_1 = require("../Date.typeutils");
+const disableDate = (disabledSelection, date) => {
+    let result = false;
+    if (disabledSelection instanceof Date) {
+        return (0, date_fns_1.isSameDay)(disabledSelection, date);
+    }
+    if (Array.isArray(disabledSelection)) {
+        for (let i = 0; i < disabledSelection.length; i++) {
+            const selection = disabledSelection[i];
+            if ((0, Date_typeutils_1.isDateRange)(selection)) {
+                if (selection.from && selection.to) {
+                    result = date >= selection.from && date <= selection.to;
+                }
+            }
+            else if (selection instanceof Date) {
+                result = (0, date_fns_1.isSameDay)(selection, date);
+            }
+            if (result)
+                break;
+        }
+    }
+    return result;
+};
+exports.disableDate = disableDate;
+//# sourceMappingURL=dates-disabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dates-disabled.js","sourceRoot":"","sources":["../../../src/date/date-utils/dates-disabled.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AACrC,sDAAgD;AAEzC,MAAM,WAAW,GAAG,CACzB,iBAA+B,EAC/B,IAAU,EACD,EAAE;IACX,IAAI,MAAM,GAAY,KAAK,CAAC;IAC5B,IAAI,iBAAiB,YAAY,IAAI,EAAE,CAAC;QACtC,OAAO,IAAA,oBAAS,EAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,IAAA,4BAAW,EAAC,SAAS,CAAC,EAAE,CAAC;gBAC3B,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,EAAE,CAAC;oBACnC,MAAM,GAAG,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC;gBAC1D,CAAC;YACH,CAAC;iBAAM,IAAI,SAAS,YAAY,IAAI,EAAE,CAAC;gBACrC,MAAM,GAAG,IAAA,oBAAS,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACtC,CAAC;YACD,IAAI,MAAM;gBAAE,MAAM;QACpB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAvBW,QAAA,WAAW,eAuBtB"}

package/cjs/date/date-utils/dropdown-options.d.ts

@@ -0,0 +1,13 @@
+import { Locale } from "date-fns";
+/** Return the months to show in the dropdown. */
+export declare function getMonthOptions(displayMonth: Date, navStart: Date | undefined, navEnd: Date | undefined, locale: Locale): {
+    value: number;
+    label: string;
+    disabled: boolean;
+}[] | undefined;
+/** Return the years to show in the dropdown. */
+export declare function getYearOptions(navStart: Date | undefined, navEnd: Date | undefined, locale: Locale): {
+    value: number;
+    label: string;
+    disabled: boolean;
+}[] | undefined;

package/cjs/date/date-utils/dropdown-options.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMonthOptions = getMonthOptions;
+exports.getYearOptions = getYearOptions;
+const date_fns_1 = require("date-fns");
+/** Return the months to show in the dropdown. */
+function getMonthOptions(displayMonth, navStart, navEnd, locale) {
+    const months = (0, date_fns_1.eachMonthOfInterval)({
+        start: (0, date_fns_1.startOfYear)(displayMonth),
+        end: (0, date_fns_1.endOfYear)(displayMonth),
+    });
+    const options = months.map((month) => {
+        const label = (0, date_fns_1.format)(month, "LLLL", { locale });
+        const value = (0, date_fns_1.getMonth)(month);
+        const disabled = (navStart && month < (0, date_fns_1.startOfMonth)(navStart)) ||
+            (navEnd && month > (0, date_fns_1.startOfMonth)(navEnd)) ||
+            false;
+        return { value, label, disabled };
+    });
+    return options;
+}
+/** Return the years to show in the dropdown. */
+function getYearOptions(navStart, navEnd, locale) {
+    if (!navStart)
+        return undefined;
+    if (!navEnd)
+        return undefined;
+    const firstNavYear = (0, date_fns_1.startOfYear)(navStart);
+    const lastNavYear = (0, date_fns_1.endOfYear)(navEnd);
+    const years = [];
+    let year = firstNavYear;
+    while ((0, date_fns_1.isBefore)(year, lastNavYear) || (0, date_fns_1.isSameYear)(year, lastNavYear)) {
+        years.push(year);
+        year = (0, date_fns_1.addYears)(year, 1);
+    }
+    return years.map((_year) => {
+        const label = (0, date_fns_1.format)(_year, "yyyy", { locale });
+        return {
+            value: (0, date_fns_1.getYear)(_year),
+            label,
+            disabled: false,
+        };
+    });
+}
+//# sourceMappingURL=dropdown-options.js.map