jaci-ui 0.1.0 → 0.2.0

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

@@ -2,7 +2,7 @@
 import { cx } from "../../styled-system/css/cx.js";
 import { withRecipeClassName } from "../base-ui.js";
 import { datePicker } from "../../styled-system/recipes/date-picker.js";
-import { addDays, addMonths, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getDateRangeLabel, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate } from "./date-utils.js";
+import { addDays, addMonths, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getDateRangeLabel, getMonthLabels, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate, toInputDateTime, toInputMonth, toTimeInput } from "./date-utils.js";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
@@ -23,7 +23,7 @@ function composeRefs(first, second) {
 		else if (first) first.current = value;
 	};
 }
-function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, disabled = false, isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, onMonthChange, placeholder = "Select a date", size = "md", value: controlledValue, weekStartsOn = 0, actionsRef: externalActionsRef, ...popoverProps }) {
+function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue = null, disabled = false, granularity = "day", isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, onMonthChange, placeholder = "Select a date", size = "md", value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, actionsRef: externalActionsRef, ...popoverProps }) {
 	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
 	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
 	const [month, setMonthState] = useState(() => startOfMonth(selected ?? /* @__PURE__ */ new Date()));
@@ -37,6 +37,29 @@ function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, d
 	const styles = datePicker({ size });
 	const minMonth = minDate ? startOfMonth(minDate) : void 0;
 	const maxMonth = maxDate ? startOfMonth(maxDate) : void 0;
+	const closeOnSelect = closeOnSelectProp ?? granularity !== "date-time";
+	const yearRange = useMemo(() => {
+		const defaultStart = today.getFullYear() - 100;
+		const defaultEnd = today.getFullYear() + 20;
+		const start = configuredYearRange?.start ?? defaultStart;
+		const end = configuredYearRange?.end ?? defaultEnd;
+		const years = [
+			selected?.getFullYear(),
+			minDate?.getFullYear(),
+			maxDate?.getFullYear()
+		].filter((year) => year !== void 0);
+		return {
+			end: Math.max(start, end, ...years),
+			start: Math.min(start, end, ...years)
+		};
+	}, [
+		configuredYearRange?.end,
+		configuredYearRange?.start,
+		maxDate,
+		minDate,
+		selected,
+		today
+	]);
 	const clampMonth = useCallback((nextMonth) => {
 		const normalized = startOfMonth(nextMonth);
 		if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;
@@ -68,26 +91,102 @@ function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, d
 	const close = useCallback(() => {
 		(externalActionsRef ?? internalActionsRef).current?.close();
 	}, [externalActionsRef]);
-	const onSelect = useCallback((date) => {
-		if (disabled || dateDisabled(date)) return;
-		const nextValue = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+	const setValue = useCallback((nextValue) => {
 		setUncontrolledValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [onValueChange]);
+	const monthDisabled = useCallback((candidate) => {
+		const firstDay = startOfMonth(candidate);
+		const lastDay = createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);
+		return Boolean(minDate && isBeforeDay(lastDay, minDate) || maxDate && isAfterDay(firstDay, maxDate));
+	}, [maxDate, minDate]);
+	const onSelect = useCallback((date) => {
+		if (disabled || (granularity === "month" ? monthDisabled(date) : dateDisabled(date))) return;
+		const nextValue = createCalendarDate(date.getFullYear(), date.getMonth(), granularity === "month" ? 1 : date.getDate());
+		if (granularity === "date-time") {
+			nextValue.setHours(selected?.getHours() ?? 12, selected?.getMinutes() ?? 0, 0, 0);
+			if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) nextValue.setHours(minDate.getHours(), minDate.getMinutes(), 0, 0);
+			if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) nextValue.setHours(maxDate.getHours(), maxDate.getMinutes(), 0, 0);
+		}
+		setValue(nextValue);
 		setFocusedDate(nextValue);
 		setMonth(startOfMonth(nextValue));
-		onValueChange?.(nextValue);
 		if (closeOnSelect) close();
 	}, [
 		close,
 		closeOnSelect,
 		dateDisabled,
 		disabled,
-		onValueChange,
-		setMonth
+		granularity,
+		maxDate,
+		monthDisabled,
+		minDate,
+		selected,
+		setMonth,
+		setValue
 	]);
 	const onClear = useCallback(() => {
-		setUncontrolledValue(null);
-		onValueChange?.(null);
-	}, [onValueChange]);
+		setValue(null);
+	}, [setValue]);
+	const selectMonth = useCallback((monthIndex) => {
+		const nextMonth = clampMonth(createCalendarDate(month.getFullYear(), monthIndex, 1));
+		if (monthDisabled(nextMonth)) return;
+		setMonth(nextMonth);
+		if (granularity === "month") {
+			const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);
+			setFocusedDate(nextValue);
+			setValue(nextValue);
+			if (closeOnSelect) close();
+		}
+	}, [
+		clampMonth,
+		close,
+		closeOnSelect,
+		granularity,
+		month,
+		monthDisabled,
+		setMonth,
+		setValue
+	]);
+	const selectYear = useCallback((year) => {
+		const nextMonth = clampMonth(createCalendarDate(year, month.getMonth(), 1));
+		if (monthDisabled(nextMonth)) return;
+		setMonth(nextMonth);
+		if (granularity === "month") {
+			const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);
+			setFocusedDate(nextValue);
+			setValue(nextValue);
+			if (closeOnSelect) close();
+		}
+	}, [
+		clampMonth,
+		close,
+		closeOnSelect,
+		granularity,
+		month,
+		monthDisabled,
+		setMonth,
+		setValue
+	]);
+	const onTimeChange = useCallback((value) => {
+		const match = value.match(/^(\d{2}):(\d{2})$/);
+		if (!match) return;
+		const hours = Number(match[1]);
+		const minutes = Number(match[2]);
+		if (hours > 23 || minutes > 59) return;
+		const baseDate = selected ?? focusedDate;
+		const nextValue = createCalendarDate(baseDate.getFullYear(), baseDate.getMonth(), baseDate.getDate());
+		nextValue.setHours(hours, minutes, 0, 0);
+		if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) return;
+		if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) return;
+		setValue(nextValue);
+	}, [
+		focusedDate,
+		maxDate,
+		minDate,
+		selected,
+		setValue
+	]);
 	const focusDate = useCallback((date, direction = 1) => {
 		let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
 		const step = direction < 0 ? -1 : 1;
@@ -102,39 +201,51 @@ function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, d
 		focusTarget();
 		queueMicrotask(focusTarget);
 	}, [dateDisabled, setMonth]);
+	const canNavigate = useCallback((amount) => {
+		const nextMonth = addMonths(month, amount);
+		return !(minMonth && isBeforeDay(nextMonth, minMonth) || maxMonth && isAfterDay(nextMonth, maxMonth));
+	}, [
+		maxMonth,
+		minMonth,
+		month
+	]);
+	const registerDay = useCallback((key, node) => {
+		if (node) dayRefs.current.set(key, node);
+		else dayRefs.current.delete(key);
+	}, []);
+	const timeMin = selected && minDate && isSameDay(selected, minDate) ? toTimeInput(minDate) : void 0;
+	const timeMax = selected && maxDate && isSameDay(selected, maxDate) ? toTimeInput(maxDate) : void 0;
 	const context = {
-		canNavigate: useCallback((amount) => {
-			const nextMonth = addMonths(month, amount);
-			return !(minMonth && isBeforeDay(nextMonth, minMonth) || maxMonth && isAfterDay(nextMonth, maxMonth));
-		}, [
-			maxMonth,
-			minMonth,
-			month
-		]),
+		canNavigate,
 		close,
 		dateDisabled,
+		granularity,
 		disabled,
 		focusDate,
 		focusedDate,
-		formatDate: (date) => formatDateLabel(date, locale, String(placeholder)),
+		formatDate: (date) => formatDateLabel(date, locale, String(placeholder), granularity),
 		labelId,
 		locale,
 		month,
+		monthDisabled,
 		onClear,
+		onTimeChange,
 		onSelect,
+		selectMonth,
+		selectYear,
 		placeholder,
-		registerDay: useCallback((key, node) => {
-			if (node) dayRefs.current.set(key, node);
-			else dayRefs.current.delete(key);
-		}, []),
+		registerDay,
 		selected,
 		setFocusedDate,
 		setMonth,
 		size,
 		styles,
 		today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),
+		timeMax,
+		timeMin,
 		triggerId,
-		weekStartsOn
+		weekStartsOn,
+		yearRange
 	};
 	return /* @__PURE__ */ jsxs(DatePickerContext.Provider, {
 		value: context,
@@ -146,7 +257,7 @@ function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, d
 			disabled,
 			name,
 			type: "hidden",
-			value: toInputDate(selected)
+			value: granularity === "month" ? toInputMonth(selected) : granularity === "date-time" ? toInputDateTime(selected) : toInputDate(selected)
 		}) : null]
 	});
 }
@@ -245,7 +356,7 @@ const DatePickerClose = forwardRef(function DatePickerClose({ className, ...prop
 	return /* @__PURE__ */ jsx(Popover.Close, {
 		...props,
 		ref,
-		className: withRecipeClassName(styles.clear, className),
+		className: withRecipeClassName(styles.close, className),
 		"data-slot": "date-picker-close"
 	});
 });
@@ -268,6 +379,59 @@ const DatePickerCaption = forwardRef(function DatePickerCaption({ children, clas
 		children: children ?? formatMonthLabel(month, locale)
 	});
 });
+const DatePickerMonthSelect = forwardRef(function DatePickerMonthSelect({ className, ...props }, ref) {
+	const { locale, month, monthDisabled, selectMonth, styles } = useDatePickerContext();
+	const labels = getMonthLabels(locale);
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select month",
+		className: cx(styles.monthSelect, className),
+		"data-slot": "date-picker-month-select",
+		onChange: (event) => selectMonth(Number(event.currentTarget.value)),
+		ref,
+		value: month.getMonth(),
+		children: labels.map((label, monthIndex) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(month.getFullYear(), monthIndex, 1)),
+			value: monthIndex,
+			children: label
+		}, label))
+	});
+});
+const DatePickerYearSelect = forwardRef(function DatePickerYearSelect({ className, ...props }, ref) {
+	const { month, monthDisabled, selectYear, styles, yearRange } = useDatePickerContext();
+	const years = Array.from({ length: yearRange.end - yearRange.start + 1 }, (_, index) => yearRange.start + index);
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select year",
+		className: cx(styles.yearSelect, className),
+		"data-slot": "date-picker-year-select",
+		onChange: (event) => selectYear(Number(event.currentTarget.value)),
+		ref,
+		value: month.getFullYear(),
+		children: years.map((year) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(year, month.getMonth(), 1)),
+			value: year,
+			children: year
+		}, year))
+	});
+});
+const DatePickerTimeField = forwardRef(function DatePickerTimeField({ className, ...props }, ref) {
+	const { disabled, granularity, onTimeChange, selected, styles, timeMax, timeMin } = useDatePickerContext();
+	if (granularity !== "date-time") return null;
+	return /* @__PURE__ */ jsx("input", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select time",
+		className: cx(styles.timeField, className),
+		"data-slot": "date-picker-time-field",
+		disabled: disabled || !selected,
+		max: timeMax,
+		min: timeMin,
+		onChange: (event) => onTimeChange(event.currentTarget.value),
+		ref,
+		type: "time",
+		value: toTimeInput(selected)
+	});
+});
 const DatePickerNavigationButton = forwardRef(function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {
 	const { canNavigate, month, setMonth, styles } = useDatePickerContext();
 	const direction = amount ?? 1;
@@ -380,17 +544,44 @@ const DatePickerDay = forwardRef(function DatePickerDay({ children, className, d
 		children: children ?? date.getDate()
 	});
 });
+const DatePickerMonthButton = forwardRef(function DatePickerMonthButton({ date }, ref) {
+	const { disabled, granularity, locale, monthDisabled, onSelect, selected, styles } = useDatePickerContext();
+	const isDisabled = disabled || monthDisabled(date);
+	const isSelected = granularity === "month" && Boolean(selected && isSameMonth(selected, date));
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": new Intl.DateTimeFormat(locale, { month: "long" }).format(date),
+		"aria-selected": isSelected,
+		className: styles.month,
+		"data-disabled": isDisabled || void 0,
+		"data-selected": isSelected || void 0,
+		"data-slot": "date-picker-month",
+		disabled: isDisabled,
+		onClick: () => onSelect(date),
+		ref,
+		role: "gridcell",
+		type: "button",
+		children: new Intl.DateTimeFormat(locale, { month: "short" }).format(date)
+	});
+});
 const DatePickerCalendar = forwardRef(function DatePickerCalendar({ "aria-label": ariaLabel, className, ...props }, ref) {
-	const { locale, month, styles, weekStartsOn } = useDatePickerContext();
+	const { granularity, locale, month, styles, weekStartsOn } = useDatePickerContext();
 	const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);
 	const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
-	return /* @__PURE__ */ jsxs("section", {
+	const monthDates = useMemo(() => Array.from({ length: 12 }, (_, index) => createCalendarDate(month.getFullYear(), index, 1)), [month]);
+	return /* @__PURE__ */ jsx("section", {
 		...props,
 		ref,
 		"aria-label": ariaLabel ?? formatMonthLabel(month, locale),
 		className: cx(styles.calendar, className),
+		"data-granularity": granularity,
 		"data-slot": "date-picker-calendar",
-		children: [/* @__PURE__ */ jsx("div", {
+		children: granularity === "month" ? /* @__PURE__ */ jsx("div", {
+			"aria-label": String(month.getFullYear()),
+			className: styles.monthGrid,
+			"data-slot": "date-picker-month-grid",
+			role: "grid",
+			children: monthDates.map((date) => /* @__PURE__ */ jsx(DatePickerMonthButton, { date }, dateKey(date)))
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 			"aria-hidden": "true",
 			className: styles.weekdays,
 			"data-slot": "date-picker-weekdays",
@@ -405,7 +596,7 @@ const DatePickerCalendar = forwardRef(function DatePickerCalendar({ "aria-label"
 			"data-slot": "date-picker-grid",
 			role: "grid",
 			children: days.map((date) => /* @__PURE__ */ jsx(DatePickerDay, { date }, dateKey(date)))
-		})]
+		})] })
 	});
 });
 const DatePicker = {
@@ -421,12 +612,15 @@ const DatePicker = {
 	Close: DatePickerClose,
 	Header: DatePickerHeader,
 	Caption: DatePickerCaption,
+	MonthSelect: DatePickerMonthSelect,
+	YearSelect: DatePickerYearSelect,
+	TimeField: DatePickerTimeField,
 	Previous: DatePickerPrevious,
 	Next: DatePickerNext,
 	Day: DatePickerDay,
 	Calendar: DatePickerCalendar
 };
 //#endregion
-export { DatePicker, DatePickerCalendar, DatePickerCaption, DatePickerClear, DatePickerClose, DatePickerControl, DatePickerDay, DatePickerHeader, DatePickerLabel, DatePickerNext, DatePickerPopup, DatePickerPortal, DatePickerPositioner, DatePickerPrevious, DatePickerRoot, DatePickerTrigger, DatePickerValue };
+export { DatePicker, DatePickerCalendar, DatePickerCaption, DatePickerClear, DatePickerClose, DatePickerControl, DatePickerDay, DatePickerHeader, DatePickerLabel, DatePickerMonthSelect, DatePickerNext, DatePickerPopup, DatePickerPortal, DatePickerPositioner, DatePickerPrevious, DatePickerRoot, DatePickerTimeField, DatePickerTrigger, DatePickerValue, DatePickerYearSelect };
 
 //# sourceMappingURL=date-picker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { datePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getDateRangeLabel,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n} from \"./date-utils\";\n\nexport type DatePickerSize = \"sm\" | \"md\" | \"lg\";\n\ninterface DatePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  formatDate: (date: Date | null) => string;\n  labelId: string;\n  locale: string;\n  month: Date;\n  onClear: () => void;\n  onSelect: (date: Date) => void;\n  placeholder: ReactNode;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n  selected: Date | null;\n  setFocusedDate: (date: Date) => void;\n  setMonth: (date: Date) => void;\n  size: DatePickerSize;\n  styles: ReturnType<typeof datePicker>;\n  today: Date;\n  triggerId: string;\n  weekStartsOn: number;\n}\n\nconst DatePickerContext = createContext<DatePickerContextValue | null>(null);\n\nfunction useDatePickerContext() {\n  const context = useContext(DatePickerContext);\n  if (!context) {\n    throw new Error(\"DatePicker parts must be rendered inside DatePicker.Root.\");\n  }\n\n  return context;\n}\n\nfunction isSameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction composeRefs<T>(first: Ref<T> | undefined, second: (value: T | null) => void) {\n  return (value: T | null) => {\n    second(value);\n    if (typeof first === \"function\") {\n      first(value);\n    } else if (first) {\n      first.current = value;\n    }\n  };\n}\n\nexport interface DatePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  /** Selected value. Use together with `onValueChange` for a controlled picker. */\n  value?: Date | null;\n  /** Initial selected value for an uncontrolled picker. */\n  defaultValue?: Date | null;\n  /** Called after a valid day is selected, or when the value is cleared. */\n  onValueChange?: (value: Date | null) => void;\n  /** Prevents dates before this local calendar day from being selected. */\n  minDate?: Date;\n  /** Prevents dates after this local calendar day from being selected. */\n  maxDate?: Date;\n  /** Adds application-specific disabled dates, such as holidays or weekends. */\n  isDateDisabled?: (date: Date) => boolean;\n  /** Locale used for month, weekday and value formatting. */\n  locale?: string;\n  /** Called after the visible calendar month changes. */\n  onMonthChange?: (month: Date) => void;\n  /** First weekday in the calendar, where 0 is Sunday and 1 is Monday. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Text shown when no date has been selected. */\n  placeholder?: ReactNode;\n  /** Shared visual size for the trigger and calendar days. */\n  size?: DatePickerSize;\n  /** Adds a native hidden input using the `YYYY-MM-DD` representation. */\n  name?: string;\n  /** Prevents interaction and disables the hidden form input. */\n  disabled?: boolean;\n  /** Closes the popup after a day is chosen. Defaults to true. */\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport function DatePickerRoot({\n  children,\n  closeOnSelect = true,\n  defaultValue = null,\n  disabled = false,\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  onMonthChange,\n  placeholder = \"Select a date\",\n  size = \"md\",\n  value: controlledValue,\n  weekStartsOn = 0,\n  actionsRef: externalActionsRef,\n  ...popoverProps\n}: DatePickerRootProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() => startOfMonth(selected ?? new Date()));\n  const [focusedDate, setFocusedDate] = useState(selected ?? month);\n  const previousMonthRef = useRef(month);\n  const internalActionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const labelId = useId();\n  const triggerId = useId();\n  const today = useMemo(() => new Date(), []);\n  const styles = datePicker({ size });\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n\n  const clampMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = startOfMonth(nextMonth);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n\n  const setMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = clampMonth(nextMonth);\n      setMonthState((current) => {\n        if (isSameMonth(current, normalized)) return current;\n        return normalized;\n      });\n    },\n    [clampMonth],\n  );\n\n  useEffect(() => {\n    if (isSameMonth(previousMonthRef.current, month)) return;\n    previousMonthRef.current = month;\n    onMonthChange?.(month);\n  }, [month, onMonthChange]);\n\n  useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    setFocusedDate(selected);\n    setMonthState((current) => (isSameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n\n  const close = useCallback(() => {\n    (externalActionsRef ?? internalActionsRef).current?.close();\n  }, [externalActionsRef]);\n\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) {\n        return;\n      }\n\n      const nextValue = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      setUncontrolledValue(nextValue);\n      setFocusedDate(nextValue);\n      setMonth(startOfMonth(nextValue));\n      onValueChange?.(nextValue);\n      if (closeOnSelect) {\n        close();\n      }\n    },\n    [close, closeOnSelect, dateDisabled, disabled, onValueChange, setMonth],\n  );\n\n  const onClear = useCallback(() => {\n    setUncontrolledValue(null);\n    onValueChange?.(null);\n  }, [onValueChange]);\n\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(nextDate) && attempts < 366) {\n        nextDate = addDays(nextDate, step);\n        attempts += 1;\n      }\n\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n\n      const focusTarget = () => dayRefs.current.get(dateKey(nextDate))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(month, amount);\n      return !(\n        (minMonth && isBeforeDay(nextMonth, minMonth)) ||\n        (maxMonth && isAfterDay(nextMonth, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) {\n      dayRefs.current.set(key, node);\n    } else {\n      dayRefs.current.delete(key);\n    }\n  }, []);\n\n  const context: DatePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    disabled,\n    focusDate,\n    focusedDate,\n    formatDate: (date) => formatDateLabel(date, locale, String(placeholder)),\n    labelId,\n    locale,\n    month,\n    onClear,\n    onSelect,\n    placeholder,\n    registerDay,\n    selected,\n    setFocusedDate,\n    setMonth,\n    size,\n    styles,\n    today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),\n    triggerId,\n    weekStartsOn,\n  };\n\n  return (\n    <DatePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={externalActionsRef ?? internalActionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <input disabled={disabled} name={name} type=\"hidden\" value={toInputDate(selected)} />\n      ) : null}\n    </DatePickerContext.Provider>\n  );\n}\n\nexport type DatePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const DatePickerLabel = forwardRef<HTMLLabelElement, DatePickerLabelProps>(\n  function DatePickerLabel({ children, className, ...props }, ref) {\n    const { labelId, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(styles.label, className)}\n        data-slot=\"date-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        id={props.id ?? labelId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type DatePickerControlProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerControl = forwardRef<HTMLDivElement, DatePickerControlProps>(\n  function DatePickerControl({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.control, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-control\"\n      />\n    );\n  },\n);\n\nexport type DatePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const DatePickerTrigger = forwardRef<HTMLButtonElement, DatePickerTriggerProps>(\n  function DatePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date\"}\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-trigger\"\n      >\n        {children ?? (\n          <>\n            <DatePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DatePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\n\nexport const DatePickerValue = forwardRef<HTMLSpanElement, DatePickerValueProps>(\n  function DatePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { formatDate, selected, styles } = useDatePickerContext();\n    const value = children ?? (selected ? formatDate(selected) : (placeholder ?? \"Select a date\"));\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.value, className)}\n        data-placeholder={selected ? undefined : \"true\"}\n        data-slot=\"date-picker-value\"\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerClearProps = ComponentPropsWithoutRef<\"button\">;\n\nexport const DatePickerClear = forwardRef<HTMLButtonElement, DatePickerClearProps>(\n  function DatePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const { close, disabled: pickerDisabled, onClear, selected, styles } = useDatePickerContext();\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClear();\n      onClick?.(event);\n      close();\n    };\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-picker-clear\"\n        disabled={disabled || pickerDisabled || !selected}\n        onClick={handleClick}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DatePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DatePickerPortal: typeof BasePopover.Portal = BasePopover.Portal;\n\nexport type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const DatePickerPositioner = forwardRef<HTMLDivElement, DatePickerPositionerProps>(\n  function DatePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type DatePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const DatePickerPopup = forwardRef<HTMLDivElement, DatePickerPopupProps>(\n  function DatePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Popup\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-picker-popup\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const DatePickerClose = forwardRef<HTMLButtonElement, DatePickerCloseProps>(\n  function DatePickerClose({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Close\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.clear, className)}\n        data-slot=\"date-picker-close\"\n      />\n    );\n  },\n);\n\nexport type DatePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerHeader = forwardRef<HTMLDivElement, DatePickerHeaderProps>(\n  function DatePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.header, className)}\n        data-slot=\"date-picker-header\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCaptionProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const DatePickerCaption = forwardRef<HTMLSpanElement, DatePickerCaptionProps>(\n  function DatePickerCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useDatePickerContext();\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.caption, className)}\n        data-slot=\"date-picker-caption\"\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport interface DatePickerNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst DatePickerNavigationButton = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useDatePickerContext();\n    const direction = amount ?? 1;\n    const isDisabled = props.disabled || !canNavigate(direction);\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (direction < 0 ? \"Previous month\" : \"Next month\")}\n        className={cx(styles.navigation, className)}\n        data-slot={direction < 0 ? \"date-picker-previous\" : \"date-picker-next\"}\n        disabled={isDisabled}\n        onClick={(event) => {\n          if (!isDisabled) setMonth(addMonths(month, direction));\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children ?? (direction < 0 ? \"‹\" : \"›\")}\n      </button>\n    );\n  },\n);\n\nexport const DatePickerPrevious = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerPrevious(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\n\nexport const DatePickerNext = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNext(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport interface DatePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const DatePickerDay = forwardRef<HTMLButtonElement, DatePickerDayProps>(\n  function DatePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      locale,\n      month,\n      onSelect,\n      registerDay,\n      selected,\n      styles,\n      today,\n    } = useDatePickerContext();\n    const key = dateKey(date);\n    const outsideMonth = !isSameMonth(date, month);\n    const isDisabled = disabled || pickerDisabled || dateDisabled(date);\n    const isFocused = isSameDay(date, focusedDate);\n    const isSelected = isSameDay(date, selected);\n    const isToday = isSameDay(date, today);\n    const dayRef = composeRefs(ref, (node) => registerDay(key, node));\n\n    const moveByKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      let nextDate: Date | undefined;\n      switch (event.key) {\n        case \"ArrowLeft\":\n          nextDate = addDays(date, -1);\n          break;\n        case \"ArrowRight\":\n          nextDate = addDays(date, 1);\n          break;\n        case \"ArrowUp\":\n          nextDate = addDays(date, -7);\n          break;\n        case \"ArrowDown\":\n          nextDate = addDays(date, 7);\n          break;\n        case \"Home\":\n          nextDate = addDays(date, -date.getDay());\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - date.getDay());\n          break;\n        case \"PageUp\":\n          nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n          break;\n        case \"PageDown\":\n          nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n          break;\n        case \"Enter\":\n        case \" \":\n          if (!isDisabled) {\n            event.preventDefault();\n            onSelect(date);\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (nextDate) {\n        event.preventDefault();\n        focusDate(nextDate, nextDate < date ? -1 : 1);\n      }\n    };\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: A calendar day is an interactive gridcell, not a generic table cell.\n      <button\n        {...props}\n        ref={dayRef}\n        aria-label={props[\"aria-label\"] ?? getDateRangeLabel(date, locale)}\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isSelected}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          moveByKey(event);\n          onKeyDown?.(event);\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\nexport interface DatePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const DatePickerCalendar = forwardRef<HTMLElement, DatePickerCalendarProps>(\n  function DatePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { locale, month, styles, weekStartsOn } = useDatePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n\n    return (\n      <section\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-slot=\"date-picker-calendar\"\n      >\n        <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-picker-weekdays\">\n          {weekdays.map((weekday) => (\n            <span className={styles.weekday} data-slot=\"date-picker-weekday\" key={weekday}>\n              {weekday}\n            </span>\n          ))}\n        </div>\n        {/* biome-ignore lint/a11y/useSemanticElements: Calendar grids use the WAI-ARIA grid pattern for roving day focus. */}\n        <div\n          aria-label={formatMonthLabel(month, locale)}\n          className={styles.grid}\n          data-slot=\"date-picker-grid\"\n          role=\"grid\"\n        >\n          {days.map((date) => (\n            <DatePickerDay date={date} key={dateKey(date)} />\n          ))}\n        </div>\n      </section>\n    );\n  },\n);\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Trigger: DatePickerTrigger,\n  Value: DatePickerValue,\n  Clear: DatePickerClear,\n  Portal: DatePickerPortal,\n  Positioner: DatePickerPositioner,\n  Popup: DatePickerPopup,\n  Close: DatePickerClose,\n  Header: DatePickerHeader,\n  Caption: DatePickerCaption,\n  Previous: DatePickerPrevious,\n  Next: DatePickerNext,\n  Day: DatePickerDay,\n  Calendar: DatePickerCalendar,\n};\n"],"mappings":";;;;;;;;;AAgEA,MAAM,oBAAoB,cAA6C,IAAI;AAE3E,SAAS,uBAAuB;CAC9B,MAAM,UAAU,WAAW,iBAAiB;CAC5C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,2DAA2D;CAG7E,OAAO;AACT;AAEA,SAAS,YAAY,MAAY,OAAa;CAC5C,OAAO,KAAK,YAAY,MAAM,MAAM,YAAY,KAAK,KAAK,SAAS,MAAM,MAAM,SAAS;AAC1F;AAEA,SAAS,YAAe,OAA2B,QAAmC;CACpF,QAAQ,UAAoB;EAC1B,OAAO,KAAK;EACZ,IAAI,OAAO,UAAU,YACnB,MAAM,KAAK;OACN,IAAI,OACT,MAAM,UAAU;CAEpB;AACF;AAkCA,SAAgB,eAAe,EAC7B,UACA,gBAAgB,MAChB,eAAe,MACf,WAAW,OACX,gBACA,SAAS,SACT,SACA,SACA,MACA,eACA,eACA,cAAc,iBACd,OAAO,MACP,OAAO,iBACP,eAAe,GACf,YAAY,oBACZ,GAAG,gBACmB;CACtB,MAAM,CAAC,mBAAmB,wBAAwB,SAAsB,YAAY;CACpF,MAAM,WAAW,oBAAoB,KAAA,IAAY,oBAAoB;CACrE,MAAM,CAAC,OAAO,iBAAiB,eAAe,aAAa,4BAAY,IAAI,KAAK,CAAC,CAAC;CAClF,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY,KAAK;CAChE,MAAM,mBAAmB,OAAO,KAAK;CACrC,MAAM,qBAAqB,OAAuC,IAAI;CACtE,MAAM,UAAU,uBAAO,IAAI,IAA+B,CAAC;CAC3D,MAAM,UAAU,MAAM;CACtB,MAAM,YAAY,MAAM;CACxB,MAAM,QAAQ,8BAAc,IAAI,KAAK,GAAG,CAAC,CAAC;CAC1C,MAAM,SAAS,WAAW,EAAE,KAAK,CAAC;CAClC,MAAM,WAAW,UAAU,aAAa,OAAO,IAAI,KAAA;CACnD,MAAM,WAAW,UAAU,aAAa,OAAO,IAAI,KAAA;CAEnD,MAAM,aAAa,aAChB,cAAoB;EACnB,MAAM,aAAa,aAAa,SAAS;EACzC,IAAI,YAAY,YAAY,YAAY,QAAQ,GAAG,OAAO;EAC1D,IAAI,YAAY,WAAW,YAAY,QAAQ,GAAG,OAAO;EACzD,OAAO;CACT,GACA,CAAC,UAAU,QAAQ,CACrB;CAEA,MAAM,WAAW,aACd,cAAoB;EACnB,MAAM,aAAa,WAAW,SAAS;EACvC,eAAe,YAAY;GACzB,IAAI,YAAY,SAAS,UAAU,GAAG,OAAO;GAC7C,OAAO;EACT,CAAC;CACH,GACA,CAAC,UAAU,CACb;CAEA,gBAAgB;EACd,IAAI,YAAY,iBAAiB,SAAS,KAAK,GAAG;EAClD,iBAAiB,UAAU;EAC3B,gBAAgB,KAAK;CACvB,GAAG,CAAC,OAAO,aAAa,CAAC;CAEzB,gBAAgB;EACd,IAAI,CAAC,UACH;EAGF,eAAe,QAAQ;EACvB,eAAe,YAAa,YAAY,SAAS,QAAQ,IAAI,UAAU,WAAW,QAAQ,CAAE;CAC9F,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,eAAe,aAClB,SACC,QACG,WAAW,YAAY,MAAM,OAAO,KAClC,WAAW,WAAW,MAAM,OAAO,KACpC,iBAAiB,IAAI,CACzB,GACF;EAAC;EAAgB;EAAS;CAAO,CACnC;CAEA,MAAM,QAAQ,kBAAkB;EAC9B,CAAC,sBAAsB,mBAAA,CAAoB,SAAS,MAAM;CAC5D,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,WAAW,aACd,SAAe;EACd,IAAI,YAAY,aAAa,IAAI,GAC/B;EAGF,MAAM,YAAY,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;EACxF,qBAAqB,SAAS;EAC9B,eAAe,SAAS;EACxB,SAAS,aAAa,SAAS,CAAC;EAChC,gBAAgB,SAAS;EACzB,IAAI,eACF,MAAM;CAEV,GACA;EAAC;EAAO;EAAe;EAAc;EAAU;EAAe;CAAQ,CACxE;CAEA,MAAM,UAAU,kBAAkB;EAChC,qBAAqB,IAAI;EACzB,gBAAgB,IAAI;CACtB,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,YAAY,aACf,MAAY,YAAY,MAAM;EAC7B,IAAI,WAAW,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;EACrF,MAAM,OAAO,YAAY,IAAI,KAAK;EAClC,IAAI,WAAW;EACf,OAAO,aAAa,QAAQ,KAAK,WAAW,KAAK;GAC/C,WAAW,QAAQ,UAAU,IAAI;GACjC,YAAY;EACd;EAEA,eAAe,QAAQ;EACvB,SAAS,QAAQ;EAEjB,MAAM,oBAAoB,QAAQ,QAAQ,IAAI,QAAQ,QAAQ,CAAC,CAAC,EAAE,MAAM;EACxE,YAAY;EACZ,eAAe,WAAW;CAC5B,GACA,CAAC,cAAc,QAAQ,CACzB;CAqBA,MAAM,UAAkC;EACtC,aApBkB,aACjB,WAAmB;GAClB,MAAM,YAAY,UAAU,OAAO,MAAM;GACzC,OAAO,EACJ,YAAY,YAAY,WAAW,QAAQ,KAC3C,YAAY,WAAW,WAAW,QAAQ;EAE/C,GACA;GAAC;GAAU;GAAU;EAAK,CAYhB;EACV;EACA;EACA;EACA;EACA;EACA,aAAa,SAAS,gBAAgB,MAAM,QAAQ,OAAO,WAAW,CAAC;EACvE;EACA;EACA;EACA;EACA;EACA;EACA,aAtBkB,aAAa,KAAa,SAAmC;GAC/E,IAAI,MACF,QAAQ,QAAQ,IAAI,KAAK,IAAI;QAE7B,QAAQ,QAAQ,OAAO,GAAG;EAE9B,GAAG,CAAC,CAgBQ;EACV;EACA;EACA;EACA;EACA;EACA,OAAO,mBAAmB,MAAM,YAAY,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC;EAChF;EACA;CACF;CAEA,OACE,qBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YAAnC,CACE,oBAACA,QAAY,MAAb;GAAkB,GAAI;GAAc,YAAY,sBAAsB;GACnE;EACe,CAAA,GACjB,OACC,oBAAC,SAAD;GAAiB;GAAgB;GAAM,MAAK;GAAS,OAAO,YAAY,QAAQ;EAAI,CAAA,IAClF,IACsB;;AAEhC;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC/D,MAAM,EAAE,SAAS,QAAQ,cAAc,qBAAqB;CAE5D,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,SAAS,MAAM,WAAW;EAC1B,IAAI,MAAM,MAAM;EAEf;CACI,CAAA;AAEX,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,SAAS,SAAS;EACvC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,UAAU,WAAW,UAAU,IAAI,GAAG,SAAS,KAAK;CAC/E,MAAM,EAAE,UAAU,gBAAgB,QAAQ,cAAc,qBAAqB;CAE7E,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,UAAU,YAAY;EACtB,IAAI,MAAM;EACL;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,uBAAoB;EACpB,aAAU;YAET,YACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,oBAAC,QAAD;GAAM,eAAY;aAAO;EAAO,CAAA,CAChC,EAAA,CAAA;CAEe,CAAA;AAEzB,CACF;AAMA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,UAAU,WAAW,aAAa,GAAG,SAAS,KAAK;CAC5E,MAAM,EAAE,YAAY,UAAU,WAAW,qBAAqB;CAC9D,MAAM,QAAQ,aAAa,WAAW,WAAW,QAAQ,IAAK,eAAe;CAE7E,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,oBAAkB,WAAW,KAAA,IAAY;EACzC,aAAU;YAET;CACG,CAAA;AAEV,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,KAAK,WAAW,UAAU,SAAS,GAAG,SAAS,KAAK;CACxF,MAAM,EAAE,OAAO,UAAU,gBAAgB,SAAS,UAAU,WAAW,qBAAqB;CAC5F,MAAM,eAAe,UAAyC;EAC5D,QAAQ;EACR,UAAU,KAAK;EACf,MAAM;CACR;CAEA,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,UAAU,YAAY,kBAAkB,CAAC;EACzC,SAAS;EACJ;EACL,MAAK;EAEJ;CACK,CAAA;AAEZ,CACF;AAGA,MAAa,mBAA8CA,QAAY;AAIvE,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,cAAY,MAAM,iBAAiB;EACnC,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACjE,MAAM,EAAE,QAAQ,OAAO,WAAW,qBAAqB;CAEvD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,SAAS,SAAS;EACvC,aAAU;YAET,YAAY,iBAAiB,OAAO,MAAM;CACvC,CAAA;AAEV,CACF;AAMA,MAAM,6BAA6B,WACjC,SAAS,2BAA2B,EAAE,QAAQ,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC3F,MAAM,EAAE,aAAa,OAAO,UAAU,WAAW,qBAAqB;CACtE,MAAM,YAAY,UAAU;CAC5B,MAAM,aAAa,MAAM,YAAY,CAAC,YAAY,SAAS;CAE3D,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,kBAAkB,YAAY,IAAI,mBAAmB;EACvE,WAAW,GAAG,OAAO,YAAY,SAAS;EAC1C,aAAW,YAAY,IAAI,yBAAyB;EACpD,UAAU;EACV,UAAU,UAAU;GAClB,IAAI,CAAC,YAAY,SAAS,UAAU,OAAO,SAAS,CAAC;GACrD,UAAU,KAAK;EACjB;EACK;EACL,MAAK;YAEJ,aAAa,YAAY,IAAI,MAAM;CAC9B,CAAA;AAEZ,CACF;AAEA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,OAAO,KAAK;CACtC,OAAO,oBAAC,4BAAD;EAA4B,GAAI;EAAO,QAAQ;EAAS;CAAM,CAAA;AACvE,CACF;AAEA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,OAAO,KAAK;CAClC,OAAO,oBAAC,4BAAD;EAA4B,GAAI;EAAO,QAAQ;EAAQ;CAAM,CAAA;AACtE,CACF;AAMA,MAAa,gBAAgB,WAC3B,SAAS,cACP,EAAE,UAAU,WAAW,MAAM,UAAU,SAAS,WAAW,GAAG,SAC9D,KACA;CACA,MAAM,EACJ,cACA,UAAU,gBACV,WACA,aACA,QACA,OACA,UACA,aACA,UACA,QACA,UACE,qBAAqB;CACzB,MAAM,MAAM,QAAQ,IAAI;CACxB,MAAM,eAAe,CAAC,YAAY,MAAM,KAAK;CAC7C,MAAM,aAAa,YAAY,kBAAkB,aAAa,IAAI;CAClE,MAAM,YAAY,UAAU,MAAM,WAAW;CAC7C,MAAM,aAAa,UAAU,MAAM,QAAQ;CAC3C,MAAM,UAAU,UAAU,MAAM,KAAK;CACrC,MAAM,SAAS,YAAY,MAAM,SAAS,YAAY,KAAK,IAAI,CAAC;CAEhE,MAAM,aAAa,UAA4C;EAC7D,IAAI,MAAM,kBACR;EAGF,IAAI;EACJ,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,WAAW,QAAQ,MAAM,EAAE;IAC3B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC;IAC1B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,EAAE;IAC3B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC;IAC1B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC,KAAK,OAAO,CAAC;IACvC;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,IAAI,KAAK,OAAO,CAAC;IAC1C;GACF,KAAK;IACH,WAAW,UAAU,MAAM,MAAM,WAAW,MAAM,EAAE;IACpD;GACF,KAAK;IACH,WAAW,UAAU,MAAM,MAAM,WAAW,KAAK,CAAC;IAClD;GACF,KAAK;GACL,KAAK;IACH,IAAI,CAAC,YAAY;KACf,MAAM,eAAe;KACrB,SAAS,IAAI;IACf;IACA;GACF,SACE;EACJ;EAEA,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB,UAAU,UAAU,WAAW,OAAO,KAAK,CAAC;EAC9C;CACF;CAEA,OAEE,oBAAC,UAAD;EACE,GAAI;EACJ,KAAK;EACL,cAAY,MAAM,iBAAiB,kBAAkB,MAAM,MAAM;EACjE,gBAAc,UAAU,SAAS,KAAA;EACjC,iBAAe;EACf,WAAW,GAAG,OAAO,KAAK,SAAS;EACnC,aAAW;EACX,iBAAe,cAAc,KAAA;EAC7B,sBAAoB,gBAAgB,KAAA;EACpC,iBAAe,cAAc,KAAA;EAC7B,aAAU;EACV,cAAY,WAAW,KAAA;EACvB,UAAU;EACV,UAAU,UAAU;GAClB,SAAS,IAAI;GACb,UAAU,KAAK;EACjB;EACA,YAAY,UAAU;GACpB,UAAU,KAAK;GACf,YAAY,KAAK;EACnB;EACA,MAAK;EACL,UAAU,aAAa,CAAC,aAAa,IAAI;EACzC,MAAK;YAEJ,YAAY,KAAK,QAAQ;CACpB,CAAA;AAEZ,CACF;AAOA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,cAAc,WAAW,WAAW,GAAG,SAAS,KAAK;CACjF,MAAM,EAAE,QAAQ,OAAO,QAAQ,iBAAiB,qBAAqB;CACrE,MAAM,OAAO,cAAc,gBAAgB,OAAO,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC;CACtF,MAAM,WAAW,cAAc,iBAAiB,QAAQ,YAAY,GAAG,CAAC,QAAQ,YAAY,CAAC;CAE7F,OACE,qBAAC,WAAD;EACE,GAAI;EACC;EACL,cAAY,aAAa,iBAAiB,OAAO,MAAM;EACvD,WAAW,GAAG,OAAO,UAAU,SAAS;EACxC,aAAU;YALZ,CAOE,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAU,aAAU;aAC3D,SAAS,KAAK,YACb,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAS,aAAU;cACxC;GACG,GAFgE,OAEhE,CACP;EACE,CAAA,GAEL,oBAAC,OAAD;GACE,cAAY,iBAAiB,OAAO,MAAM;GAC1C,WAAW,OAAO;GAClB,aAAU;GACV,MAAK;aAEJ,KAAK,KAAK,SACT,oBAAC,eAAD,EAAqB,KAA2B,GAAhB,QAAQ,IAAI,CAAI,CACjD;EACE,CAAA,CACE;;AAEb,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACT,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SAAS;CACT,UAAU;CACV,MAAM;CACN,KAAK;CACL,UAAU;AACZ"}
+{"version":3,"file":"date-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { datePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getDateRangeLabel,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n  toInputDateTime,\n  toInputMonth,\n  toTimeInput,\n} from \"./date-utils\";\nimport type { DatePickerGranularity } from \"./date-utils\";\n\nexport type DatePickerSize = \"sm\" | \"md\" | \"lg\";\nexport type { DatePickerGranularity } from \"./date-utils\";\n\nexport interface DatePickerYearRange {\n  start: number;\n  end: number;\n}\n\ninterface DatePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  granularity: DatePickerGranularity;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  formatDate: (date: Date | null) => string;\n  labelId: string;\n  locale: string;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onClear: () => void;\n  onTimeChange: (value: string) => void;\n  onSelect: (date: Date) => void;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  placeholder: ReactNode;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n  selected: Date | null;\n  setFocusedDate: (date: Date) => void;\n  setMonth: (date: Date) => void;\n  size: DatePickerSize;\n  styles: ReturnType<typeof datePicker>;\n  today: Date;\n  timeMax: string | undefined;\n  timeMin: string | undefined;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DatePickerYearRange;\n}\n\nconst DatePickerContext = createContext<DatePickerContextValue | null>(null);\n\nfunction useDatePickerContext() {\n  const context = useContext(DatePickerContext);\n  if (!context) {\n    throw new Error(\"DatePicker parts must be rendered inside DatePicker.Root.\");\n  }\n\n  return context;\n}\n\nfunction isSameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction composeRefs<T>(first: Ref<T> | undefined, second: (value: T | null) => void) {\n  return (value: T | null) => {\n    second(value);\n    if (typeof first === \"function\") {\n      first(value);\n    } else if (first) {\n      first.current = value;\n    }\n  };\n}\n\nexport interface DatePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  /** Selected value. Use together with `onValueChange` for a controlled picker. */\n  value?: Date | null;\n  /** Initial selected value for an uncontrolled picker. */\n  defaultValue?: Date | null;\n  /** Called after a valid day, month, or time is selected, or when the value is cleared. */\n  onValueChange?: (value: Date | null) => void;\n  /** Prevents dates before this local calendar day from being selected. */\n  minDate?: Date;\n  /** Prevents dates after this local calendar day from being selected. */\n  maxDate?: Date;\n  /** Adds application-specific disabled dates, such as holidays or weekends. */\n  isDateDisabled?: (date: Date) => boolean;\n  /** Locale used for month, weekday and value formatting. */\n  locale?: string;\n  /** Called after the visible calendar month changes. */\n  onMonthChange?: (month: Date) => void;\n  /** First weekday in the calendar, where 0 is Sunday and 1 is Monday. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Text shown when no date has been selected. */\n  placeholder?: ReactNode;\n  /** Shared visual size for the trigger and calendar days. */\n  size?: DatePickerSize;\n  /** Controls whether the picker selects days, months, or date and time. */\n  granularity?: DatePickerGranularity;\n  /** Inclusive range used by the year selector. */\n  yearRange?: DatePickerYearRange;\n  /** Adds a native hidden input using the representation for the selected granularity. */\n  name?: string;\n  /** Prevents interaction and disables the hidden form input. */\n  disabled?: boolean;\n  /** Closes the popup after a value is chosen. Defaults to false for date-time mode and true otherwise. */\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport function DatePickerRoot({\n  children,\n  closeOnSelect: closeOnSelectProp,\n  defaultValue = null,\n  disabled = false,\n  granularity = \"day\",\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  onMonthChange,\n  placeholder = \"Select a date\",\n  size = \"md\",\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  actionsRef: externalActionsRef,\n  ...popoverProps\n}: DatePickerRootProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() => startOfMonth(selected ?? new Date()));\n  const [focusedDate, setFocusedDate] = useState(selected ?? month);\n  const previousMonthRef = useRef(month);\n  const internalActionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const labelId = useId();\n  const triggerId = useId();\n  const today = useMemo(() => new Date(), []);\n  const styles = datePicker({ size });\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const closeOnSelect = closeOnSelectProp ?? granularity !== \"date-time\";\n  const yearRange = useMemo(() => {\n    const defaultStart = today.getFullYear() - 100;\n    const defaultEnd = today.getFullYear() + 20;\n    const start = configuredYearRange?.start ?? defaultStart;\n    const end = configuredYearRange?.end ?? defaultEnd;\n    const years = [selected?.getFullYear(), minDate?.getFullYear(), maxDate?.getFullYear()].filter(\n      (year): year is number => year !== undefined,\n    );\n    return {\n      end: Math.max(start, end, ...years),\n      start: Math.min(start, end, ...years),\n    };\n  }, [configuredYearRange?.end, configuredYearRange?.start, maxDate, minDate, selected, today]);\n\n  const clampMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = startOfMonth(nextMonth);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n\n  const setMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = clampMonth(nextMonth);\n      setMonthState((current) => {\n        if (isSameMonth(current, normalized)) return current;\n        return normalized;\n      });\n    },\n    [clampMonth],\n  );\n\n  useEffect(() => {\n    if (isSameMonth(previousMonthRef.current, month)) return;\n    previousMonthRef.current = month;\n    onMonthChange?.(month);\n  }, [month, onMonthChange]);\n\n  useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    setFocusedDate(selected);\n    setMonthState((current) => (isSameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n\n  const close = useCallback(() => {\n    (externalActionsRef ?? internalActionsRef).current?.close();\n  }, [externalActionsRef]);\n\n  const setValue = useCallback(\n    (nextValue: Date | null) => {\n      setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [onValueChange],\n  );\n\n  const monthDisabled = useCallback(\n    (candidate: Date) => {\n      const firstDay = startOfMonth(candidate);\n      const lastDay = createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(lastDay, minDate)) || (maxDate && isAfterDay(firstDay, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || (granularity === \"month\" ? monthDisabled(date) : dateDisabled(date))) {\n        return;\n      }\n\n      const nextValue = createCalendarDate(\n        date.getFullYear(),\n        date.getMonth(),\n        granularity === \"month\" ? 1 : date.getDate(),\n      );\n      if (granularity === \"date-time\") {\n        nextValue.setHours(selected?.getHours() ?? 12, selected?.getMinutes() ?? 0, 0, 0);\n        if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) {\n          nextValue.setHours(minDate.getHours(), minDate.getMinutes(), 0, 0);\n        }\n        if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) {\n          nextValue.setHours(maxDate.getHours(), maxDate.getMinutes(), 0, 0);\n        }\n      }\n      setValue(nextValue);\n      setFocusedDate(nextValue);\n      setMonth(startOfMonth(nextValue));\n      if (closeOnSelect) {\n        close();\n      }\n    },\n    [\n      close,\n      closeOnSelect,\n      dateDisabled,\n      disabled,\n      granularity,\n      maxDate,\n      monthDisabled,\n      minDate,\n      selected,\n      setMonth,\n      setValue,\n    ],\n  );\n\n  const onClear = useCallback(() => {\n    setValue(null);\n  }, [setValue]);\n\n  const selectMonth = useCallback(\n    (monthIndex: number) => {\n      const nextMonth = clampMonth(createCalendarDate(month.getFullYear(), monthIndex, 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const selectYear = useCallback(\n    (year: number) => {\n      const nextMonth = clampMonth(createCalendarDate(year, month.getMonth(), 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const onTimeChange = useCallback(\n    (value: string) => {\n      const match = value.match(/^(\\d{2}):(\\d{2})$/);\n      if (!match) return;\n      const hours = Number(match[1]);\n      const minutes = Number(match[2]);\n      if (hours > 23 || minutes > 59) return;\n      const baseDate = selected ?? focusedDate;\n      const nextValue = createCalendarDate(\n        baseDate.getFullYear(),\n        baseDate.getMonth(),\n        baseDate.getDate(),\n      );\n      nextValue.setHours(hours, minutes, 0, 0);\n      if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) return;\n      if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) return;\n      setValue(nextValue);\n    },\n    [focusedDate, maxDate, minDate, selected, setValue],\n  );\n\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(nextDate) && attempts < 366) {\n        nextDate = addDays(nextDate, step);\n        attempts += 1;\n      }\n\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n\n      const focusTarget = () => dayRefs.current.get(dateKey(nextDate))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(month, amount);\n      return !(\n        (minMonth && isBeforeDay(nextMonth, minMonth)) ||\n        (maxMonth && isAfterDay(nextMonth, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) {\n      dayRefs.current.set(key, node);\n    } else {\n      dayRefs.current.delete(key);\n    }\n  }, []);\n\n  const timeMin =\n    selected && minDate && isSameDay(selected, minDate) ? toTimeInput(minDate) : undefined;\n  const timeMax =\n    selected && maxDate && isSameDay(selected, maxDate) ? toTimeInput(maxDate) : undefined;\n\n  const context: DatePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    granularity,\n    disabled,\n    focusDate,\n    focusedDate,\n    formatDate: (date) => formatDateLabel(date, locale, String(placeholder), granularity),\n    labelId,\n    locale,\n    month,\n    monthDisabled,\n    onClear,\n    onTimeChange,\n    onSelect,\n    selectMonth,\n    selectYear,\n    placeholder,\n    registerDay,\n    selected,\n    setFocusedDate,\n    setMonth,\n    size,\n    styles,\n    today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),\n    timeMax,\n    timeMin,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DatePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={externalActionsRef ?? internalActionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <input\n          disabled={disabled}\n          name={name}\n          type=\"hidden\"\n          value={\n            granularity === \"month\"\n              ? toInputMonth(selected)\n              : granularity === \"date-time\"\n                ? toInputDateTime(selected)\n                : toInputDate(selected)\n          }\n        />\n      ) : null}\n    </DatePickerContext.Provider>\n  );\n}\n\nexport type DatePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const DatePickerLabel = forwardRef<HTMLLabelElement, DatePickerLabelProps>(\n  function DatePickerLabel({ children, className, ...props }, ref) {\n    const { labelId, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(styles.label, className)}\n        data-slot=\"date-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        id={props.id ?? labelId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type DatePickerControlProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerControl = forwardRef<HTMLDivElement, DatePickerControlProps>(\n  function DatePickerControl({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.control, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-control\"\n      />\n    );\n  },\n);\n\nexport type DatePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const DatePickerTrigger = forwardRef<HTMLButtonElement, DatePickerTriggerProps>(\n  function DatePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date\"}\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-trigger\"\n      >\n        {children ?? (\n          <>\n            <DatePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DatePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\n\nexport const DatePickerValue = forwardRef<HTMLSpanElement, DatePickerValueProps>(\n  function DatePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { formatDate, selected, styles } = useDatePickerContext();\n    const value = children ?? (selected ? formatDate(selected) : (placeholder ?? \"Select a date\"));\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.value, className)}\n        data-placeholder={selected ? undefined : \"true\"}\n        data-slot=\"date-picker-value\"\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerClearProps = ComponentPropsWithoutRef<\"button\">;\n\nexport const DatePickerClear = forwardRef<HTMLButtonElement, DatePickerClearProps>(\n  function DatePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const { close, disabled: pickerDisabled, onClear, selected, styles } = useDatePickerContext();\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClear();\n      onClick?.(event);\n      close();\n    };\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-picker-clear\"\n        disabled={disabled || pickerDisabled || !selected}\n        onClick={handleClick}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DatePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DatePickerPortal: typeof BasePopover.Portal = BasePopover.Portal;\n\nexport type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const DatePickerPositioner = forwardRef<HTMLDivElement, DatePickerPositionerProps>(\n  function DatePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type DatePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const DatePickerPopup = forwardRef<HTMLDivElement, DatePickerPopupProps>(\n  function DatePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Popup\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-picker-popup\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const DatePickerClose = forwardRef<HTMLButtonElement, DatePickerCloseProps>(\n  function DatePickerClose({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Close\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-picker-close\"\n      />\n    );\n  },\n);\n\nexport type DatePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerHeader = forwardRef<HTMLDivElement, DatePickerHeaderProps>(\n  function DatePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.header, className)}\n        data-slot=\"date-picker-header\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCaptionProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const DatePickerCaption = forwardRef<HTMLSpanElement, DatePickerCaptionProps>(\n  function DatePickerCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useDatePickerContext();\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.caption, className)}\n        data-slot=\"date-picker-caption\"\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerMonthSelect = forwardRef<HTMLSelectElement, DatePickerMonthSelectProps>(\n  function DatePickerMonthSelect({ className, ...props }, ref) {\n    const { locale, month, monthDisabled, selectMonth, styles } = useDatePickerContext();\n    const labels = getMonthLabels(locale);\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select month\"}\n        className={cx(styles.monthSelect, className)}\n        data-slot=\"date-picker-month-select\"\n        onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getMonth()}\n      >\n        {labels.map((label, monthIndex) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(month.getFullYear(), monthIndex, 1))}\n            key={label}\n            value={monthIndex}\n          >\n            {label}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerYearSelect = forwardRef<HTMLSelectElement, DatePickerYearSelectProps>(\n  function DatePickerYearSelect({ className, ...props }, ref) {\n    const { month, monthDisabled, selectYear, styles, yearRange } = useDatePickerContext();\n    const years = Array.from(\n      { length: yearRange.end - yearRange.start + 1 },\n      (_, index) => yearRange.start + index,\n    );\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select year\"}\n        className={cx(styles.yearSelect, className)}\n        data-slot=\"date-picker-year-select\"\n        onChange={(event) => selectYear(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getFullYear()}\n      >\n        {years.map((year) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n            key={year}\n            value={year}\n          >\n            {year}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerTimeFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\n\nexport const DatePickerTimeField = forwardRef<HTMLInputElement, DatePickerTimeFieldProps>(\n  function DatePickerTimeField({ className, ...props }, ref) {\n    const { disabled, granularity, onTimeChange, selected, styles, timeMax, timeMin } =\n      useDatePickerContext();\n    if (granularity !== \"date-time\") return null;\n\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select time\"}\n        className={cx(styles.timeField, className)}\n        data-slot=\"date-picker-time-field\"\n        disabled={disabled || !selected}\n        max={timeMax}\n        min={timeMin}\n        onChange={(event) => onTimeChange(event.currentTarget.value)}\n        ref={ref}\n        type=\"time\"\n        value={toTimeInput(selected)}\n      />\n    );\n  },\n);\n\nexport interface DatePickerNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst DatePickerNavigationButton = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useDatePickerContext();\n    const direction = amount ?? 1;\n    const isDisabled = props.disabled || !canNavigate(direction);\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (direction < 0 ? \"Previous month\" : \"Next month\")}\n        className={cx(styles.navigation, className)}\n        data-slot={direction < 0 ? \"date-picker-previous\" : \"date-picker-next\"}\n        disabled={isDisabled}\n        onClick={(event) => {\n          if (!isDisabled) setMonth(addMonths(month, direction));\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children ?? (direction < 0 ? \"‹\" : \"›\")}\n      </button>\n    );\n  },\n);\n\nexport const DatePickerPrevious = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerPrevious(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\n\nexport const DatePickerNext = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNext(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport interface DatePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const DatePickerDay = forwardRef<HTMLButtonElement, DatePickerDayProps>(\n  function DatePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      locale,\n      month,\n      onSelect,\n      registerDay,\n      selected,\n      styles,\n      today,\n    } = useDatePickerContext();\n    const key = dateKey(date);\n    const outsideMonth = !isSameMonth(date, month);\n    const isDisabled = disabled || pickerDisabled || dateDisabled(date);\n    const isFocused = isSameDay(date, focusedDate);\n    const isSelected = isSameDay(date, selected);\n    const isToday = isSameDay(date, today);\n    const dayRef = composeRefs(ref, (node) => registerDay(key, node));\n\n    const moveByKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      let nextDate: Date | undefined;\n      switch (event.key) {\n        case \"ArrowLeft\":\n          nextDate = addDays(date, -1);\n          break;\n        case \"ArrowRight\":\n          nextDate = addDays(date, 1);\n          break;\n        case \"ArrowUp\":\n          nextDate = addDays(date, -7);\n          break;\n        case \"ArrowDown\":\n          nextDate = addDays(date, 7);\n          break;\n        case \"Home\":\n          nextDate = addDays(date, -date.getDay());\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - date.getDay());\n          break;\n        case \"PageUp\":\n          nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n          break;\n        case \"PageDown\":\n          nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n          break;\n        case \"Enter\":\n        case \" \":\n          if (!isDisabled) {\n            event.preventDefault();\n            onSelect(date);\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (nextDate) {\n        event.preventDefault();\n        focusDate(nextDate, nextDate < date ? -1 : 1);\n      }\n    };\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: A calendar day is an interactive gridcell, not a generic table cell.\n      <button\n        {...props}\n        ref={dayRef}\n        aria-label={props[\"aria-label\"] ?? getDateRangeLabel(date, locale)}\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isSelected}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          moveByKey(event);\n          onKeyDown?.(event);\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\ninterface DatePickerMonthButtonProps {\n  date: Date;\n}\n\nconst DatePickerMonthButton = forwardRef<HTMLButtonElement, DatePickerMonthButtonProps>(\n  function DatePickerMonthButton({ date }, ref) {\n    const { disabled, granularity, locale, monthDisabled, onSelect, selected, styles } =\n      useDatePickerContext();\n    const isDisabled = disabled || monthDisabled(date);\n    const isSelected = granularity === \"month\" && Boolean(selected && isSameMonth(selected, date));\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: Month choices use the calendar gridcell pattern.\n      <button\n        aria-label={new Intl.DateTimeFormat(locale, { month: \"long\" }).format(date)}\n        aria-selected={isSelected}\n        className={styles.month}\n        data-disabled={isDisabled || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-month\"\n        disabled={isDisabled}\n        onClick={() => onSelect(date)}\n        ref={ref}\n        role=\"gridcell\"\n        type=\"button\"\n      >\n        {new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date)}\n      </button>\n    );\n  },\n);\n\nexport interface DatePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const DatePickerCalendar = forwardRef<HTMLElement, DatePickerCalendarProps>(\n  function DatePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { granularity, locale, month, styles, weekStartsOn } = useDatePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    const monthDates = useMemo(\n      () =>\n        Array.from({ length: 12 }, (_, index) => createCalendarDate(month.getFullYear(), index, 1)),\n      [month],\n    );\n\n    return (\n      <section\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-granularity={granularity}\n        data-slot=\"date-picker-calendar\"\n      >\n        {granularity === \"month\" ? (\n          // biome-ignore lint/a11y/useSemanticElements: Month selection uses the calendar grid pattern.\n          <div\n            aria-label={String(month.getFullYear())}\n            className={styles.monthGrid}\n            data-slot=\"date-picker-month-grid\"\n            role=\"grid\"\n          >\n            {monthDates.map((date) => (\n              <DatePickerMonthButton date={date} key={dateKey(date)} />\n            ))}\n          </div>\n        ) : (\n          <>\n            <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-picker-weekdays\">\n              {weekdays.map((weekday) => (\n                <span className={styles.weekday} data-slot=\"date-picker-weekday\" key={weekday}>\n                  {weekday}\n                </span>\n              ))}\n            </div>\n            {/* biome-ignore lint/a11y/useSemanticElements: Calendar grids use the WAI-ARIA grid pattern for roving day focus. */}\n            <div\n              aria-label={formatMonthLabel(month, locale)}\n              className={styles.grid}\n              data-slot=\"date-picker-grid\"\n              role=\"grid\"\n            >\n              {days.map((date) => (\n                <DatePickerDay date={date} key={dateKey(date)} />\n              ))}\n            </div>\n          </>\n        )}\n      </section>\n    );\n  },\n);\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Trigger: DatePickerTrigger,\n  Value: DatePickerValue,\n  Clear: DatePickerClear,\n  Portal: DatePickerPortal,\n  Positioner: DatePickerPositioner,\n  Popup: DatePickerPopup,\n  Close: DatePickerClose,\n  Header: DatePickerHeader,\n  Caption: DatePickerCaption,\n  MonthSelect: DatePickerMonthSelect,\n  YearSelect: DatePickerYearSelect,\n  TimeField: DatePickerTimeField,\n  Previous: DatePickerPrevious,\n  Next: DatePickerNext,\n  Day: DatePickerDay,\n  Calendar: DatePickerCalendar,\n};\n"],"mappings":";;;;;;;;;AAmFA,MAAM,oBAAoB,cAA6C,IAAI;AAE3E,SAAS,uBAAuB;CAC9B,MAAM,UAAU,WAAW,iBAAiB;CAC5C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,2DAA2D;CAG7E,OAAO;AACT;AAEA,SAAS,YAAY,MAAY,OAAa;CAC5C,OAAO,KAAK,YAAY,MAAM,MAAM,YAAY,KAAK,KAAK,SAAS,MAAM,MAAM,SAAS;AAC1F;AAEA,SAAS,YAAe,OAA2B,QAAmC;CACpF,QAAQ,UAAoB;EAC1B,OAAO,KAAK;EACZ,IAAI,OAAO,UAAU,YACnB,MAAM,KAAK;OACN,IAAI,OACT,MAAM,UAAU;CAEpB;AACF;AAsCA,SAAgB,eAAe,EAC7B,UACA,eAAe,mBACf,eAAe,MACf,WAAW,OACX,cAAc,OACd,gBACA,SAAS,SACT,SACA,SACA,MACA,eACA,eACA,cAAc,iBACd,OAAO,MACP,OAAO,iBACP,eAAe,GACf,WAAW,qBACX,YAAY,oBACZ,GAAG,gBACmB;CACtB,MAAM,CAAC,mBAAmB,wBAAwB,SAAsB,YAAY;CACpF,MAAM,WAAW,oBAAoB,KAAA,IAAY,oBAAoB;CACrE,MAAM,CAAC,OAAO,iBAAiB,eAAe,aAAa,4BAAY,IAAI,KAAK,CAAC,CAAC;CAClF,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY,KAAK;CAChE,MAAM,mBAAmB,OAAO,KAAK;CACrC,MAAM,qBAAqB,OAAuC,IAAI;CACtE,MAAM,UAAU,uBAAO,IAAI,IAA+B,CAAC;CAC3D,MAAM,UAAU,MAAM;CACtB,MAAM,YAAY,MAAM;CACxB,MAAM,QAAQ,8BAAc,IAAI,KAAK,GAAG,CAAC,CAAC;CAC1C,MAAM,SAAS,WAAW,EAAE,KAAK,CAAC;CAClC,MAAM,WAAW,UAAU,aAAa,OAAO,IAAI,KAAA;CACnD,MAAM,WAAW,UAAU,aAAa,OAAO,IAAI,KAAA;CACnD,MAAM,gBAAgB,qBAAqB,gBAAgB;CAC3D,MAAM,YAAY,cAAc;EAC9B,MAAM,eAAe,MAAM,YAAY,IAAI;EAC3C,MAAM,aAAa,MAAM,YAAY,IAAI;EACzC,MAAM,QAAQ,qBAAqB,SAAS;EAC5C,MAAM,MAAM,qBAAqB,OAAO;EACxC,MAAM,QAAQ;GAAC,UAAU,YAAY;GAAG,SAAS,YAAY;GAAG,SAAS,YAAY;EAAC,CAAC,CAAC,QACrF,SAAyB,SAAS,KAAA,CACrC;EACA,OAAO;GACL,KAAK,KAAK,IAAI,OAAO,KAAK,GAAG,KAAK;GAClC,OAAO,KAAK,IAAI,OAAO,KAAK,GAAG,KAAK;EACtC;CACF,GAAG;EAAC,qBAAqB;EAAK,qBAAqB;EAAO;EAAS;EAAS;EAAU;CAAK,CAAC;CAE5F,MAAM,aAAa,aAChB,cAAoB;EACnB,MAAM,aAAa,aAAa,SAAS;EACzC,IAAI,YAAY,YAAY,YAAY,QAAQ,GAAG,OAAO;EAC1D,IAAI,YAAY,WAAW,YAAY,QAAQ,GAAG,OAAO;EACzD,OAAO;CACT,GACA,CAAC,UAAU,QAAQ,CACrB;CAEA,MAAM,WAAW,aACd,cAAoB;EACnB,MAAM,aAAa,WAAW,SAAS;EACvC,eAAe,YAAY;GACzB,IAAI,YAAY,SAAS,UAAU,GAAG,OAAO;GAC7C,OAAO;EACT,CAAC;CACH,GACA,CAAC,UAAU,CACb;CAEA,gBAAgB;EACd,IAAI,YAAY,iBAAiB,SAAS,KAAK,GAAG;EAClD,iBAAiB,UAAU;EAC3B,gBAAgB,KAAK;CACvB,GAAG,CAAC,OAAO,aAAa,CAAC;CAEzB,gBAAgB;EACd,IAAI,CAAC,UACH;EAGF,eAAe,QAAQ;EACvB,eAAe,YAAa,YAAY,SAAS,QAAQ,IAAI,UAAU,WAAW,QAAQ,CAAE;CAC9F,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,eAAe,aAClB,SACC,QACG,WAAW,YAAY,MAAM,OAAO,KAClC,WAAW,WAAW,MAAM,OAAO,KACpC,iBAAiB,IAAI,CACzB,GACF;EAAC;EAAgB;EAAS;CAAO,CACnC;CAEA,MAAM,QAAQ,kBAAkB;EAC9B,CAAC,sBAAsB,mBAAA,CAAoB,SAAS,MAAM;CAC5D,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,WAAW,aACd,cAA2B;EAC1B,qBAAqB,SAAS;EAC9B,gBAAgB,SAAS;CAC3B,GACA,CAAC,aAAa,CAChB;CAEA,MAAM,gBAAgB,aACnB,cAAoB;EACnB,MAAM,WAAW,aAAa,SAAS;EACvC,MAAM,UAAU,mBAAmB,UAAU,YAAY,GAAG,UAAU,SAAS,IAAI,GAAG,CAAC;EACvF,OAAO,QACJ,WAAW,YAAY,SAAS,OAAO,KAAO,WAAW,WAAW,UAAU,OAAO,CACxF;CACF,GACA,CAAC,SAAS,OAAO,CACnB;CAEA,MAAM,WAAW,aACd,SAAe;EACd,IAAI,aAAa,gBAAgB,UAAU,cAAc,IAAI,IAAI,aAAa,IAAI,IAChF;EAGF,MAAM,YAAY,mBAChB,KAAK,YAAY,GACjB,KAAK,SAAS,GACd,gBAAgB,UAAU,IAAI,KAAK,QAAQ,CAC7C;EACA,IAAI,gBAAgB,aAAa;GAC/B,UAAU,SAAS,UAAU,SAAS,KAAK,IAAI,UAAU,WAAW,KAAK,GAAG,GAAG,CAAC;GAChF,IAAI,WAAW,UAAU,WAAW,OAAO,KAAK,YAAY,SAC1D,UAAU,SAAS,QAAQ,SAAS,GAAG,QAAQ,WAAW,GAAG,GAAG,CAAC;GAEnE,IAAI,WAAW,UAAU,WAAW,OAAO,KAAK,YAAY,SAC1D,UAAU,SAAS,QAAQ,SAAS,GAAG,QAAQ,WAAW,GAAG,GAAG,CAAC;EAErE;EACA,SAAS,SAAS;EAClB,eAAe,SAAS;EACxB,SAAS,aAAa,SAAS,CAAC;EAChC,IAAI,eACF,MAAM;CAEV,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,UAAU,kBAAkB;EAChC,SAAS,IAAI;CACf,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,cAAc,aACjB,eAAuB;EACtB,MAAM,YAAY,WAAW,mBAAmB,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC;EACnF,IAAI,cAAc,SAAS,GAAG;EAC9B,SAAS,SAAS;EAClB,IAAI,gBAAgB,SAAS;GAC3B,MAAM,YAAY,mBAAmB,UAAU,YAAY,GAAG,UAAU,SAAS,GAAG,CAAC;GACrF,eAAe,SAAS;GACxB,SAAS,SAAS;GAClB,IAAI,eAAe,MAAM;EAC3B;CACF,GACA;EAAC;EAAY;EAAO;EAAe;EAAa;EAAO;EAAe;EAAU;CAAQ,CAC1F;CAEA,MAAM,aAAa,aAChB,SAAiB;EAChB,MAAM,YAAY,WAAW,mBAAmB,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC;EAC1E,IAAI,cAAc,SAAS,GAAG;EAC9B,SAAS,SAAS;EAClB,IAAI,gBAAgB,SAAS;GAC3B,MAAM,YAAY,mBAAmB,UAAU,YAAY,GAAG,UAAU,SAAS,GAAG,CAAC;GACrF,eAAe,SAAS;GACxB,SAAS,SAAS;GAClB,IAAI,eAAe,MAAM;EAC3B;CACF,GACA;EAAC;EAAY;EAAO;EAAe;EAAa;EAAO;EAAe;EAAU;CAAQ,CAC1F;CAEA,MAAM,eAAe,aAClB,UAAkB;EACjB,MAAM,QAAQ,MAAM,MAAM,mBAAmB;EAC7C,IAAI,CAAC,OAAO;EACZ,MAAM,QAAQ,OAAO,MAAM,EAAE;EAC7B,MAAM,UAAU,OAAO,MAAM,EAAE;EAC/B,IAAI,QAAQ,MAAM,UAAU,IAAI;EAChC,MAAM,WAAW,YAAY;EAC7B,MAAM,YAAY,mBAChB,SAAS,YAAY,GACrB,SAAS,SAAS,GAClB,SAAS,QAAQ,CACnB;EACA,UAAU,SAAS,OAAO,SAAS,GAAG,CAAC;EACvC,IAAI,WAAW,UAAU,WAAW,OAAO,KAAK,YAAY,SAAS;EACrE,IAAI,WAAW,UAAU,WAAW,OAAO,KAAK,YAAY,SAAS;EACrE,SAAS,SAAS;CACpB,GACA;EAAC;EAAa;EAAS;EAAS;EAAU;CAAQ,CACpD;CAEA,MAAM,YAAY,aACf,MAAY,YAAY,MAAM;EAC7B,IAAI,WAAW,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;EACrF,MAAM,OAAO,YAAY,IAAI,KAAK;EAClC,IAAI,WAAW;EACf,OAAO,aAAa,QAAQ,KAAK,WAAW,KAAK;GAC/C,WAAW,QAAQ,UAAU,IAAI;GACjC,YAAY;EACd;EAEA,eAAe,QAAQ;EACvB,SAAS,QAAQ;EAEjB,MAAM,oBAAoB,QAAQ,QAAQ,IAAI,QAAQ,QAAQ,CAAC,CAAC,EAAE,MAAM;EACxE,YAAY;EACZ,eAAe,WAAW;CAC5B,GACA,CAAC,cAAc,QAAQ,CACzB;CAEA,MAAM,cAAc,aACjB,WAAmB;EAClB,MAAM,YAAY,UAAU,OAAO,MAAM;EACzC,OAAO,EACJ,YAAY,YAAY,WAAW,QAAQ,KAC3C,YAAY,WAAW,WAAW,QAAQ;CAE/C,GACA;EAAC;EAAU;EAAU;CAAK,CAC5B;CAEA,MAAM,cAAc,aAAa,KAAa,SAAmC;EAC/E,IAAI,MACF,QAAQ,QAAQ,IAAI,KAAK,IAAI;OAE7B,QAAQ,QAAQ,OAAO,GAAG;CAE9B,GAAG,CAAC,CAAC;CAEL,MAAM,UACJ,YAAY,WAAW,UAAU,UAAU,OAAO,IAAI,YAAY,OAAO,IAAI,KAAA;CAC/E,MAAM,UACJ,YAAY,WAAW,UAAU,UAAU,OAAO,IAAI,YAAY,OAAO,IAAI,KAAA;CAE/E,MAAM,UAAkC;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa,SAAS,gBAAgB,MAAM,QAAQ,OAAO,WAAW,GAAG,WAAW;EACpF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO,mBAAmB,MAAM,YAAY,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC;EAChF;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,qBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YAAnC,CACE,oBAACA,QAAY,MAAb;GAAkB,GAAI;GAAc,YAAY,sBAAsB;GACnE;EACe,CAAA,GACjB,OACC,oBAAC,SAAD;GACY;GACJ;GACN,MAAK;GACL,OACE,gBAAgB,UACZ,aAAa,QAAQ,IACrB,gBAAgB,cACd,gBAAgB,QAAQ,IACxB,YAAY,QAAQ;EAE7B,CAAA,IACC,IACsB;;AAEhC;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CAC/D,MAAM,EAAE,SAAS,QAAQ,cAAc,qBAAqB;CAE5D,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,SAAS,MAAM,WAAW;EAC1B,IAAI,MAAM,MAAM;EAEf;CACI,CAAA;AAEX,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,SAAS,SAAS;EACvC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,UAAU,WAAW,UAAU,IAAI,GAAG,SAAS,KAAK;CAC/E,MAAM,EAAE,UAAU,gBAAgB,QAAQ,cAAc,qBAAqB;CAE7E,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,UAAU,YAAY;EACtB,IAAI,MAAM;EACL;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,uBAAoB;EACpB,aAAU;YAET,YACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,oBAAC,QAAD;GAAM,eAAY;aAAO;EAAO,CAAA,CAChC,EAAA,CAAA;CAEe,CAAA;AAEzB,CACF;AAMA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,UAAU,WAAW,aAAa,GAAG,SAAS,KAAK;CAC5E,MAAM,EAAE,YAAY,UAAU,WAAW,qBAAqB;CAC9D,MAAM,QAAQ,aAAa,WAAW,WAAW,QAAQ,IAAK,eAAe;CAE7E,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,oBAAkB,WAAW,KAAA,IAAY;EACzC,aAAU;YAET;CACG,CAAA;AAEV,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,KAAK,WAAW,UAAU,SAAS,GAAG,SAAS,KAAK;CACxF,MAAM,EAAE,OAAO,UAAU,gBAAgB,SAAS,UAAU,WAAW,qBAAqB;CAC5F,MAAM,eAAe,UAAyC;EAC5D,QAAQ;EACR,UAAU,KAAK;EACf,MAAM;CACR;CAEA,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,UAAU,YAAY,kBAAkB,CAAC;EACzC,SAAS;EACJ;EACL,MAAK;EAEJ;CACK,CAAA;AAEZ,CACF;AAGA,MAAa,mBAA8CA,QAAY;AAIvE,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,cAAY,MAAM,iBAAiB;EACnC,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,MAAM,EAAE,WAAW,qBAAqB;CAExC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACjE,MAAM,EAAE,QAAQ,OAAO,WAAW,qBAAqB;CAEvD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,SAAS,SAAS;EACvC,aAAU;YAET,YAAY,iBAAiB,OAAO,MAAM;CACvC,CAAA;AAEV,CACF;AAOA,MAAa,wBAAwB,WACnC,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC3D,MAAM,EAAE,QAAQ,OAAO,eAAe,aAAa,WAAW,qBAAqB;CACnF,MAAM,SAAS,eAAe,MAAM;CAEpC,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,OAAO,aAAa,SAAS;EAC3C,aAAU;EACV,WAAW,UAAU,YAAY,OAAO,MAAM,cAAc,KAAK,CAAC;EAC7D;EACL,OAAO,MAAM,SAAS;YAErB,OAAO,KAAK,OAAO,eAClB,oBAAC,UAAD;GACE,UAAU,cAAc,mBAAmB,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC;GAE9E,OAAO;aAEN;EACK,GAJD,KAIC,CACT;CACK,CAAA;AAEZ,CACF;AAOA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,MAAM,EAAE,OAAO,eAAe,YAAY,QAAQ,cAAc,qBAAqB;CACrF,MAAM,QAAQ,MAAM,KAClB,EAAE,QAAQ,UAAU,MAAM,UAAU,QAAQ,EAAE,IAC7C,GAAG,UAAU,UAAU,QAAQ,KAClC;CAEA,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,OAAO,YAAY,SAAS;EAC1C,aAAU;EACV,WAAW,UAAU,WAAW,OAAO,MAAM,cAAc,KAAK,CAAC;EAC5D;EACL,OAAO,MAAM,YAAY;YAExB,MAAM,KAAK,SACV,oBAAC,UAAD;GACE,UAAU,cAAc,mBAAmB,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC;GAErE,OAAO;aAEN;EACK,GAJD,IAIC,CACT;CACK,CAAA;AAEZ,CACF;AAOA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,UAAU,aAAa,cAAc,UAAU,QAAQ,SAAS,YACtE,qBAAqB;CACvB,IAAI,gBAAgB,aAAa,OAAO;CAExC,OACE,oBAAC,SAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,OAAO,WAAW,SAAS;EACzC,aAAU;EACV,UAAU,YAAY,CAAC;EACvB,KAAK;EACL,KAAK;EACL,WAAW,UAAU,aAAa,MAAM,cAAc,KAAK;EACtD;EACL,MAAK;EACL,OAAO,YAAY,QAAQ;CAC5B,CAAA;AAEL,CACF;AAMA,MAAM,6BAA6B,WACjC,SAAS,2BAA2B,EAAE,QAAQ,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC3F,MAAM,EAAE,aAAa,OAAO,UAAU,WAAW,qBAAqB;CACtE,MAAM,YAAY,UAAU;CAC5B,MAAM,aAAa,MAAM,YAAY,CAAC,YAAY,SAAS;CAE3D,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,MAAM,kBAAkB,YAAY,IAAI,mBAAmB;EACvE,WAAW,GAAG,OAAO,YAAY,SAAS;EAC1C,aAAW,YAAY,IAAI,yBAAyB;EACpD,UAAU;EACV,UAAU,UAAU;GAClB,IAAI,CAAC,YAAY,SAAS,UAAU,OAAO,SAAS,CAAC;GACrD,UAAU,KAAK;EACjB;EACK;EACL,MAAK;YAEJ,aAAa,YAAY,IAAI,MAAM;CAC9B,CAAA;AAEZ,CACF;AAEA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,OAAO,KAAK;CACtC,OAAO,oBAAC,4BAAD;EAA4B,GAAI;EAAO,QAAQ;EAAS;CAAM,CAAA;AACvE,CACF;AAEA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,OAAO,KAAK;CAClC,OAAO,oBAAC,4BAAD;EAA4B,GAAI;EAAO,QAAQ;EAAQ;CAAM,CAAA;AACtE,CACF;AAMA,MAAa,gBAAgB,WAC3B,SAAS,cACP,EAAE,UAAU,WAAW,MAAM,UAAU,SAAS,WAAW,GAAG,SAC9D,KACA;CACA,MAAM,EACJ,cACA,UAAU,gBACV,WACA,aACA,QACA,OACA,UACA,aACA,UACA,QACA,UACE,qBAAqB;CACzB,MAAM,MAAM,QAAQ,IAAI;CACxB,MAAM,eAAe,CAAC,YAAY,MAAM,KAAK;CAC7C,MAAM,aAAa,YAAY,kBAAkB,aAAa,IAAI;CAClE,MAAM,YAAY,UAAU,MAAM,WAAW;CAC7C,MAAM,aAAa,UAAU,MAAM,QAAQ;CAC3C,MAAM,UAAU,UAAU,MAAM,KAAK;CACrC,MAAM,SAAS,YAAY,MAAM,SAAS,YAAY,KAAK,IAAI,CAAC;CAEhE,MAAM,aAAa,UAA4C;EAC7D,IAAI,MAAM,kBACR;EAGF,IAAI;EACJ,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,WAAW,QAAQ,MAAM,EAAE;IAC3B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC;IAC1B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,EAAE;IAC3B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC;IAC1B;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,CAAC,KAAK,OAAO,CAAC;IACvC;GACF,KAAK;IACH,WAAW,QAAQ,MAAM,IAAI,KAAK,OAAO,CAAC;IAC1C;GACF,KAAK;IACH,WAAW,UAAU,MAAM,MAAM,WAAW,MAAM,EAAE;IACpD;GACF,KAAK;IACH,WAAW,UAAU,MAAM,MAAM,WAAW,KAAK,CAAC;IAClD;GACF,KAAK;GACL,KAAK;IACH,IAAI,CAAC,YAAY;KACf,MAAM,eAAe;KACrB,SAAS,IAAI;IACf;IACA;GACF,SACE;EACJ;EAEA,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB,UAAU,UAAU,WAAW,OAAO,KAAK,CAAC;EAC9C;CACF;CAEA,OAEE,oBAAC,UAAD;EACE,GAAI;EACJ,KAAK;EACL,cAAY,MAAM,iBAAiB,kBAAkB,MAAM,MAAM;EACjE,gBAAc,UAAU,SAAS,KAAA;EACjC,iBAAe;EACf,WAAW,GAAG,OAAO,KAAK,SAAS;EACnC,aAAW;EACX,iBAAe,cAAc,KAAA;EAC7B,sBAAoB,gBAAgB,KAAA;EACpC,iBAAe,cAAc,KAAA;EAC7B,aAAU;EACV,cAAY,WAAW,KAAA;EACvB,UAAU;EACV,UAAU,UAAU;GAClB,SAAS,IAAI;GACb,UAAU,KAAK;EACjB;EACA,YAAY,UAAU;GACpB,UAAU,KAAK;GACf,YAAY,KAAK;EACnB;EACA,MAAK;EACL,UAAU,aAAa,CAAC,aAAa,IAAI;EACzC,MAAK;YAEJ,YAAY,KAAK,QAAQ;CACpB,CAAA;AAEZ,CACF;AAMA,MAAM,wBAAwB,WAC5B,SAAS,sBAAsB,EAAE,QAAQ,KAAK;CAC5C,MAAM,EAAE,UAAU,aAAa,QAAQ,eAAe,UAAU,UAAU,WACxE,qBAAqB;CACvB,MAAM,aAAa,YAAY,cAAc,IAAI;CACjD,MAAM,aAAa,gBAAgB,WAAW,QAAQ,YAAY,YAAY,UAAU,IAAI,CAAC;CAE7F,OAEE,oBAAC,UAAD;EACE,cAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI;EAC1E,iBAAe;EACf,WAAW,OAAO;EAClB,iBAAe,cAAc,KAAA;EAC7B,iBAAe,cAAc,KAAA;EAC7B,aAAU;EACV,UAAU;EACV,eAAe,SAAS,IAAI;EACvB;EACL,MAAK;EACL,MAAK;YAEJ,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,IAAI;CAC1D,CAAA;AAEZ,CACF;AAOA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,cAAc,WAAW,WAAW,GAAG,SAAS,KAAK;CACjF,MAAM,EAAE,aAAa,QAAQ,OAAO,QAAQ,iBAAiB,qBAAqB;CAClF,MAAM,OAAO,cAAc,gBAAgB,OAAO,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC;CACtF,MAAM,WAAW,cAAc,iBAAiB,QAAQ,YAAY,GAAG,CAAC,QAAQ,YAAY,CAAC;CAC7F,MAAM,aAAa,cAEf,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,UAAU,mBAAmB,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,GAC5F,CAAC,KAAK,CACR;CAEA,OACE,oBAAC,WAAD;EACE,GAAI;EACC;EACL,cAAY,aAAa,iBAAiB,OAAO,MAAM;EACvD,WAAW,GAAG,OAAO,UAAU,SAAS;EACxC,oBAAkB;EAClB,aAAU;YAET,gBAAgB,UAEf,oBAAC,OAAD;GACE,cAAY,OAAO,MAAM,YAAY,CAAC;GACtC,WAAW,OAAO;GAClB,aAAU;GACV,MAAK;aAEJ,WAAW,KAAK,SACf,oBAAC,uBAAD,EAA6B,KAA2B,GAAhB,QAAQ,IAAI,CAAI,CACzD;EACE,CAAA,IAEL,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAU,aAAU;aAC3D,SAAS,KAAK,YACb,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAS,aAAU;cACxC;GACG,GAFgE,OAEhE,CACP;EACE,CAAA,GAEL,oBAAC,OAAD;GACE,cAAY,iBAAiB,OAAO,MAAM;GAC1C,WAAW,OAAO;GAClB,aAAU;GACV,MAAK;aAEJ,KAAK,KAAK,SACT,oBAAC,eAAD,EAAqB,KAA2B,GAAhB,QAAQ,IAAI,CAAI,CACjD;EACE,CAAA,CACL,EAAA,CAAA;CAEG,CAAA;AAEb,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACT,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SAAS;CACT,aAAa;CACb,YAAY;CACZ,WAAW;CACX,UAAU;CACV,MAAM;CACN,KAAK;CACL,UAAU;AACZ"}

package/dist/components/date-picker/date-utils.cjs

@@ -25,6 +25,15 @@ function dateKey(date) {
 function toInputDate(date) {
 	return date ? dateKey(date) : "";
 }
+function toInputMonth(date) {
+	return date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}` : "";
+}
+function toInputDateTime(date) {
+	if (!date) return "";
+	const hours = String(date.getHours()).padStart(2, "0");
+	const minutes = String(date.getMinutes()).padStart(2, "0");
+	return `${dateKey(date)}T${hours}:${minutes}`;
+}
 function isSameDay(left, right) {
 	return Boolean(left && right && dateKey(left) === dateKey(right));
 }
@@ -50,8 +59,25 @@ function formatMonthLabel(date, locale) {
 		year: "numeric"
 	}).format(date);
 }
-function formatDateLabel(date, locale, placeholder) {
-	return date ? new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date) : placeholder;
+function formatDateLabel(date, locale, placeholder, granularity = "day") {
+	if (!date) return placeholder;
+	if (granularity === "month") return new Intl.DateTimeFormat(locale, {
+		month: "long",
+		year: "numeric"
+	}).format(date);
+	if (granularity === "date-time") return new Intl.DateTimeFormat(locale, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}).format(date);
+	return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date);
+}
+function getMonthLabels(locale) {
+	const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
+	return Array.from({ length: 12 }, (_, month) => formatter.format(createCalendarDate(2024, month, 1)));
+}
+function toTimeInput(date) {
+	if (!date) return "";
+	return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
 }
 function getDateRangeLabel(date, locale) {
 	return new Intl.DateTimeFormat(locale, {
@@ -70,11 +96,15 @@ exports.formatDateLabel = formatDateLabel;
 exports.formatMonthLabel = formatMonthLabel;
 exports.getCalendarDays = getCalendarDays;
 exports.getDateRangeLabel = getDateRangeLabel;
+exports.getMonthLabels = getMonthLabels;
 exports.getWeekdayLabels = getWeekdayLabels;
 exports.isAfterDay = isAfterDay;
 exports.isBeforeDay = isBeforeDay;
 exports.isSameDay = isSameDay;
 exports.startOfMonth = startOfMonth;
 exports.toInputDate = toInputDate;
+exports.toInputDateTime = toInputDateTime;
+exports.toInputMonth = toInputMonth;
+exports.toTimeInput = toTimeInput;
 
 //# sourceMappingURL=date-utils.cjs.map