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

package/cjs/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":";;AAeA,0CA4BC;AAGD,wCAgCC;AA9ED,uCAYkB;AAElB,iDAAiD;AACjD,SAAgB,eAAe,CAC7B,YAAkB,EAClB,QAA0B,EAC1B,MAAwB,EACxB,MAAc;IAQd,MAAM,MAAM,GAAG,IAAA,8BAAmB,EAAC;QACjC,KAAK,EAAE,IAAA,sBAAW,EAAC,YAAY,CAAC;QAChC,GAAG,EAAE,IAAA,oBAAS,EAAC,YAAY,CAAC;KAC7B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,QAAQ,GACZ,CAAC,QAAQ,IAAI,KAAK,GAAG,IAAA,uBAAY,EAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC,MAAM,IAAI,KAAK,GAAG,IAAA,uBAAY,EAAC,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,SAAgB,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,IAAA,sBAAW,EAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,oBAAS,EAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAW,EAAE,CAAC;IAEzB,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,IAAA,mBAAQ,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,IAAA,qBAAU,EAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,IAAA,mBAAQ,EAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,OAAO;YACL,KAAK,EAAE,IAAA,kBAAO,EAAC,KAAK,CAAC;YACrB,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/cjs/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/cjs/date/date-utils/format-date.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateForInput = void 0;
+const date_fns_1 = require("date-fns");
+const parse_date_1 = require("./parse-date");
+const formatDateForInput = (date, locale, type, inputFormat) => {
+    const INPUT_DATE_STRING_FORMAT = inputFormat !== null && inputFormat !== void 0 ? inputFormat : (type === "date"
+        ? parse_date_1.INPUT_DATE_STRING_FORMAT_DATE
+        : parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH);
+    return (0, date_fns_1.format)(date, INPUT_DATE_STRING_FORMAT, { locale });
+};
+exports.formatDateForInput = formatDateForInput;
+//# sourceMappingURL=format-date.js.map

package/cjs/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,uCAA0C;AAC1C,6CAGsB;AAEf,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,0CAA6B;QAC/B,CAAC,CAAC,2CAA8B,CAAC,CAAC;IACtC,OAAO,IAAA,iBAAM,EAAC,IAAI,EAAE,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAZW,QAAA,kBAAkB,sBAY7B"}

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarRange = exports.getYearOptions = exports.getMonthOptions = exports.clampDisplayYear = exports.clampDisplayMonth = exports.isDateInRange = exports.isMatch = exports.isDateOutsideRange = exports.isValidDate = exports.dateIsInCurrentMonth = exports.disableDate = exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = exports.formatDateForInput = void 0;
+var format_date_1 = require("./format-date");
+Object.defineProperty(exports, "formatDateForInput", { enumerable: true, get: function () { return format_date_1.formatDateForInput; } });
+var parse_date_1 = require("./parse-date");
+Object.defineProperty(exports, "INPUT_DATE_STRING_FORMAT_DATE", { enumerable: true, get: function () { return parse_date_1.INPUT_DATE_STRING_FORMAT_DATE; } });
+Object.defineProperty(exports, "INPUT_DATE_STRING_FORMAT_MONTH", { enumerable: true, get: function () { return parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH; } });
+Object.defineProperty(exports, "parseDate", { enumerable: true, get: function () { return parse_date_1.parseDate; } });
+var dates_disabled_1 = require("./dates-disabled");
+Object.defineProperty(exports, "disableDate", { enumerable: true, get: function () { return dates_disabled_1.disableDate; } });
+var check_dates_1 = require("./check-dates");
+Object.defineProperty(exports, "dateIsInCurrentMonth", { enumerable: true, get: function () { return check_dates_1.dateIsInCurrentMonth; } });
+Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return check_dates_1.isValidDate; } });
+Object.defineProperty(exports, "isDateOutsideRange", { enumerable: true, get: function () { return check_dates_1.isDateOutsideRange; } });
+var is_match_1 = require("./is-match");
+Object.defineProperty(exports, "isMatch", { enumerable: true, get: function () { return is_match_1.isMatch; } });
+Object.defineProperty(exports, "isDateInRange", { enumerable: true, get: function () { return is_match_1.isDateInRange; } });
+var clamp_dates_1 = require("./clamp-dates");
+Object.defineProperty(exports, "clampDisplayMonth", { enumerable: true, get: function () { return clamp_dates_1.clampDisplayMonth; } });
+Object.defineProperty(exports, "clampDisplayYear", { enumerable: true, get: function () { return clamp_dates_1.clampDisplayYear; } });
+var dropdown_options_1 = require("./dropdown-options");
+Object.defineProperty(exports, "getMonthOptions", { enumerable: true, get: function () { return dropdown_options_1.getMonthOptions; } });
+Object.defineProperty(exports, "getYearOptions", { enumerable: true, get: function () { return dropdown_options_1.getYearOptions; } });
+var calendar_range_1 = require("./calendar-range");
+Object.defineProperty(exports, "calendarRange", { enumerable: true, get: function () { return calendar_range_1.calendarRange; } });
+//# sourceMappingURL=index.js.map

package/cjs/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,6CAAmD;AAA1C,iHAAA,kBAAkB,OAAA;AAC3B,2CAIsB;AAHpB,2HAAA,6BAA6B,OAAA;AAC7B,4HAAA,8BAA8B,OAAA;AAC9B,uGAAA,SAAS,OAAA;AAEX,mDAA+C;AAAtC,6GAAA,WAAW,OAAA;AACpB,6CAIuB;AAHrB,mHAAA,oBAAoB,OAAA;AACpB,0GAAA,WAAW,OAAA;AACX,iHAAA,kBAAkB,OAAA;AAEpB,uCAAoD;AAA3C,mGAAA,OAAO,OAAA;AAAE,yGAAA,aAAa,OAAA;AAC/B,6CAAoE;AAA3D,gHAAA,iBAAiB,OAAA;AAAE,+GAAA,gBAAgB,OAAA;AAC5C,uDAAqE;AAA5D,mHAAA,eAAe,OAAA;AAAE,kHAAA,cAAc,OAAA;AACxC,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

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

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

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

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

package/cjs/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/cjs/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/cjs/date/date-utils/parse-date.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = void 0;
+const date_fns_1 = require("date-fns");
+const check_dates_1 = require("./check-dates");
+exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
+exports.INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
+const ALLOWED_INPUT_FORMATS_DATE = [
+    exports.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",
+    exports.INPUT_DATE_STRING_FORMAT_MONTH,
+    ...ALLOWED_INPUT_FORMATS_DATE,
+];
+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 = (0, date_fns_1.parse)(date, format, today, { locale });
+            if ((0, check_dates_1.isValidDate)(parsed) &&
+                !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+                return parsed;
+            }
+        }
+        for (const format of [
+            ...ALLOWED_FORMATS.map((x) => x.replace("yyyy", "yy")),
+        ]) {
+            parsed = (0, date_fns_1.parse)(date, format, today, { locale });
+            if ((0, check_dates_1.isValidDate)(parsed) &&
+                isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+                const convertedDate = assignCenturyToDate(date, format, today, locale);
+                if ((0, check_dates_1.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 = (0, date_fns_1.parse)(date, format, today, { locale });
+        if ((0, check_dates_1.isValidDate)(parsed) &&
+            !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
+            return parsed;
+        }
+    }
+    return new Date("Invalid date");
+};
+exports.parseDate = parseDate;
+function isTwoDigitYear(dateString, today, locale, formats) {
+    let parsed;
+    const newFormat = formats.map((x) => x.replace("yyyy", "yy"));
+    for (const format of newFormat) {
+        parsed = (0, date_fns_1.parse)(dateString, format, today, { locale });
+        if ((0, check_dates_1.isValidDate)(parsed)) {
+            return true;
+        }
+    }
+    return false;
+}
+function assignCenturyToDate(dateStr, format, today, locale) {
+    const date20Century = (0, date_fns_1.parse)(appendCenturyToTwoYearDigitDateString(dateStr, "19"), format.replace("yy", "yyyy"), today, { locale });
+    const date21Century = (0, date_fns_1.parse)(appendCenturyToTwoYearDigitDateString(dateStr, "20"), format.replace("yy", "yyyy"), today, { locale });
+    if ((0, check_dates_1.isValidDate)(date20Century) && (0, check_dates_1.isValidDate)(date21Century)) {
+        return (0, date_fns_1.isBefore)(date20Century, (0, date_fns_1.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/cjs/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/cjs/date/datepicker/DatePicker.d.ts

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

package/cjs/date/datepicker/DatePicker.js

@@ -41,22 +41,15 @@ exports.DatePicker = 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 util_1 = require("../../util");
 const hooks_1 = require("../../util/hooks");
 const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
-const context_1 = require("../context");
-const DateInput_1 = require("../parts/DateInput");
-const DateWrapper_1 = require("../parts/DateWrapper");
-const utils_1 = require("../utils");
-const DatePickerStandalone_1 = __importDefault(require("./DatePickerStandalone"));
-const Caption_1 = __importDefault(require("./parts/Caption"));
-const DropdownCaption_1 = __importDefault(require("./parts/DropdownCaption"));
-const HeadRow_1 = require("./parts/HeadRow");
-const Row_1 = __importDefault(require("./parts/Row"));
-const TableHead_1 = __importDefault(require("./parts/TableHead"));
-const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
+const Date_Dialog_1 = require("../Date.Dialog");
+const Date_Input_1 = require("../Date.Input");
+const Date_locale_1 = require("../Date.locale");
+const Date_typeutils_1 = require("../Date.typeutils");
+const DatePicker_RDP_1 = require("./parts/DatePicker.RDP");
+const DatePicker_Standalone_1 = __importDefault(require("./parts/DatePicker.Standalone"));
 /**
  * A component that allows users to select a date from a calendar.
  *
@@ -80,64 +73,55 @@ const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
  * ```
  */
 exports.DatePicker = (0, react_1.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"]);
-    const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
-    const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
+    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 = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
     const ariaId = (0, hooks_1.useId)(id);
-    const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
+    const [open, setOpen] = (0, hooks_1.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] = (0, react_1.useState)(null);
     const mergedRef = (0, useMergeRefs_1.useMergeRefs)(setWrapperRef, ref);
-    const [selectedDates, setSelectedDates] = react_1.default.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_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ locale: locale ? (0, utils_1.getLocaleFromString)(locale) : langProviderLocale, mode: mode, onSelect: handleSelect, selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
-            Caption: dropdownCaption ? DropdownCaption_1.default : Caption_1.default,
-            Head: TableHead_1.default,
-            HeadRow: HeadRow_1.HeadRow,
-            WeekNumber: WeekNumber_1.default,
-            Row: Row_1.default,
-        }, className: (0, clsx_1.default)("navds-date", className), classNames: {
-            vhidden: "navds-sr-only",
-        }, disabled: (day) => {
-            return (disableWeekends && (0, date_fns_1.isWeekend)(day)) || (0, react_day_picker_1.isMatch)(day, disabled);
-        }, weekStartsOn: 1, initialFocus: false, modifiers: {
-            weekend: (day) => disableWeekends && (0, date_fns_1.isWeekend)(day),
-        }, modifiersClassNames: {
-            weekend: "rdp-day__weekend",
-        }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: true, showOutsideDays: true }, (0, util_1.omit)(rest, ["onSelect"]))));
-    return (react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
-        react_1.default.createElement(context_1.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,
-            } },
+    const [value, setValue] = (0, hooks_1.useControllableState)({
+        defaultValue: defaultSelected,
+        value: selected,
+        onChange: (newValue) => {
+            var _a;
+            let closeDialog = false;
+            if (mode === "single" && newValue) {
+                closeDialog = true;
+            }
+            else if ((0, Date_typeutils_1.isDateRange)(newValue) && newValue.from && newValue.to) {
+                closeDialog = true;
+                if ((0, date_fns_1.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_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
+        react_1.default.createElement(Date_Input_1.DateInputContextProvider, { open: open, onOpen: () => {
+                setOpen((x) => !x);
+                onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
+            }, ariaId: ariaId, defined: true },
             react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
                 children,
-                react_1.default.createElement(DateWrapper_1.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_1.default.createElement(Date_Dialog_1.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_1.default.createElement(DatePicker_RDP_1.ReactDayPicker, Object.assign({}, rest, { locale: locale, handleSelect: setValue, selected: value, mode: mode })))))));
 });
-exports.DatePicker.Standalone = DatePickerStandalone_1.default;
-exports.DatePicker.Input = DateInput_1.DatePickerInput;
+exports.DatePicker.Standalone = DatePicker_Standalone_1.default;
+exports.DatePicker.Input = Date_Input_1.DatePickerInput;
 exports.default = exports.DatePicker;
 //# sourceMappingURL=DatePicker.js.map

package/cjs/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/cjs/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";
+import { DateRange } from "../Date.typeutils";
+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/cjs/date/datepicker/DatePicker.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=DatePicker.types.js.map

package/cjs/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/cjs/date/datepicker/hooks/useDatepicker.d.ts

@@ -0,0 +1,90 @@
+import React from "react";
+import { DateInputProps } from "../../Date.Input";
+import { DatePickerProps } from "../DatePicker";
+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 {};