@helsenorge/datepicker 13.0.0-workspaces-beta.6 → 13.0.0

package/lib/CHANGELOG.md

@@ -1,3 +1,55 @@
+## [13.0.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv12.12.3&targetVersion=GTv13.0.0) (2025-11-25)
+
+
+### Features
+
+* **anchorlink:**  ny prop aschild med støtte for aschild patternet ([b6988a4](https://github.com/helsenorge/designsystem/commit/b6988a4664a2abd8639ad241b54e415e321499f0)), closes [#340712](https://github.com/helsenorge/designsystem/issues/340712)
+* **formfieldtag:**  tilgjengeliggjør nordsamisk ([8bee112](https://github.com/helsenorge/designsystem/commit/8bee112fa3148b3a44c8d8c68f1b011b69774e7d)), closes [#364928](https://github.com/helsenorge/designsystem/issues/364928)
+
+## 13.0.0-beta.8 (2025-11-24)
+
+
+### Bug Fixes
+
+*  deep export av component ts filer skal inkluderes i publisert pakke ([f9ca449](https://github.com/helsenorge/designsystem/commit/f9ca449205f392c497ab2a66008a9dae07a093d2)), closes [#365382](https://github.com/helsenorge/designsystem/issues/365382)
+
+## 13.0.0-beta.7 (2025-11-19)
+
+
+### Features
+
+* **formfieldtag:**  legg til engelsk og nynorsk ([c4a2365](https://github.com/helsenorge/designsystem/commit/c4a23657dae5c8e8770f6f5f89510110d1b26e79)), closes [#363896](https://github.com/helsenorge/designsystem/issues/363896)
+
+
+### Bug Fixes
+
+*  cms bygg feiler pga manglende fonts på rot ([37de8b7](https://github.com/helsenorge/designsystem/commit/37de8b7daf74be319da3612bed6dea9c0a65cc35)), closes [#365035](https://github.com/helsenorge/designsystem/issues/365035)
+
+## 13.0.0-beta.6 (2025-11-18)
+
+
+### Bug Fixes
+
+*  en rekke typescript feil i komponenter som logges under bygg ([9f5e4cd](https://github.com/helsenorge/designsystem/commit/9f5e4cdcf4c00dc4076d6c03d7e6f2eeafc5964f)), closes [#364139](https://github.com/helsenorge/designsystem/issues/364139)
+*  toast får riktig import path på breakpoints ([cde3703](https://github.com/helsenorge/designsystem/commit/cde37035258c5ad3d8c5c1f03405e39ba65879b4)), closes [#364797](https://github.com/helsenorge/designsystem/issues/364797)
+* **elementheader:**  fix rar høyde på ikon i noen scenarioer ([5bfbcf8](https://github.com/helsenorge/designsystem/commit/5bfbcf80c6faaeef37ffc7f2ff135dae7aee0ad2)), closes [#362359](https://github.com/helsenorge/designsystem/issues/362359)
+
+## 13.0.0-beta.5 (2025-11-13)
+
+
+### Features
+
+*  designsystemet bruker npm workspaces ([3aa656e](https://github.com/helsenorge/designsystem/commit/3aa656e59f93c8bd2953270b4319a1f4d4a8444d))
+
+## 13.0.0-workspaces-beta.7 (2025-11-12)
+
+
+### Features
+
+* **radiobutton:**  flytter reset mixin ut i scss mappen til radio-reset ([e4c6ade](https://github.com/helsenorge/designsystem/commit/e4c6ade4c91be42b3f12624b27223aad16ffb22a)), closes [#362474](https://github.com/helsenorge/designsystem/issues/362474)
+
+## 13.0.0-workspaces-beta.6 (2025-11-12)
+
 ## 13.0.0-workspaces-beta.5 (2025-11-12)
 
 ## 13.0.0-workspaces-beta.4 (2025-11-11)

package/lib/components/DatePicker/index.js

@@ -27,12 +27,13 @@ import { LanguageLocales as LanguageLocales$1 } from "@helsenorge/designsystem-r
 import ErrorWrapper from "@helsenorge/designsystem-react/components/ErrorWrapper";
 import { isComponent } from "@helsenorge/designsystem-react/utils/component";
 var __defProp = Object.defineProperty;
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {
 		get: all[name],
 		enumerable: true
 	});
+	if (symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
 function tzName(timeZone, date, format$1 = "long") {
@@ -430,6 +431,9 @@ var CalendarDay = class {
 		this.displayMonth = displayMonth;
 		this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
 		this.dateLib = dateLib;
+		this.isoDate = dateLib.format(date, "yyyy-MM-dd");
+		this.displayMonthId = dateLib.format(displayMonth, "yyyy-MM");
+		this.dateMonthId = dateLib.format(date, "yyyy-MM");
 	}
 	isEqualTo(day) {
 		return this.dateLib.isSameDay(day.date, this.date) && this.dateLib.isSameMonth(day.displayMonth, this.displayMonth);
@@ -745,7 +749,7 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
 	});
 }
 function createGetModifiers(days, props, navStart, navEnd, dateLib) {
-	const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props;
+	const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.today() } = props;
 	const { isSameDay: isSameDay$1, isSameMonth: isSameMonth$1, startOfMonth: startOfMonth$1, isBefore: isBefore$1, endOfMonth: endOfMonth$1, isAfter: isAfter$1 } = dateLib;
 	const computedNavStart = navStart && startOfMonth$1(navStart);
 	const computedNavEnd = navEnd && endOfMonth$1(navEnd);
@@ -764,7 +768,7 @@ function createGetModifiers(days, props, navStart, navEnd, dateLib) {
 		const isAfterNavEnd = Boolean(computedNavEnd && isAfter$1(date, computedNavEnd));
 		const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
 		const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeNavStart || isAfterNavEnd || !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
-		const isToday = isSameDay$1(date, today ?? dateLib.today());
+		const isToday = isSameDay$1(date, today);
 		if (isOutside) internalModifiersMap.outside.push(day);
 		if (isDisabled) internalModifiersMap.disabled.push(day);
 		if (isHidden) internalModifiersMap.hidden.push(day);
@@ -896,9 +900,9 @@ function getStyleForModifiers(dayModifiers, styles$1 = {}, modifiersStyles = {})
 	});
 	return style;
 }
-function getWeekdays(dateLib, ISOWeek, broadcastCalendar) {
-	const today = dateLib.today();
-	const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(today, dateLib) : ISOWeek ? dateLib.startOfISOWeek(today) : dateLib.startOfWeek(today);
+function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
+	const referenceToday = today ?? dateLib.today();
+	const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
 	const days = [];
 	for (let i = 0; i < 7; i++) {
 		const day = dateLib.addDays(start, i);
@@ -1197,12 +1201,39 @@ function useCalendar(props, dateLib) {
 	useEffect(() => {
 		setFirstMonth(getInitialMonth(props, navStart, navEnd, dateLib));
 	}, [props.timeZone]);
-	const displayMonths = getDisplayMonths(firstMonth, navEnd, props, dateLib);
-	const months = getMonths(displayMonths, getDates(displayMonths, props.endMonth ? endOfMonth$1(props.endMonth) : void 0, props, dateLib), props, dateLib);
-	const weeks = getWeeks(months);
-	const days = getDays(months);
-	const previousMonth$2 = getPreviousMonth(firstMonth, navStart, props, dateLib);
-	const nextMonth$2 = getNextMonth(firstMonth, navEnd, props, dateLib);
+	const { months, weeks, days, previousMonth: previousMonth$2, nextMonth: nextMonth$2 } = useMemo(() => {
+		const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
+		const months$1 = getMonths(displayMonths, getDates(displayMonths, props.endMonth ? endOfMonth$1(props.endMonth) : void 0, {
+			ISOWeek: props.ISOWeek,
+			fixedWeeks: props.fixedWeeks,
+			broadcastCalendar: props.broadcastCalendar
+		}, dateLib), {
+			broadcastCalendar: props.broadcastCalendar,
+			fixedWeeks: props.fixedWeeks,
+			ISOWeek: props.ISOWeek,
+			reverseMonths: props.reverseMonths
+		}, dateLib);
+		return {
+			months: months$1,
+			weeks: getWeeks(months$1),
+			days: getDays(months$1),
+			previousMonth: getPreviousMonth(firstMonth, navStart, props, dateLib),
+			nextMonth: getNextMonth(firstMonth, navEnd, props, dateLib)
+		};
+	}, [
+		dateLib,
+		firstMonth.getTime(),
+		navEnd?.getTime(),
+		navStart?.getTime(),
+		props.disableNavigation,
+		props.broadcastCalendar,
+		props.endMonth?.getTime(),
+		props.fixedWeeks,
+		props.ISOWeek,
+		props.numberOfMonths,
+		props.pagedNavigation,
+		props.reverseMonths
+	]);
 	const { disableNavigation, onMonthChange } = props;
 	const isDayInCalendar = (day) => weeks.some((week) => week.days.some((d) => d.isEqualTo(day)));
 	const goToMonth = (date) => {
@@ -1517,21 +1548,60 @@ function useSelection(props, dateLib) {
 		default: return;
 	}
 }
+function toTimeZone(date, timeZone) {
+	if (date instanceof TZDate && date.timeZone === timeZone) return date;
+	return new TZDate(date, timeZone);
+}
+function convertMatcher(matcher, timeZone) {
+	if (typeof matcher === "boolean" || typeof matcher === "function") return matcher;
+	if (matcher instanceof Date) return toTimeZone(matcher, timeZone);
+	if (Array.isArray(matcher)) return matcher.map((value) => value instanceof Date ? toTimeZone(value, timeZone) : value);
+	if (isDateRange(matcher)) return {
+		...matcher,
+		from: matcher.from ? toTimeZone(matcher.from, timeZone) : matcher.from,
+		to: matcher.to ? toTimeZone(matcher.to, timeZone) : matcher.to
+	};
+	if (isDateInterval(matcher)) return {
+		before: toTimeZone(matcher.before, timeZone),
+		after: toTimeZone(matcher.after, timeZone)
+	};
+	if (isDateAfterType(matcher)) return { after: toTimeZone(matcher.after, timeZone) };
+	if (isDateBeforeType(matcher)) return { before: toTimeZone(matcher.before, timeZone) };
+	return matcher;
+}
+function convertMatchersToTimeZone(matchers, timeZone) {
+	if (!matchers) return matchers;
+	if (Array.isArray(matchers)) return matchers.map((matcher) => convertMatcher(matcher, timeZone));
+	return convertMatcher(matchers, timeZone);
+}
 function DayPicker(initialProps) {
 	let props = initialProps;
-	if (props.timeZone) {
-		props = { ...initialProps };
-		if (props.today) props.today = new TZDate(props.today, props.timeZone);
-		if (props.month) props.month = new TZDate(props.month, props.timeZone);
-		if (props.defaultMonth) props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
-		if (props.startMonth) props.startMonth = new TZDate(props.startMonth, props.timeZone);
-		if (props.endMonth) props.endMonth = new TZDate(props.endMonth, props.timeZone);
-		if (props.mode === "single" && props.selected) props.selected = new TZDate(props.selected, props.timeZone);
-		else if (props.mode === "multiple" && props.selected) props.selected = props.selected?.map((date) => new TZDate(date, props.timeZone));
+	const timeZone = props.timeZone;
+	if (timeZone) {
+		props = {
+			...initialProps,
+			timeZone
+		};
+		if (props.today) props.today = toTimeZone(props.today, timeZone);
+		if (props.month) props.month = toTimeZone(props.month, timeZone);
+		if (props.defaultMonth) props.defaultMonth = toTimeZone(props.defaultMonth, timeZone);
+		if (props.startMonth) props.startMonth = toTimeZone(props.startMonth, timeZone);
+		if (props.endMonth) props.endMonth = toTimeZone(props.endMonth, timeZone);
+		if (props.mode === "single" && props.selected) props.selected = toTimeZone(props.selected, timeZone);
+		else if (props.mode === "multiple" && props.selected) props.selected = props.selected?.map((date) => toTimeZone(date, timeZone));
 		else if (props.mode === "range" && props.selected) props.selected = {
-			from: props.selected.from ? new TZDate(props.selected.from, props.timeZone) : void 0,
-			to: props.selected.to ? new TZDate(props.selected.to, props.timeZone) : void 0
+			from: props.selected.from ? toTimeZone(props.selected.from, timeZone) : props.selected.from,
+			to: props.selected.to ? toTimeZone(props.selected.to, timeZone) : props.selected.to
 		};
+		if (props.disabled !== void 0) props.disabled = convertMatchersToTimeZone(props.disabled, timeZone);
+		if (props.hidden !== void 0) props.hidden = convertMatchersToTimeZone(props.hidden, timeZone);
+		if (props.modifiers) {
+			const nextModifiers = {};
+			Object.keys(props.modifiers).forEach((key) => {
+				nextModifiers[key] = convertMatchersToTimeZone(props.modifiers?.[key], timeZone);
+			});
+			props.modifiers = nextModifiers;
+		}
 	}
 	const { components, formatters, labels, dateLib, locale, classNames: classNames$1 } = useMemo(() => {
 		const locale$1 = {
@@ -1575,6 +1645,10 @@ function DayPicker(initialProps) {
 		props.labels,
 		props.classNames
 	]);
+	if (!props.today) props = {
+		...props,
+		today: dateLib.today()
+	};
 	const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles: styles$1 } = props;
 	const { formatCaption: formatCaption$1, formatDay: formatDay$1, formatMonthDropdown: formatMonthDropdown$1, formatWeekNumber: formatWeekNumber$1, formatWeekNumberHeader: formatWeekNumberHeader$1, formatWeekdayName: formatWeekdayName$1, formatYearDropdown: formatYearDropdown$1 } = formatters;
 	const calendar = useCalendar(props, dateLib);
@@ -1583,7 +1657,12 @@ function DayPicker(initialProps) {
 	const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
 	const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
 	const { labelDayButton: labelDayButton$1, labelGridcell: labelGridcell$1, labelGrid: labelGrid$1, labelMonthDropdown: labelMonthDropdown$1, labelNav: labelNav$1, labelPrevious: labelPrevious$1, labelNext: labelNext$1, labelWeekday: labelWeekday$1, labelWeekNumber: labelWeekNumber$1, labelWeekNumberHeader: labelWeekNumberHeader$1, labelYearDropdown: labelYearDropdown$1 } = labels;
-	const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
+	const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [
+		dateLib,
+		props.ISOWeek,
+		props.broadcastCalendar,
+		props.today
+	]);
 	const isInteractive = mode !== void 0 || onDayClick !== void 0;
 	const handlePreviousClick = useCallback(() => {
 		if (!previousMonth$2) return;
@@ -1868,7 +1947,7 @@ function DayPicker(initialProps) {
 				const className$1 = getClassNamesForModifiers(modifiers, classNames$1, props.modifiersClassNames);
 				const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell$1(date, modifiers, dateLib.options, dateLib) : void 0;
 				return React.createElement(components.Day, {
-					key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`,
+					key: `${day.isoDate}_${day.displayMonthId}`,
 					day,
 					modifiers,
 					className: className$1.join(" "),
@@ -1876,8 +1955,8 @@ function DayPicker(initialProps) {
 					role: "gridcell",
 					"aria-selected": modifiers.selected || void 0,
 					"aria-label": ariaLabel,
-					"data-day": dateLib.format(date, "yyyy-MM-dd"),
-					"data-month": day.outside ? dateLib.format(date, "yyyy-MM") : void 0,
+					"data-day": day.isoDate,
+					"data-month": day.outside ? day.dateMonthId : void 0,
 					"data-selected": modifiers.selected || void 0,
 					"data-disabled": modifiers.disabled || void 0,
 					"data-hidden": modifiers.hidden || void 0,
@@ -1890,7 +1969,8 @@ function DayPicker(initialProps) {
 					type: "button",
 					day,
 					modifiers,
-					disabled: modifiers.disabled || void 0,
+					disabled: !modifiers.focused && modifiers.disabled || void 0,
+					"aria-disabled": modifiers.focused && modifiers.disabled || void 0,
 					tabIndex: isFocusTarget(day) ? 0 : -1,
 					"aria-label": labelDayButton$1(date, modifiers, dateLib.options, dateLib),
 					onClick: handleDayClick(day, modifiers),
@@ -2132,7 +2212,9 @@ var HN_Designsystem_DatePicker_nb_NO_default = {
 	nextMonth: "Neste måned",
 	previousMonth: "Forrige måned",
 	monthDropdown: "Velg måned",
-	yearDropdown: "Velg år"
+	yearDropdown: "Velg år",
+	goToToday: "Gå til i dag",
+	loadingText: "Henter info. Vennligst vent."
 };
 const getResources = (language) => {
 	switch (language) {