@puzzle-ui/ui 0.0.0-stage → 0.1.0

package/dist/components/forms/date-picker/index.js

@@ -0,0 +1,572 @@
+"use client";
+import { Popout } from "../../overlays/popout/index.js";
+import { addDays, addMonths, addYears, getCalendarDays, getLastDayOfMonth, getLocaleWeekStartsOn, getWeekdayDates, isSameDay, isSameMonth, isValidDate, startOfDay, startOfMonth, toDateKey } from "./date-picker.utils.js";
+import "./date-picker.css";
+import { cn, resolveResponsiveValue } from "@puzzle-ui/core";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/forms/date-picker/index.tsx
+const EMPTY_DATES = [];
+const normalizeDate = (date) => date && isValidDate(date) ? startOfDay(date) : null;
+const findDateFromInput = (value) => {
+	if (!value) return null;
+	const [year, month, day] = value.split("-").map(Number);
+	if (!year || !month || !day) return null;
+	const date = new Date(year, month - 1, day);
+	return isValidDate(date) && toDateKey(date) === value ? date : null;
+};
+const DatePicker = ({ value, defaultValue, onChange, label, placeholder = "Select date", description, error, disabled = false, required = false, clearable = false, clearLabel = "Clear date", name, form, minDate, maxDate, disabledDates = EMPTY_DATES, shouldDisableDate, locale, weekStartsOn, dateFormat, size = "md", fullWidth = false, open, defaultOpen = false, onOpenChange, position = "bottom", align = "start", offset = 8, collisionPadding = 8, calendarLabel = "Choose date", previousMonthLabel = "Previous month", nextMonthLabel = "Next month", rootClassName, popoverClassName, id, className, style, onClick, onKeyDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, dir, ...buttonProps }) => {
+	const baseId = useId();
+	const triggerId = id ?? `${baseId}-trigger`;
+	const labelId = `${baseId}-label`;
+	const descriptionId = `${baseId}-description`;
+	const errorId = `${baseId}-error`;
+	const calendarId = `${baseId}-calendar`;
+	const gridId = `${baseId}-grid`;
+	const triggerRef = useRef(null);
+	const calendarGridRef = useRef(null);
+	const nativeInputRef = useRef(null);
+	const isControlledValue = value !== void 0;
+	const isControlledOpen = open !== void 0;
+	const initialValue = normalizeDate(value !== void 0 ? value : defaultValue);
+	const [today] = useState(() => startOfDay(/* @__PURE__ */ new Date()));
+	const [internalValue, setInternalValue] = useState(() => normalizeDate(defaultValue));
+	const selectedDate = isControlledValue ? normalizeDate(value) : internalValue;
+	const [internalOpen, setInternalOpen] = useState(defaultOpen);
+	const isOpen = open ?? internalOpen;
+	const [viewDate, setViewDate] = useState(() => startOfMonth(initialValue ?? today));
+	const [activeDate, setActiveDate] = useState(() => initialValue ?? today);
+	const resolvedLocale = locale ?? Intl.DateTimeFormat().resolvedOptions().locale;
+	const resolvedWeekStartsOn = weekStartsOn ?? getLocaleWeekStartsOn(resolvedLocale);
+	const responsiveSize = resolveResponsiveValue(size, "md");
+	const responsiveFullWidth = resolveResponsiveValue(fullWidth, false);
+	const normalizedMinDate = useMemo(() => normalizeDate(minDate), [minDate]);
+	const normalizedMaxDate = useMemo(() => normalizeDate(maxDate), [maxDate]);
+	const disabledDateKeys = useMemo(() => new Set(disabledDates.filter(isValidDate).map((date) => toDateKey(startOfDay(date)))), [disabledDates]);
+	const selectedKey = selectedDate ? toDateKey(selectedDate) : "";
+	const minDateKey = normalizedMinDate ? toDateKey(normalizedMinDate) : void 0;
+	const maxDateKey = normalizedMaxDate ? toDateKey(normalizedMaxDate) : void 0;
+	const dateFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, dateFormat ?? {
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), [resolvedLocale, dateFormat]);
+	const accessibleDateFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), [resolvedLocale]);
+	const monthFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, {
+		month: "long",
+		year: "numeric"
+	}), [resolvedLocale]);
+	const weekdayFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, { weekday: "short" }), [resolvedLocale]);
+	const weekdayAccessibleFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, { weekday: "long" }), [resolvedLocale]);
+	const dayNumberFormatter = useMemo(() => new Intl.NumberFormat(resolvedLocale), [resolvedLocale]);
+	const weekdayLabels = useMemo(() => getWeekdayDates(resolvedWeekStartsOn).map((date) => ({
+		short: weekdayFormatter.format(date),
+		long: weekdayAccessibleFormatter.format(date)
+	})), [
+		resolvedWeekStartsOn,
+		weekdayFormatter,
+		weekdayAccessibleFormatter
+	]);
+	const calendarDays = useMemo(() => getCalendarDays(viewDate, resolvedWeekStartsOn), [viewDate, resolvedWeekStartsOn]);
+	const hasError = error !== void 0 && error !== null && error !== false;
+	const isInvalid = hasError || ariaInvalid !== void 0 && ariaInvalid !== false && ariaInvalid !== "false";
+	const resolvedAriaInvalid = isInvalid ? true : ariaInvalid;
+	const errorContent = error === true ? "Invalid date" : error;
+	const displayedValue = selectedDate ? dateFormatter.format(selectedDate) : placeholder;
+	const monthLabel = monthFormatter.format(viewDate);
+	const isDateDisabled = useCallback((date) => {
+		const normalized = startOfDay(date);
+		if (!isValidDate(normalized) || normalizedMinDate && normalizedMaxDate && normalizedMinDate > normalizedMaxDate) return true;
+		if (normalizedMinDate && normalized < normalizedMinDate) return true;
+		if (normalizedMaxDate && normalized > normalizedMaxDate) return true;
+		if (disabledDateKeys.has(toDateKey(normalized))) return true;
+		return shouldDisableDate?.(normalized) === true;
+	}, [
+		normalizedMinDate,
+		normalizedMaxDate,
+		disabledDateKeys,
+		shouldDisableDate
+	]);
+	/**
+	* Search in one direction for the next selectable date.
+	* The search stops immediately when it reaches a hard date boundary.
+	*/
+	const findAvailableDate = useCallback((date, direction, maxDistance = 3660) => {
+		if (normalizedMinDate && normalizedMaxDate && normalizedMinDate > normalizedMaxDate) return null;
+		const base = startOfDay(date);
+		for (let offset = 0; offset <= maxDistance; offset++) {
+			const candidate = addDays(base, offset * direction);
+			if (normalizedMinDate && candidate < normalizedMinDate) {
+				if (direction === -1) return null;
+				continue;
+			}
+			if (normalizedMaxDate && candidate > normalizedMaxDate) {
+				if (direction === 1) return null;
+				continue;
+			}
+			if (!isDateDisabled(candidate)) return candidate;
+		}
+		return null;
+	}, [
+		normalizedMinDate,
+		normalizedMaxDate,
+		isDateDisabled
+	]);
+	/**
+	* Find the closest selectable date around a starting point.
+	* Prefer the future when both dates are equally distant.
+	*/
+	const findNearestAvailableDate = useCallback((date) => {
+		if (normalizedMinDate && normalizedMaxDate && normalizedMinDate > normalizedMaxDate) return null;
+		let base = startOfDay(date);
+		if (normalizedMinDate && base < normalizedMinDate) base = normalizedMinDate;
+		if (normalizedMaxDate && base > normalizedMaxDate) base = normalizedMaxDate;
+		for (let distance = 0; distance <= 3660; distance++) {
+			const future = addDays(base, distance);
+			if ((!normalizedMaxDate || future <= normalizedMaxDate) && !isDateDisabled(future)) return future;
+			if (distance > 0) {
+				const past = addDays(base, -distance);
+				if ((!normalizedMinDate || past >= normalizedMinDate) && !isDateDisabled(past)) return past;
+			}
+		}
+		return null;
+	}, [
+		normalizedMinDate,
+		normalizedMaxDate,
+		isDateDisabled
+	]);
+	const changeOpenState = useCallback((nextOpen) => {
+		if (!isControlledOpen) setInternalOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [isControlledOpen, onOpenChange]);
+	const openCalendar = useCallback(() => {
+		const initialDate = selectedDate && !isDateDisabled(selectedDate) ? selectedDate : findNearestAvailableDate(today);
+		if (initialDate) {
+			setActiveDate(initialDate);
+			setViewDate(startOfMonth(initialDate));
+		}
+		changeOpenState(true);
+	}, [
+		selectedDate,
+		today,
+		isDateDisabled,
+		findNearestAvailableDate,
+		changeOpenState
+	]);
+	const updateValue = useCallback((nextDate) => {
+		const normalized = normalizeDate(nextDate);
+		if (normalized && isDateDisabled(normalized)) return;
+		if (!isControlledValue) setInternalValue(normalized);
+		onChange?.(normalized ? new Date(normalized.getTime()) : null);
+	}, [
+		isControlledValue,
+		isDateDisabled,
+		onChange
+	]);
+	const selectDate = useCallback((date) => {
+		const normalized = startOfDay(date);
+		if (disabled || isDateDisabled(normalized)) return;
+		setActiveDate(normalized);
+		setViewDate(startOfMonth(normalized));
+		updateValue(normalized);
+		changeOpenState(false);
+		triggerRef.current?.focus({ preventScroll: true });
+	}, [
+		disabled,
+		isDateDisabled,
+		updateValue,
+		changeOpenState
+	]);
+	const clearDate = useCallback(() => {
+		if (disabled || required || !selectedDate) return;
+		updateValue(null);
+		changeOpenState(false);
+		triggerRef.current?.focus({ preventScroll: true });
+	}, [
+		disabled,
+		required,
+		selectedDate,
+		updateValue,
+		changeOpenState
+	]);
+	const changeMonth = useCallback((amount) => {
+		const nextMonth = addMonths(viewDate, amount);
+		const candidate = addMonths(activeDate, amount);
+		const availableDate = findNearestAvailableDate(candidate);
+		setViewDate(startOfMonth(availableDate ?? nextMonth));
+		if (availableDate) setActiveDate(availableDate);
+	}, [
+		viewDate,
+		activeDate,
+		findNearestAvailableDate
+	]);
+	const isPreviousMonthDisabled = normalizedMinDate !== null && normalizedMinDate !== void 0 && getLastDayOfMonth(addMonths(viewDate, -1)) < normalizedMinDate;
+	const isNextMonthDisabled = normalizedMaxDate !== null && normalizedMaxDate !== void 0 && startOfMonth(addMonths(viewDate, 1)) > normalizedMaxDate;
+	const handleTriggerClick = (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		event.preventDefault();
+		if (isOpen) changeOpenState(false);
+		else openCalendar();
+	};
+	const handleTriggerKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented || disabled) return;
+		if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			if (!isOpen) openCalendar();
+			return;
+		}
+	};
+	const handleDayKeyDown = (event, date) => {
+		if (event.defaultPrevented) return;
+		const computedDirection = triggerRef.current?.ownerDocument.defaultView?.getComputedStyle(triggerRef.current).direction;
+		const direction = dir === "rtl" || dir !== "ltr" && computedDirection === "rtl" ? -1 : 1;
+		let candidate = null;
+		let searchDirection = 1;
+		let searchDistance = 3660;
+		switch (event.key) {
+			case "ArrowLeft":
+				candidate = addDays(date, -direction);
+				searchDirection = -direction;
+				break;
+			case "ArrowRight":
+				candidate = addDays(date, direction);
+				searchDirection = direction;
+				break;
+			case "ArrowUp":
+				candidate = addDays(date, -7);
+				searchDirection = -1;
+				break;
+			case "ArrowDown":
+				candidate = addDays(date, 7);
+				searchDirection = 1;
+				break;
+			case "Home": {
+				const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;
+				candidate = addDays(date, -offset);
+				searchDirection = 1;
+				searchDistance = 6;
+				break;
+			}
+			case "End": {
+				const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;
+				candidate = addDays(date, 6 - offset);
+				searchDirection = -1;
+				searchDistance = 6;
+				break;
+			}
+			case "PageUp":
+				candidate = event.shiftKey ? addYears(date, -1) : addMonths(date, -1);
+				searchDirection = -1;
+				break;
+			case "PageDown":
+				candidate = event.shiftKey ? addYears(date, 1) : addMonths(date, 1);
+				searchDirection = 1;
+				break;
+			case "Enter":
+			case " ":
+				event.preventDefault();
+				selectDate(date);
+				return;
+			default: return;
+		}
+		if (!candidate) return;
+		const nextDate = findAvailableDate(candidate, searchDirection, searchDistance);
+		event.preventDefault();
+		if (!nextDate) return;
+		setActiveDate(nextDate);
+		setViewDate(startOfMonth(nextDate));
+	};
+	const handleNativeChange = (event) => {
+		updateValue(findDateFromInput(event.currentTarget.value));
+	};
+	const handleNativeInvalid = (event) => {
+		event.preventDefault();
+		triggerRef.current?.focus({ preventScroll: true });
+	};
+	useEffect(() => {
+		if (!selectedDate) return;
+		setActiveDate(selectedDate);
+		setViewDate(startOfMonth(selectedDate));
+	}, [selectedKey]);
+	useEffect(() => {
+		const input = nativeInputRef.current;
+		if (!input) return;
+		const invalidSelection = selectedDate !== null && isDateDisabled(selectedDate);
+		input.setCustomValidity(invalidSelection ? "Please select an available date." : "");
+	}, [
+		selectedKey,
+		isDateDisabled,
+		selectedDate
+	]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const ownerDocument = triggerRef.current?.ownerDocument;
+		const ownerWindow = ownerDocument?.defaultView;
+		if (!ownerDocument || !ownerWindow) return;
+		let focusDate = activeDate;
+		if (isDateDisabled(focusDate)) {
+			const nearestDate = findNearestAvailableDate(focusDate);
+			if (nearestDate) {
+				focusDate = nearestDate;
+				setActiveDate(nearestDate);
+				setViewDate(startOfMonth(nearestDate));
+			} else {
+				calendarGridRef.current?.focus({ preventScroll: true });
+				return;
+			}
+		}
+		const focusActiveDate = () => {
+			ownerDocument.getElementById(`${gridId}-day-${toDateKey(focusDate)}`)?.focus({ preventScroll: true });
+		};
+		if (typeof ownerWindow.requestAnimationFrame === "function") {
+			const frame = ownerWindow.requestAnimationFrame(focusActiveDate);
+			return () => {
+				ownerWindow.cancelAnimationFrame(frame);
+			};
+		}
+		focusActiveDate();
+	}, [
+		isOpen,
+		activeDate,
+		gridId,
+		isDateDisabled,
+		findNearestAvailableDate
+	]);
+	const resolvedLabelledBy = ariaLabelledBy ?? (label != null ? labelId : void 0);
+	const resolvedDescribedBy = [
+		ariaDescribedBy,
+		description != null ? descriptionId : void 0,
+		hasError ? errorId : void 0
+	].filter(Boolean).join(" ") || void 0;
+	const triggerElement = /* @__PURE__ */ jsxs("button", {
+		...buttonProps,
+		ref: triggerRef,
+		id: triggerId,
+		type: "button",
+		disabled,
+		dir,
+		style,
+		className: cn("puzzle-date-picker__trigger", className),
+		onClick: handleTriggerClick,
+		onKeyDown: handleTriggerKeyDown,
+		"aria-label": ariaLabel,
+		"aria-labelledby": resolvedLabelledBy,
+		"aria-describedby": resolvedDescribedBy,
+		"aria-haspopup": "dialog",
+		"aria-expanded": isOpen,
+		"aria-controls": isOpen ? calendarId : void 0,
+		"aria-required": required || void 0,
+		"aria-invalid": resolvedAriaInvalid,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn("puzzle-date-picker__value", !selectedDate && "puzzle-date-picker__placeholder"),
+			children: displayedValue
+		}), /* @__PURE__ */ jsx("span", {
+			className: "puzzle-date-picker__calendar-icon",
+			"aria-hidden": "true"
+		})]
+	});
+	const calendarHasEnabledDate = calendarDays.some(({ date }) => !isDateDisabled(date));
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("puzzle-date-picker", rootClassName),
+		"data-open": isOpen ? "true" : "false",
+		"data-disabled": disabled ? "true" : void 0,
+		"data-invalid": isInvalid ? "true" : void 0,
+		"data-size-mobile": responsiveSize.mobile,
+		"data-size-tablet": responsiveSize.tablet,
+		"data-size-desktop": responsiveSize.desktop,
+		"data-full-width-mobile": String(responsiveFullWidth.mobile),
+		"data-full-width-tablet": String(responsiveFullWidth.tablet),
+		"data-full-width-desktop": String(responsiveFullWidth.desktop),
+		lang: resolvedLocale,
+		dir,
+		children: [
+			label != null && /* @__PURE__ */ jsxs("label", {
+				id: labelId,
+				htmlFor: triggerId,
+				className: "puzzle-date-picker__label",
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "puzzle-date-picker__required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "puzzle-date-picker__control",
+				children: [/* @__PURE__ */ jsx(Popout, {
+					trigger: triggerElement,
+					open: isOpen,
+					onOpenChange: changeOpenState,
+					action: "click",
+					position,
+					align,
+					offset,
+					collisionPadding,
+					contentClassName: cn("puzzle-date-picker__popover", popoverClassName),
+					children: /* @__PURE__ */ jsxs("div", {
+						id: calendarId,
+						className: "puzzle-date-picker__calendar",
+						role: "dialog",
+						"aria-label": calendarLabel,
+						lang: resolvedLocale,
+						dir,
+						onKeyDown: (event) => {
+							if (event.key === "Tab") {
+								changeOpenState(false);
+								triggerRef.current?.focus({ preventScroll: true });
+							}
+						},
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "puzzle-date-picker__header",
+								children: [
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "puzzle-date-picker__navigation",
+										"aria-label": `${previousMonthLabel}: ${monthFormatter.format(addMonths(viewDate, -1))}`,
+										disabled: disabled || isPreviousMonthDisabled,
+										onClick: () => changeMonth(-1),
+										children: /* @__PURE__ */ jsx("span", {
+											"aria-hidden": "true",
+											children: "‹"
+										})
+									}),
+									/* @__PURE__ */ jsx("div", {
+										id: `${calendarId}-month`,
+										className: "puzzle-date-picker__month",
+										"aria-live": "polite",
+										"aria-atomic": "true",
+										children: monthLabel
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "puzzle-date-picker__navigation",
+										"aria-label": `${nextMonthLabel}: ${monthFormatter.format(addMonths(viewDate, 1))}`,
+										disabled: disabled || isNextMonthDisabled,
+										onClick: () => changeMonth(1),
+										children: /* @__PURE__ */ jsx("span", {
+											"aria-hidden": "true",
+											children: "›"
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("table", {
+								ref: calendarGridRef,
+								id: gridId,
+								className: "puzzle-date-picker__grid",
+								role: "grid",
+								"aria-labelledby": `${calendarId}-month`,
+								tabIndex: calendarHasEnabledDate ? -1 : 0,
+								children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", {
+									role: "row",
+									children: weekdayLabels.map((weekday, index) => /* @__PURE__ */ jsx("th", {
+										scope: "col",
+										role: "columnheader",
+										"aria-label": weekday.long,
+										children: weekday.short
+									}, index))
+								}) }), /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 6 }, (_, weekIndex) => /* @__PURE__ */ jsx("tr", {
+									role: "row",
+									children: calendarDays.slice(weekIndex * 7, weekIndex * 7 + 7).map(({ date, key, outsideMonth }) => {
+										const selected = selectedDate !== null && isSameDay(date, selectedDate);
+										const isToday = isSameDay(date, today);
+										const isActive = isSameDay(date, activeDate);
+										const dayDisabled = disabled || isDateDisabled(date);
+										return /* @__PURE__ */ jsx("td", {
+											role: "gridcell",
+											"aria-selected": selected || void 0,
+											className: "puzzle-date-picker__cell",
+											"data-outside-month": outsideMonth || void 0,
+											children: /* @__PURE__ */ jsx("button", {
+												type: "button",
+												id: `${gridId}-day-${key}`,
+												className: "puzzle-date-picker__day",
+												disabled: dayDisabled,
+												tabIndex: isActive && !dayDisabled ? 0 : -1,
+												"aria-label": accessibleDateFormatter.format(date),
+												"aria-current": isToday ? "date" : void 0,
+												"data-selected": selected || void 0,
+												"data-today": isToday || void 0,
+												"data-outside-month": outsideMonth || void 0,
+												"data-active": isActive || void 0,
+												onFocus: () => {
+													setActiveDate(date);
+													if (!isSameMonth(date, viewDate)) setViewDate(startOfMonth(date));
+												},
+												onKeyDown: (event) => handleDayKeyDown(event, date),
+												onClick: () => selectDate(date),
+												children: dayNumberFormatter.format(date.getDate())
+											})
+										}, key);
+									})
+								}, weekIndex)) })]
+							}),
+							!calendarHasEnabledDate && /* @__PURE__ */ jsx("div", {
+								className: "puzzle-date-picker__empty",
+								role: "status",
+								children: "No available dates"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "puzzle-date-picker__footer",
+								children: /* @__PURE__ */ jsx("button", {
+									type: "button",
+									className: "puzzle-date-picker__today",
+									disabled: disabled || isDateDisabled(today),
+									onClick: () => selectDate(today),
+									children: "Today"
+								})
+							})
+						]
+					})
+				}), clearable && selectedDate && !required && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "puzzle-date-picker__clear",
+					disabled,
+					"aria-label": clearLabel,
+					onClick: clearDate,
+					children: /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						children: "×"
+					})
+				})]
+			}),
+			description != null && /* @__PURE__ */ jsx("div", {
+				id: descriptionId,
+				className: "puzzle-date-picker__description",
+				children: description
+			}),
+			hasError && /* @__PURE__ */ jsx("div", {
+				id: errorId,
+				className: "puzzle-date-picker__error",
+				role: "alert",
+				children: errorContent
+			}),
+			(name !== null || required) && /* @__PURE__ */ jsx("input", {
+				ref: nativeInputRef,
+				className: "puzzle-date-picker__native",
+				type: "date",
+				name: name ?? void 0,
+				form,
+				value: selectedKey,
+				min: minDateKey,
+				max: maxDateKey,
+				disabled,
+				required,
+				tabIndex: -1,
+				"aria-hidden": "true",
+				onChange: handleNativeChange,
+				onInvalid: handleNativeInvalid
+			})
+		]
+	});
+};
+export { DatePicker };
+
+//# sourceMappingURL=index.js.map

package/dist/components/forms/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/forms/date-picker/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type InvalidEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n} from \"react\";\n\nimport { cn, resolveResponsiveValue } from \"@puzzle-ui/core\";\n\nimport { Popout, type PopoutTriggerProps } from \"../../overlays/popout\";\n\nimport {\n  addDays,\n  addMonths,\n  addYears,\n  getCalendarDays,\n  getLastDayOfMonth,\n  getLocaleWeekStartsOn,\n  getWeekdayDates,\n  isSameDay,\n  isSameMonth,\n  isValidDate,\n  startOfDay,\n  startOfMonth,\n  toDateKey,\n  type Weekday,\n} from \"./date-picker.utils\";\n\nimport type { DatePickerProps, DatePickerSize } from \"./date-picker.types\";\n\nimport \"./date-picker.css\";\n\nconst EMPTY_DATES: readonly Date[] = [] as const;\n\nconst normalizeDate = (date?: Date | null): Date | null =>\n  date && isValidDate(date) ? startOfDay(date) : null;\n\nconst findDateFromInput = (value: string): Date | null => {\n  if (!value) {\n    return null;\n  }\n\n  const [year, month, day] = value.split(\"-\").map(Number);\n\n  if (!year || !month || !day) {\n    return null;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return isValidDate(date) && toDateKey(date) === value ? date : null;\n};\n\nconst DatePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  label,\n  placeholder = \"Select date\",\n  description,\n  error,\n  disabled = false,\n  required = false,\n  clearable = false,\n  clearLabel = \"Clear date\",\n  name,\n  form,\n  minDate,\n  maxDate,\n  disabledDates = EMPTY_DATES,\n  shouldDisableDate,\n  locale,\n  weekStartsOn,\n  dateFormat,\n  size = \"md\",\n  fullWidth = false,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  position = \"bottom\",\n  align = \"start\",\n  offset = 8,\n  collisionPadding = 8,\n  calendarLabel = \"Choose date\",\n  previousMonthLabel = \"Previous month\",\n  nextMonthLabel = \"Next month\",\n  rootClassName,\n  popoverClassName,\n  id,\n  className,\n  style,\n  onClick,\n  onKeyDown,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-invalid\": ariaInvalid,\n  dir,\n  ...buttonProps\n}: DatePickerProps) => {\n  const baseId = useId();\n\n  const triggerId = id ?? `${baseId}-trigger`;\n  const labelId = `${baseId}-label`;\n  const descriptionId = `${baseId}-description`;\n  const errorId = `${baseId}-error`;\n  const calendarId = `${baseId}-calendar`;\n  const gridId = `${baseId}-grid`;\n\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const calendarGridRef = useRef<HTMLTableElement | null>(null);\n  const nativeInputRef = useRef<HTMLInputElement | null>(null);\n\n  const isControlledValue = value !== undefined;\n  const isControlledOpen = open !== undefined;\n\n  const initialValue = normalizeDate(\n    value !== undefined ? value : defaultValue,\n  );\n  const [today] = useState(() => startOfDay(new Date()));\n\n  const [internalValue, setInternalValue] = useState<Date | null>(() =>\n    normalizeDate(defaultValue),\n  );\n\n  const selectedDate = isControlledValue ? normalizeDate(value) : internalValue;\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = open ?? internalOpen;\n\n  const [viewDate, setViewDate] = useState(() =>\n    startOfMonth(initialValue ?? today),\n  );\n\n  const [activeDate, setActiveDate] = useState(() => initialValue ?? today);\n\n  const resolvedLocale =\n    locale ?? Intl.DateTimeFormat().resolvedOptions().locale;\n\n  const resolvedWeekStartsOn: Weekday =\n    weekStartsOn ?? getLocaleWeekStartsOn(resolvedLocale);\n\n  const responsiveSize = resolveResponsiveValue(size, \"md\");\n  const responsiveFullWidth = resolveResponsiveValue(fullWidth, false);\n\n  const normalizedMinDate = useMemo(() => normalizeDate(minDate), [minDate]);\n\n  const normalizedMaxDate = useMemo(() => normalizeDate(maxDate), [maxDate]);\n\n  const disabledDateKeys = useMemo(\n    () =>\n      new Set(\n        disabledDates\n          .filter(isValidDate)\n          .map((date) => toDateKey(startOfDay(date))),\n      ),\n    [disabledDates],\n  );\n\n  const selectedKey = selectedDate ? toDateKey(selectedDate) : \"\";\n\n  const minDateKey = normalizedMinDate\n    ? toDateKey(normalizedMinDate)\n    : undefined;\n\n  const maxDateKey = normalizedMaxDate\n    ? toDateKey(normalizedMaxDate)\n    : undefined;\n\n  const dateFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(\n        resolvedLocale,\n        dateFormat ?? {\n          day: \"numeric\",\n          month: \"long\",\n          year: \"numeric\",\n        },\n      ),\n    [resolvedLocale, dateFormat],\n  );\n\n  const accessibleDateFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"long\",\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [resolvedLocale],\n  );\n\n  const monthFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [resolvedLocale],\n  );\n\n  const weekdayFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"short\",\n      }),\n    [resolvedLocale],\n  );\n\n  const weekdayAccessibleFormatter = useMemo(\n    () =>\n      new Intl.DateTimeFormat(resolvedLocale, {\n        weekday: \"long\",\n      }),\n    [resolvedLocale],\n  );\n\n  const dayNumberFormatter = useMemo(\n    () => new Intl.NumberFormat(resolvedLocale),\n    [resolvedLocale],\n  );\n\n  const weekdayLabels = useMemo(\n    () =>\n      getWeekdayDates(resolvedWeekStartsOn).map((date) => ({\n        short: weekdayFormatter.format(date),\n        long: weekdayAccessibleFormatter.format(date),\n      })),\n    [resolvedWeekStartsOn, weekdayFormatter, weekdayAccessibleFormatter],\n  );\n\n  const calendarDays = useMemo(\n    () => getCalendarDays(viewDate, resolvedWeekStartsOn),\n    [viewDate, resolvedWeekStartsOn],\n  );\n\n  const hasError = error !== undefined && error !== null && error !== false;\n\n  const isAriaInvalid =\n    ariaInvalid !== undefined &&\n    ariaInvalid !== false &&\n    ariaInvalid !== \"false\";\n\n  const isInvalid = hasError || isAriaInvalid;\n\n  const resolvedAriaInvalid = isInvalid ? true : ariaInvalid;\n\n  const errorContent = error === true ? \"Invalid date\" : error;\n\n  const displayedValue = selectedDate\n    ? dateFormatter.format(selectedDate)\n    : placeholder;\n\n  const monthLabel = monthFormatter.format(viewDate);\n\n  const isDateDisabled = useCallback(\n    (date: Date): boolean => {\n      const normalized = startOfDay(date);\n\n      if (\n        !isValidDate(normalized) ||\n        (normalizedMinDate &&\n          normalizedMaxDate &&\n          normalizedMinDate > normalizedMaxDate)\n      ) {\n        return true;\n      }\n\n      if (normalizedMinDate && normalized < normalizedMinDate) {\n        return true;\n      }\n\n      if (normalizedMaxDate && normalized > normalizedMaxDate) {\n        return true;\n      }\n\n      if (disabledDateKeys.has(toDateKey(normalized))) {\n        return true;\n      }\n\n      return shouldDisableDate?.(normalized) === true;\n    },\n    [normalizedMinDate, normalizedMaxDate, disabledDateKeys, shouldDisableDate],\n  );\n\n  /**\n   * Search in one direction for the next selectable date.\n   * The search stops immediately when it reaches a hard date boundary.\n   */\n  const findAvailableDate = useCallback(\n    (date: Date, direction: -1 | 1, maxDistance = 3660): Date | null => {\n      if (\n        normalizedMinDate &&\n        normalizedMaxDate &&\n        normalizedMinDate > normalizedMaxDate\n      ) {\n        return null;\n      }\n\n      const base = startOfDay(date);\n\n      for (let offset = 0; offset <= maxDistance; offset++) {\n        const candidate = addDays(base, offset * direction);\n\n        if (normalizedMinDate && candidate < normalizedMinDate) {\n          if (direction === -1) {\n            return null;\n          }\n\n          continue;\n        }\n\n        if (normalizedMaxDate && candidate > normalizedMaxDate) {\n          if (direction === 1) {\n            return null;\n          }\n\n          continue;\n        }\n\n        if (!isDateDisabled(candidate)) {\n          return candidate;\n        }\n      }\n\n      return null;\n    },\n    [normalizedMinDate, normalizedMaxDate, isDateDisabled],\n  );\n\n  /**\n   * Find the closest selectable date around a starting point.\n   * Prefer the future when both dates are equally distant.\n   */\n  const findNearestAvailableDate = useCallback(\n    (date: Date): Date | null => {\n      if (\n        normalizedMinDate &&\n        normalizedMaxDate &&\n        normalizedMinDate > normalizedMaxDate\n      ) {\n        return null;\n      }\n\n      let base = startOfDay(date);\n\n      if (normalizedMinDate && base < normalizedMinDate) {\n        base = normalizedMinDate;\n      }\n\n      if (normalizedMaxDate && base > normalizedMaxDate) {\n        base = normalizedMaxDate;\n      }\n\n      for (let distance = 0; distance <= 3660; distance++) {\n        const future = addDays(base, distance);\n\n        if (\n          (!normalizedMaxDate || future <= normalizedMaxDate) &&\n          !isDateDisabled(future)\n        ) {\n          return future;\n        }\n\n        if (distance > 0) {\n          const past = addDays(base, -distance);\n\n          if (\n            (!normalizedMinDate || past >= normalizedMinDate) &&\n            !isDateDisabled(past)\n          ) {\n            return past;\n          }\n        }\n      }\n\n      return null;\n    },\n    [normalizedMinDate, normalizedMaxDate, isDateDisabled],\n  );\n\n  const changeOpenState = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlledOpen) {\n        setInternalOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlledOpen, onOpenChange],\n  );\n\n  const openCalendar = useCallback(() => {\n    const initialDate =\n      selectedDate && !isDateDisabled(selectedDate)\n        ? selectedDate\n        : findNearestAvailableDate(today);\n\n    if (initialDate) {\n      setActiveDate(initialDate);\n      setViewDate(startOfMonth(initialDate));\n    }\n\n    changeOpenState(true);\n  }, [\n    selectedDate,\n    today,\n    isDateDisabled,\n    findNearestAvailableDate,\n    changeOpenState,\n  ]);\n\n  const updateValue = useCallback(\n    (nextDate: Date | null) => {\n      const normalized = normalizeDate(nextDate);\n\n      if (normalized && isDateDisabled(normalized)) {\n        return;\n      }\n\n      if (!isControlledValue) {\n        setInternalValue(normalized);\n      }\n\n      onChange?.(normalized ? new Date(normalized.getTime()) : null);\n    },\n    [isControlledValue, isDateDisabled, onChange],\n  );\n\n  const selectDate = useCallback(\n    (date: Date) => {\n      const normalized = startOfDay(date);\n\n      if (disabled || isDateDisabled(normalized)) {\n        return;\n      }\n\n      setActiveDate(normalized);\n      setViewDate(startOfMonth(normalized));\n\n      updateValue(normalized);\n      changeOpenState(false);\n\n      triggerRef.current?.focus({ preventScroll: true });\n    },\n    [disabled, isDateDisabled, updateValue, changeOpenState],\n  );\n\n  const clearDate = useCallback(() => {\n    if (disabled || required || !selectedDate) {\n      return;\n    }\n\n    updateValue(null);\n    changeOpenState(false);\n\n    triggerRef.current?.focus({ preventScroll: true });\n  }, [disabled, required, selectedDate, updateValue, changeOpenState]);\n\n  const changeMonth = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(viewDate, amount);\n      const candidate = addMonths(activeDate, amount);\n      const availableDate = findNearestAvailableDate(candidate);\n\n      setViewDate(startOfMonth(availableDate ?? nextMonth));\n\n      if (availableDate) {\n        setActiveDate(availableDate);\n      }\n    },\n    [viewDate, activeDate, findNearestAvailableDate],\n  );\n\n  const isPreviousMonthDisabled =\n    normalizedMinDate !== null &&\n    normalizedMinDate !== undefined &&\n    getLastDayOfMonth(addMonths(viewDate, -1)) < normalizedMinDate;\n\n  const isNextMonthDisabled =\n    normalizedMaxDate !== null &&\n    normalizedMaxDate !== undefined &&\n    startOfMonth(addMonths(viewDate, 1)) > normalizedMaxDate;\n\n  const handleTriggerClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || disabled) {\n      return;\n    }\n\n    // Popout delegates the click to the trigger.\n    // Prevent its own handler because this component controls the state.\n    event.preventDefault();\n\n    if (isOpen) {\n      changeOpenState(false);\n    } else {\n      openCalendar();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    if (event.defaultPrevented || disabled) {\n      return;\n    }\n\n    if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"Enter\" ||\n      event.key === \" \"\n    ) {\n      event.preventDefault();\n\n      if (!isOpen) {\n        openCalendar();\n      }\n\n      return;\n    }\n  };\n\n  const handleDayKeyDown = (\n    event: KeyboardEvent<HTMLButtonElement>,\n    date: Date,\n  ) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const computedDirection =\n      triggerRef.current?.ownerDocument.defaultView?.getComputedStyle(\n        triggerRef.current,\n      ).direction;\n\n    const direction: -1 | 1 =\n      dir === \"rtl\" || (dir !== \"ltr\" && computedDirection === \"rtl\") ? -1 : 1;\n\n    let candidate: Date | null = null;\n    let searchDirection: -1 | 1 = 1;\n    let searchDistance = 3660;\n\n    switch (event.key) {\n      case \"ArrowLeft\":\n        candidate = addDays(date, -direction);\n        searchDirection = -direction as -1 | 1;\n        break;\n\n      case \"ArrowRight\":\n        candidate = addDays(date, direction);\n        searchDirection = direction;\n        break;\n\n      case \"ArrowUp\":\n        candidate = addDays(date, -7);\n        searchDirection = -1;\n        break;\n\n      case \"ArrowDown\":\n        candidate = addDays(date, 7);\n        searchDirection = 1;\n        break;\n\n      case \"Home\": {\n        const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;\n\n        candidate = addDays(date, -offset);\n        searchDirection = 1;\n        searchDistance = 6;\n        break;\n      }\n\n      case \"End\": {\n        const offset = (date.getDay() - resolvedWeekStartsOn + 7) % 7;\n\n        candidate = addDays(date, 6 - offset);\n        searchDirection = -1;\n        searchDistance = 6;\n        break;\n      }\n\n      case \"PageUp\": {\n        candidate = event.shiftKey ? addYears(date, -1) : addMonths(date, -1);\n\n        searchDirection = -1;\n        break;\n      }\n\n      case \"PageDown\": {\n        candidate = event.shiftKey ? addYears(date, 1) : addMonths(date, 1);\n\n        searchDirection = 1;\n        break;\n      }\n\n      case \"Enter\":\n      case \" \": {\n        event.preventDefault();\n        selectDate(date);\n        return;\n      }\n\n      default:\n        return;\n    }\n\n    if (!candidate) {\n      return;\n    }\n\n    const nextDate = findAvailableDate(\n      candidate,\n      searchDirection,\n      searchDistance,\n    );\n\n    event.preventDefault();\n\n    if (!nextDate) {\n      return;\n    }\n\n    setActiveDate(nextDate);\n    setViewDate(startOfMonth(nextDate));\n  };\n\n  const handleNativeChange = (event: ChangeEvent<HTMLInputElement>) => {\n    updateValue(findDateFromInput(event.currentTarget.value));\n  };\n\n  const handleNativeInvalid = (event: InvalidEvent<HTMLInputElement>) => {\n    event.preventDefault();\n    triggerRef.current?.focus({ preventScroll: true });\n  };\n\n  // Keep the calendar synchronized with controlled value changes.\n  useEffect(() => {\n    if (!selectedDate) {\n      return;\n    }\n\n    setActiveDate(selectedDate);\n    setViewDate(startOfMonth(selectedDate));\n  }, [selectedKey]);\n\n  // Apply custom disabled-date validation to the native form input.\n  useEffect(() => {\n    const input = nativeInputRef.current;\n\n    if (!input) {\n      return;\n    }\n\n    const invalidSelection =\n      selectedDate !== null && isDateDisabled(selectedDate);\n\n    input.setCustomValidity(\n      invalidSelection ? \"Please select an available date.\" : \"\",\n    );\n  }, [selectedKey, isDateDisabled, selectedDate]);\n\n  // Move focus into the calendar when it opens or the active day changes.\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const ownerDocument = triggerRef.current?.ownerDocument;\n    const ownerWindow = ownerDocument?.defaultView;\n\n    if (!ownerDocument || !ownerWindow) {\n      return;\n    }\n\n    let focusDate = activeDate;\n\n    if (isDateDisabled(focusDate)) {\n      const nearestDate = findNearestAvailableDate(focusDate);\n\n      if (nearestDate) {\n        focusDate = nearestDate;\n        setActiveDate(nearestDate);\n        setViewDate(startOfMonth(nearestDate));\n      } else {\n        calendarGridRef.current?.focus({\n          preventScroll: true,\n        });\n\n        return;\n      }\n    }\n\n    const focusActiveDate = () => {\n      const dayButton = ownerDocument.getElementById(\n        `${gridId}-day-${toDateKey(focusDate)}`,\n      );\n\n      dayButton?.focus({ preventScroll: true });\n    };\n\n    // Popout mounts its portal after its first effect.\n    // requestAnimationFrame also covers an initially open calendar.\n    if (typeof ownerWindow.requestAnimationFrame === \"function\") {\n      const frame = ownerWindow.requestAnimationFrame(focusActiveDate);\n\n      return () => {\n        ownerWindow.cancelAnimationFrame(frame);\n      };\n    }\n\n    focusActiveDate();\n  }, [isOpen, activeDate, gridId, isDateDisabled, findNearestAvailableDate]);\n\n  const resolvedLabelledBy =\n    ariaLabelledBy ?? (label != null ? labelId : undefined);\n\n  const resolvedDescribedBy =\n    [\n      ariaDescribedBy,\n      description != null ? descriptionId : undefined,\n      hasError ? errorId : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const triggerElement = (\n    <button\n      {...buttonProps}\n      ref={triggerRef}\n      id={triggerId}\n      type=\"button\"\n      disabled={disabled}\n      dir={dir}\n      style={style}\n      className={cn(\"puzzle-date-picker__trigger\", className)}\n      onClick={handleTriggerClick}\n      onKeyDown={handleTriggerKeyDown}\n      aria-label={ariaLabel}\n      aria-labelledby={resolvedLabelledBy}\n      aria-describedby={resolvedDescribedBy}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      aria-controls={isOpen ? calendarId : undefined}\n      aria-required={required || undefined}\n      aria-invalid={resolvedAriaInvalid}\n    >\n      <span\n        className={cn(\n          \"puzzle-date-picker__value\",\n          !selectedDate && \"puzzle-date-picker__placeholder\",\n        )}\n      >\n        {displayedValue}\n      </span>\n\n      <span className=\"puzzle-date-picker__calendar-icon\" aria-hidden=\"true\" />\n    </button>\n  ) as ReactElement<PopoutTriggerProps>;\n\n  const calendarHasEnabledDate = calendarDays.some(\n    ({ date }) => !isDateDisabled(date),\n  );\n\n  return (\n    <div\n      className={cn(\"puzzle-date-picker\", rootClassName)}\n      data-open={isOpen ? \"true\" : \"false\"}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-invalid={isInvalid ? \"true\" : undefined}\n      data-size-mobile={responsiveSize.mobile}\n      data-size-tablet={responsiveSize.tablet}\n      data-size-desktop={responsiveSize.desktop}\n      data-full-width-mobile={String(responsiveFullWidth.mobile)}\n      data-full-width-tablet={String(responsiveFullWidth.tablet)}\n      data-full-width-desktop={String(responsiveFullWidth.desktop)}\n      lang={resolvedLocale}\n      dir={dir}\n    >\n      {label != null && (\n        <label\n          id={labelId}\n          htmlFor={triggerId}\n          className=\"puzzle-date-picker__label\"\n        >\n          {label}\n\n          {required && (\n            <span className=\"puzzle-date-picker__required\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className=\"puzzle-date-picker__control\">\n        <Popout\n          trigger={triggerElement}\n          open={isOpen}\n          onOpenChange={changeOpenState}\n          action=\"click\"\n          position={position}\n          align={align}\n          offset={offset}\n          collisionPadding={collisionPadding}\n          contentClassName={cn(\"puzzle-date-picker__popover\", popoverClassName)}\n        >\n          <div\n            id={calendarId}\n            className=\"puzzle-date-picker__calendar\"\n            role=\"dialog\"\n            aria-label={calendarLabel}\n            lang={resolvedLocale}\n            dir={dir}\n            onKeyDown={(event) => {\n              if (event.key === \"Tab\") {\n                changeOpenState(false);\n                triggerRef.current?.focus({ preventScroll: true });\n              }\n            }}\n          >\n            <div className=\"puzzle-date-picker__header\">\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__navigation\"\n                aria-label={`${previousMonthLabel}: ${monthFormatter.format(\n                  addMonths(viewDate, -1),\n                )}`}\n                disabled={disabled || isPreviousMonthDisabled}\n                onClick={() => changeMonth(-1)}\n              >\n                <span aria-hidden=\"true\">‹</span>\n              </button>\n\n              <div\n                id={`${calendarId}-month`}\n                className=\"puzzle-date-picker__month\"\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n              >\n                {monthLabel}\n              </div>\n\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__navigation\"\n                aria-label={`${nextMonthLabel}: ${monthFormatter.format(\n                  addMonths(viewDate, 1),\n                )}`}\n                disabled={disabled || isNextMonthDisabled}\n                onClick={() => changeMonth(1)}\n              >\n                <span aria-hidden=\"true\">›</span>\n              </button>\n            </div>\n\n            <table\n              ref={calendarGridRef}\n              id={gridId}\n              className=\"puzzle-date-picker__grid\"\n              role=\"grid\"\n              aria-labelledby={`${calendarId}-month`}\n              tabIndex={calendarHasEnabledDate ? -1 : 0}\n            >\n              <thead>\n                <tr role=\"row\">\n                  {weekdayLabels.map((weekday, index) => (\n                    <th\n                      key={index}\n                      scope=\"col\"\n                      role=\"columnheader\"\n                      aria-label={weekday.long}\n                    >\n                      {weekday.short}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n\n              <tbody>\n                {Array.from({ length: 6 }, (_, weekIndex) => (\n                  <tr key={weekIndex} role=\"row\">\n                    {calendarDays\n                      .slice(weekIndex * 7, weekIndex * 7 + 7)\n                      .map(({ date, key, outsideMonth }) => {\n                        const selected =\n                          selectedDate !== null &&\n                          isSameDay(date, selectedDate);\n\n                        const isToday = isSameDay(date, today);\n                        const isActive = isSameDay(date, activeDate);\n\n                        const dayDisabled = disabled || isDateDisabled(date);\n\n                        return (\n                          <td\n                            key={key}\n                            role=\"gridcell\"\n                            aria-selected={selected || undefined}\n                            className=\"puzzle-date-picker__cell\"\n                            data-outside-month={outsideMonth || undefined}\n                          >\n                            <button\n                              type=\"button\"\n                              id={`${gridId}-day-${key}`}\n                              className=\"puzzle-date-picker__day\"\n                              disabled={dayDisabled}\n                              tabIndex={isActive && !dayDisabled ? 0 : -1}\n                              aria-label={accessibleDateFormatter.format(date)}\n                              aria-current={isToday ? \"date\" : undefined}\n                              data-selected={selected || undefined}\n                              data-today={isToday || undefined}\n                              data-outside-month={outsideMonth || undefined}\n                              data-active={isActive || undefined}\n                              onFocus={() => {\n                                setActiveDate(date);\n\n                                if (!isSameMonth(date, viewDate)) {\n                                  setViewDate(startOfMonth(date));\n                                }\n                              }}\n                              onKeyDown={(event) =>\n                                handleDayKeyDown(event, date)\n                              }\n                              onClick={() => selectDate(date)}\n                            >\n                              {dayNumberFormatter.format(date.getDate())}\n                            </button>\n                          </td>\n                        );\n                      })}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n\n            {!calendarHasEnabledDate && (\n              <div className=\"puzzle-date-picker__empty\" role=\"status\">\n                No available dates\n              </div>\n            )}\n\n            <div className=\"puzzle-date-picker__footer\">\n              <button\n                type=\"button\"\n                className=\"puzzle-date-picker__today\"\n                disabled={disabled || isDateDisabled(today)}\n                onClick={() => selectDate(today)}\n              >\n                Today\n              </button>\n            </div>\n          </div>\n        </Popout>\n\n        {clearable && selectedDate && !required && (\n          <button\n            type=\"button\"\n            className=\"puzzle-date-picker__clear\"\n            disabled={disabled}\n            aria-label={clearLabel}\n            onClick={clearDate}\n          >\n            <span aria-hidden=\"true\">×</span>\n          </button>\n        )}\n      </div>\n\n      {description != null && (\n        <div id={descriptionId} className=\"puzzle-date-picker__description\">\n          {description}\n        </div>\n      )}\n\n      {hasError && (\n        <div id={errorId} className=\"puzzle-date-picker__error\" role=\"alert\">\n          {errorContent}\n        </div>\n      )}\n\n      {(name !== null || required) && (\n        <input\n          ref={nativeInputRef}\n          className=\"puzzle-date-picker__native\"\n          type=\"date\"\n          name={name ?? undefined}\n          form={form}\n          value={selectedKey}\n          min={minDateKey}\n          max={maxDateKey}\n          disabled={disabled}\n          required={required}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          onChange={handleNativeChange}\n          onInvalid={handleNativeInvalid}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { DatePicker, type DatePickerProps, type DatePickerSize };\n"],"mappings":"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"}