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

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

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

package/esm/date/date-utils/dropdown-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-options.js","sourceRoot":"","sources":["../../../src/date/date-utils/dropdown-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,iDAAiD;AACjD,MAAM,UAAU,eAAe,CAC7B,YAAkB,EAClB,QAA0B,EAC1B,MAAwB,EACxB,MAAc;IAQd,MAAM,MAAM,GAAG,mBAAmB,CAAC;QACjC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC;QAChC,GAAG,EAAE,SAAS,CAAC,YAAY,CAAC;KAC7B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,QAAQ,GACZ,CAAC,QAAQ,IAAI,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC,MAAM,IAAI,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACxC,KAAK,CAAC;QACR,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,gDAAgD;AAChD,MAAM,UAAU,cAAc,CAC5B,QAA0B,EAC1B,MAAwB,EACxB,MAAc;IAQd,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAW,EAAE,CAAC;IAEzB,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;YACrB,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Locale } from "date-fns";
+export declare const formatDateForInput: (date: Date, locale: Locale, type: "date" | "month", inputFormat?: string) => string;

package/esm/date/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.js";
+export const formatDateForInput = (date, locale, type, inputFormat) => {
+    const INPUT_DATE_STRING_FORMAT = inputFormat !== null && inputFormat !== void 0 ? inputFormat : (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/date-utils/format-date.js.map

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

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

@@ -0,0 +1,8 @@
+export { formatDateForInput } from "./format-date.js";
+export { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, parseDate, } from "./parse-date.js";
+export { disableDate } from "./dates-disabled.js";
+export { dateIsInCurrentMonth, isValidDate, isDateOutsideRange, } from "./check-dates.js";
+export { isMatch, isDateInRange } from "./is-match.js";
+export { clampDisplayMonth, clampDisplayYear } from "./clamp-dates.js";
+export { getMonthOptions, getYearOptions } from "./dropdown-options.js";
+export { calendarRange } from "./calendar-range.js";

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

@@ -0,0 +1,9 @@
+export { formatDateForInput } from "./format-date.js";
+export { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, parseDate, } from "./parse-date.js";
+export { disableDate } from "./dates-disabled.js";
+export { dateIsInCurrentMonth, isValidDate, isDateOutsideRange, } from "./check-dates.js";
+export { isMatch, isDateInRange } from "./is-match.js";
+export { clampDisplayMonth, clampDisplayYear } from "./clamp-dates.js";
+export { getMonthOptions, getYearOptions } from "./dropdown-options.js";
+export { calendarRange } from "./calendar-range.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/date-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/date/date-utils/is-match.d.ts

@@ -0,0 +1,3 @@
+import { DateRange, Matcher } from "../Date.typeutils.js";
+export declare function isMatch(day: Date, matchers: Matcher[]): boolean;
+export declare function isDateInRange(date: Date, range: DateRange): boolean;

package/esm/date/date-utils/is-match.js

@@ -0,0 +1,57 @@
+import { differenceInCalendarDays, isDate, isSameDay, isSameMonth, } from "date-fns";
+import { isDateAfterType, isDateBeforeType, isDateRange, } from "../Date.typeutils.js";
+function isDateType(value) {
+    return isDate(value);
+}
+function isArrayOfDates(value) {
+    return Array.isArray(value) && value.every(isDate);
+}
+export function isMatch(day, matchers) {
+    return matchers.some((matcher) => {
+        if (isDateType(matcher)) {
+            return isSameMonth(day, matcher);
+        }
+        if (isArrayOfDates(matcher)) {
+            return matcher.some((matcherDay) => {
+                return isSameMonth(matcherDay, day);
+            });
+        }
+        if (isDateRange(matcher)) {
+            return isDateInRange(day, matcher);
+        }
+        if (isDateAfterType(matcher)) {
+            return (isSameMonth(day, matcher.after) ||
+                differenceInCalendarDays(day, matcher.after) > 0);
+        }
+        if (isDateBeforeType(matcher)) {
+            return (isSameMonth(day, matcher.before) ||
+                differenceInCalendarDays(matcher.before, day) > 0);
+        }
+        if (typeof matcher === "function") {
+            return matcher(day);
+        }
+        return false;
+    });
+}
+export function isDateInRange(date, range) {
+    let { from, to } = range;
+    if (!from) {
+        return false;
+    }
+    if (!to && isSameDay(from, date)) {
+        return true;
+    }
+    if (!to) {
+        return false;
+    }
+    const isToBeforeFrom = differenceInCalendarDays(to, from) < 0;
+    if (to && isToBeforeFrom) {
+        [from, to] = [to, from];
+    }
+    if (isSameMonth(from, date) || isSameMonth(to, date)) {
+        return true;
+    }
+    return (differenceInCalendarDays(date, from) >= 0 &&
+        differenceInCalendarDays(to, date) >= 0);
+}
+//# sourceMappingURL=is-match.js.map

package/esm/date/date-utils/is-match.js.map

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

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

@@ -0,0 +1,4 @@
+import { Locale } from "date-fns";
+export declare const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
+export declare const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
+export declare const parseDate: (date: string, today: Date, locale: Locale, type: "date" | "month", allowTwoDigitYear: boolean) => Date;

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

@@ -0,0 +1,83 @@
+import { isBefore, parse, sub } from "date-fns";
+import { isValidDate } from "./check-dates.js";
+export const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
+export const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
+const ALLOWED_INPUT_FORMATS_DATE = [
+    INPUT_DATE_STRING_FORMAT_DATE,
+    "ddMMyyyy",
+    "dd/MM/yyyy",
+    "dd-MM-yyyy",
+];
+const ALLOWED_INPUT_FORMATS_MONTH = [
+    "M/yyyy",
+    "MM/yyyy",
+    "M-yyyy",
+    "MM-yyyy",
+    "MM.yyyy",
+    "MMyyyy",
+    INPUT_DATE_STRING_FORMAT_MONTH,
+    ...ALLOWED_INPUT_FORMATS_DATE,
+];
+export const parseDate = (date, today, locale, type, allowTwoDigitYear) => {
+    let parsed;
+    const ALLOWED_FORMATS = type === "date" ? ALLOWED_INPUT_FORMATS_DATE : ALLOWED_INPUT_FORMATS_MONTH;
+    if (allowTwoDigitYear) {
+        for (const format of ALLOWED_FORMATS) {
+            parsed = parse(date, format, today, { locale });
+            if (isValidDate(parsed) &&
+                !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+                return parsed;
+            }
+        }
+        for (const format of [
+            ...ALLOWED_FORMATS.map((x) => x.replace("yyyy", "yy")),
+        ]) {
+            parsed = parse(date, format, today, { locale });
+            if (isValidDate(parsed) &&
+                isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+                const convertedDate = assignCenturyToDate(date, format, today, locale);
+                if (isValidDate(new Date(convertedDate))) {
+                    return new Date(convertedDate);
+                }
+                return new Date("Invalid date");
+            }
+        }
+        return new Date("Invalid date");
+    }
+    for (const format of ALLOWED_FORMATS) {
+        parsed = parse(date, format, today, { locale });
+        if (isValidDate(parsed) &&
+            !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+            return parsed;
+        }
+    }
+    return new Date("Invalid date");
+};
+function isTwoDigitYear(dateString, today, locale, formats) {
+    let parsed;
+    const newFormat = formats.map((x) => x.replace("yyyy", "yy"));
+    for (const format of newFormat) {
+        parsed = parse(dateString, format, today, { locale });
+        if (isValidDate(parsed)) {
+            return true;
+        }
+    }
+    return false;
+}
+function assignCenturyToDate(dateStr, format, today, locale) {
+    const date20Century = parse(appendCenturyToTwoYearDigitDateString(dateStr, "19"), format.replace("yy", "yyyy"), today, { locale });
+    const date21Century = parse(appendCenturyToTwoYearDigitDateString(dateStr, "20"), format.replace("yy", "yyyy"), today, { locale });
+    if (isValidDate(date20Century) && isValidDate(date21Century)) {
+        return isBefore(date20Century, sub(new Date(), {
+            years: 80,
+        }))
+            ? date21Century
+            : date20Century;
+    }
+    return new Date("Invalid date");
+}
+function appendCenturyToTwoYearDigitDateString(dateString, century) {
+    const twoDigitYear = dateString.slice(-2);
+    return `${dateString.slice(0, dateString.length - 2)}${century}${twoDigitYear}`;
+}
+//# sourceMappingURL=parse-date.js.map

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

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

package/esm/date/datepicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { DatePickerInput } from "../parts/DateInput.js";
-import DatePickerStandalone from "./DatePickerStandalone.js";
-import { ConditionalModeProps, DatePickerDefaultProps } from "./types.js";
+import { DatePickerInput } from "../Date.Input.js";
+import { ConditionalModeProps, DatePickerDefaultProps } from "./DatePicker.types.js";
+import DatePickerStandalone from "./parts/DatePicker.Standalone.js";
 export type DatePickerProps = DatePickerDefaultProps & ConditionalModeProps;
 interface DatePickerComponent extends React.ForwardRefExoticComponent<DatePickerProps> {
     /**

package/esm/date/datepicker/DatePicker.js

@@ -10,24 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import cl from "clsx";
-import { isWeekend } from "date-fns";
+import { isSameDay } from "date-fns";
 import React, { forwardRef, useState } from "react";
-import { DayPicker, isMatch } from "react-day-picker";
-import { omit } from "../../util/index.js";
-import { useId } from "../../util/hooks/index.js";
+import { useControllableState, useId } from "../../util/hooks/index.js";
 import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
-import { useDateLocale, useI18n } from "../../util/i18n/i18n.hooks.js";
-import { DateInputContext, DateTranslationContextProvider } from "../context/index.js";
-import { DatePickerInput } from "../parts/DateInput.js";
-import { DateWrapper } from "../parts/DateWrapper.js";
-import { getLocaleFromString, getTranslations } from "../utils/index.js";
-import DatePickerStandalone from "./DatePickerStandalone.js";
-import Caption from "./parts/Caption.js";
-import DropdownCaption from "./parts/DropdownCaption.js";
-import { HeadRow } from "./parts/HeadRow.js";
-import Row from "./parts/Row.js";
-import TableHead from "./parts/TableHead.js";
-import WeekNumber from "./parts/WeekNumber.js";
+import { useI18n } from "../../util/i18n/i18n.hooks.js";
+import { DateDialog } from "../Date.Dialog.js";
+import { DateInputContextProvider, DatePickerInput } from "../Date.Input.js";
+import { DateTranslationContextProvider, getTranslations, } from "../Date.locale.js";
+import { isDateRange } from "../Date.typeutils.js";
+import { ReactDayPicker } from "./parts/DatePicker.RDP.js";
+import DatePickerStandalone from "./parts/DatePicker.Standalone.js";
 /**
  * A component that allows users to select a date from a calendar.
  *
@@ -51,62 +44,53 @@ import WeekNumber from "./parts/WeekNumber.js";
  * ```
  */
 export const DatePicker = forwardRef((_a, ref) => {
-    var _b;
-    var { children, locale, translations, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "locale", "translations", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "onWeekNumberClick"]);
+    var { children, locale, translations, selected, id, defaultSelected, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, mode } = _a, rest = __rest(_a, ["children", "locale", "translations", "selected", "id", "defaultSelected", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "mode"]);
     const translate = useI18n("DatePicker", translations, getTranslations(locale));
-    const langProviderLocale = useDateLocale();
     const ariaId = useId(id);
-    const [open, setOpen] = useState(_open !== null && _open !== void 0 ? _open : false);
+    const [open, setOpen] = useControllableState({
+        defaultValue: false,
+        value: _open,
+    });
     /* We use state here to insure that anchor is defined if open is true on initial render */
     const [wrapperRef, setWrapperRef] = useState(null);
     const mergedRef = useMergeRefs(setWrapperRef, ref);
-    const [selectedDates, setSelectedDates] = React.useState(defaultSelected);
-    const mode = (_b = rest.mode) !== null && _b !== void 0 ? _b : "single";
-    /**
-     * @param newSelected Date | Date[] | DateRange | undefined
-     */
-    const handleSelect = (newSelected) => {
-        var _a, _b, _c;
-        setSelectedDates(newSelected);
-        if (rest.mode === "single") {
-            newSelected && ((_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false));
-        }
-        else if (rest.mode === "range") {
-            (newSelected === null || newSelected === void 0 ? void 0 : newSelected.from) && (newSelected === null || newSelected === void 0 ? void 0 : newSelected.to) && ((_b = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _b !== void 0 ? _b : setOpen(false));
-        }
-        (_c = rest === null || rest === void 0 ? void 0 : rest.onSelect) === null || _c === void 0 ? void 0 : _c.call(rest, newSelected);
-    };
-    const DatePickerComponent = (React.createElement(DayPicker, Object.assign({ locale: locale ? getLocaleFromString(locale) : langProviderLocale, mode: mode, onSelect: handleSelect, selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
-            Caption: dropdownCaption ? DropdownCaption : Caption,
-            Head: TableHead,
-            HeadRow,
-            WeekNumber,
-            Row,
-        }, className: cl("navds-date", className), classNames: {
-            vhidden: "navds-sr-only",
-        }, disabled: (day) => {
-            return (disableWeekends && isWeekend(day)) || isMatch(day, disabled);
-        }, weekStartsOn: 1, initialFocus: false, modifiers: {
-            weekend: (day) => disableWeekends && isWeekend(day),
-        }, modifiersClassNames: {
-            weekend: "rdp-day__weekend",
-        }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: true, showOutsideDays: true }, omit(rest, ["onSelect"]))));
+    const [value, setValue] = useControllableState({
+        defaultValue: defaultSelected,
+        value: selected,
+        onChange: (newValue) => {
+            var _a;
+            let closeDialog = false;
+            if (mode === "single" && newValue) {
+                closeDialog = true;
+            }
+            else if (isDateRange(newValue) && newValue.from && newValue.to) {
+                closeDialog = true;
+                if (isSameDay(newValue.from, newValue.to)) {
+                    closeDialog = false;
+                }
+            }
+            if (closeDialog) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+                setOpen(false);
+            }
+            (_a = rest === null || rest === void 0 ? void 0 : rest.onSelect) === null || _a === void 0 ? void 0 : _a.call(rest, newValue);
+        },
+    });
     return (React.createElement(DateTranslationContextProvider, { translate: translate },
-        React.createElement(DateInputContext.Provider, { value: {
-                open: _open !== null && _open !== void 0 ? _open : open,
-                onOpen: () => {
-                    setOpen((x) => !x);
-                    onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
-                },
-                ariaId,
-                defined: true,
-            } },
+        React.createElement(DateInputContextProvider, { open: open, onOpen: () => {
+                setOpen((x) => !x);
+                onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
+            }, ariaId: ariaId, defined: true },
             React.createElement("div", { ref: mergedRef, className: cl("navds-date__wrapper", wrapperClassName) },
                 children,
-                React.createElement(DateWrapper, { open: _open !== null && _open !== void 0 ? _open : open, anchor: wrapperRef, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, locale: locale, translate: translate, variant: mode, popoverProps: {
+                React.createElement(DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
+                        onClose === null || onClose === void 0 ? void 0 : onClose();
+                        open && setOpen(false);
+                    }, locale: locale, translate: translate, variant: mode !== null && mode !== void 0 ? mode : "single", popoverProps: {
                         id: ariaId,
                         strategy,
-                    } }, DatePickerComponent)))));
+                    } },
+                    React.createElement(ReactDayPicker, Object.assign({}, rest, { locale: locale, handleSelect: setValue, selected: value, mode: mode })))))));
 });
 DatePicker.Standalone = DatePickerStandalone;
 DatePicker.Input = DatePickerInput;

package/esm/date/datepicker/DatePicker.js.map

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

package/esm/date/datepicker/DatePicker.types.d.ts

@@ -0,0 +1,108 @@
+import { CalendarWeek, Matcher, PropsBase } from "react-day-picker";
+import { ComponentTranslation } from "../../util/i18n/i18n.types.js";
+import { DateRange } from "../Date.typeutils.js";
+export type SingleMode = {
+    mode?: "single";
+    onSelect?: (val?: Date) => void;
+    selected?: Date;
+    defaultSelected?: Date;
+    onWeekNumberClick?: never;
+};
+export type MultipleMode = {
+    mode: "multiple";
+    onSelect?: (val?: Date[]) => void;
+    selected?: Date[];
+    defaultSelected?: Date[];
+    min?: number;
+    max?: number;
+    /**
+     * Allows selecting a week at a time. Only used with `mode` is set to "multiple".
+     * @param week Current week number
+     * @param days Dates in the week
+     */
+    onWeekNumberClick?: (week: CalendarWeek["weekNumber"], days: Date[]) => void;
+};
+export type RangeMode = {
+    mode: "range";
+    onSelect?: (val?: DateRange) => void;
+    selected?: DateRange;
+    defaultSelected?: DateRange;
+    min?: number;
+    max?: number;
+    onWeekNumberClick?: never;
+};
+export type ConditionalModeProps = SingleMode | MultipleMode | RangeMode;
+export interface DatePickerDefaultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect">, Pick<PropsBase, "month" | "onMonthChange" | "today" | "onDayClick" | "defaultMonth"> {
+    /**
+     * Element datepicker anchors to. Use <DatePicker.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;
+    /**
+     * Changes datepicker locale
+     * @default "nb" (norsk bokmål)
+     * @deprecated Use `<Provider />`-component
+     */
+    locale?: "nb" | "nn" | "en";
+    /**
+     * i18n-API for customizing texts and labels.
+     *
+     * **NB: If you need to change the language, use [Provider](https://aksel.nav.no/komponenter/core/provider#84d7ea5ec517) instead.**
+     */
+    translations?: ComponentTranslation<"DatePicker">;
+    /**
+     * The earliest day to start navigation.
+     */
+    fromDate?: Date;
+    /**
+     * The latests day to end navigation.
+     */
+    toDate?: Date;
+    /**
+     * Display dropdown for choosing the month and the year. Needs `fromDate` + `toDate` to work.
+     * @default false
+     */
+    dropdownCaption?: boolean;
+    /**
+     * Apply the disabled modifier to the matching days.
+     * https://react-day-picker.js.org/api/type-aliases/Matcher
+     */
+    disabled?: Matcher[];
+    /**
+     * Disable saturday and sunday.
+     * @default false
+     */
+    disableWeekends?: boolean;
+    /**
+     * Shows week numbers in left-column. Use with caution, takes up valuable screenspace for small screens.
+     * @default false
+     */
+    showWeekNumber?: boolean;
+    /**
+     * 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 `<DatePicker.Input />` is used.
+     */
+    onOpenToggle?: () => void;
+    /**
+     * **Avoid using if possible!**
+     *
+     * Changes what CSS position property to use.
+     * You want to use "fixed" if parent wrapper has position relative, but you want popover to escape.
+     * @default See Popover
+     */
+    strategy?: "absolute" | "fixed";
+}

package/esm/date/datepicker/DatePicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DatePicker.types.js.map

package/esm/date/datepicker/DatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,90 @@
+import React from "react";
+import { DateInputProps } from "../../Date.Input.js";
+import { DatePickerProps } from "../DatePicker.js";
+export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "fromDate" | "toDate" | "today" | "toDate" | "fromDate" | "toDate" | "disabled" | "disableWeekends"> {
+    /**
+     * The initially selected Date
+     */
+    defaultSelected?: Date;
+    /**
+     * Default shown month
+     */
+    defaultMonth?: Date;
+    /**
+     * Make selection of Date required
+     */
+    required?: boolean;
+    /**
+     * Callback for changed state
+     */
+    onDateChange?: (val?: Date) => void;
+    /**
+     * Input-format
+     * @default "dd.MM.yyyy"
+     */
+    inputFormat?: string;
+    /**
+     * validation-callback
+     */
+    onValidate?: (val: DateValidationT) => void;
+    /**
+     * Allows input of with `yy` year format.
+     *
+     * Decision between 20th and 21st century is based on before(todays year - 80) ? 21st : 20th.
+     * e.g. In 2024 this equals to 1944 - 2043.
+     * @default true
+     */
+    allowTwoDigitYear?: boolean;
+}
+interface UseDatepickerValue {
+    /**
+     * Use: <DatePicker {...datepickerProps}/>
+     */
+    datepickerProps: DatePickerProps;
+    /**
+     * Use: <DatePicker.Input {...inputProps}/>
+     */
+    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value"> & {
+        /**
+         * @private
+         */
+        setAnchorRef: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;
+    };
+    /**
+     * Resets all states (callback)
+     */
+    reset: () => void;
+    /**
+     * Currently selected date
+     * Up to user to validate date
+     */
+    selectedDay?: Date;
+    /**
+     * Manually override currently selected day
+     */
+    setSelected: (date?: Date) => void;
+}
+export type DateValidationT = {
+    isDisabled: boolean;
+    isWeekend: boolean;
+    isEmpty: boolean;
+    isInvalid: boolean;
+    isValidDate: boolean;
+    isBefore: boolean;
+    isAfter: boolean;
+};
+/**
+ *
+ * @see 🏷️ {@link UseDatepickerOptions}
+ * @see 🏷️ {@link UseDatepickerValue}
+ * @see 🏷️ {@link DateValidationT}
+ * @example
+ * const { datepickerProps, inputProps } = useDatepicker({
+ *   fromDate: new Date("Aug 23 2019"),
+ *   toDate: new Date("Feb 23 2024"),
+ *   onDateChange: console.log,
+ *   onValidate: console.log,
+ * });
+ */
+export declare const useDatepicker: (opt?: UseDatepickerOptions) => UseDatepickerValue;
+export {};