jaci-ui 0.2.0 → 0.4.0

package/dist/components/controls/textarea.d.cts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/textarea.d.ts
-interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "prefix"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //#endregion

package/dist/components/controls/textarea.d.ts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/textarea.d.ts
-interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "prefix"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //#endregion

package/dist/components/controls/textarea.js

@@ -1,28 +1,49 @@
 "use client";
 import { cx } from "../../styled-system/css/cx.js";
 import { textarea } from "../../styled-system/recipes/textarea.js";
-import { useFieldState } from "../field/field.js";
+import { Spinner } from "../layout/index.js";
+import { FieldControl, useFieldState } from "../field/field.js";
+import { InputGroup } from "../input-group/input-group.js";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Field } from "@base-ui/react/field";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/controls/textarea.tsx
-const Textarea = forwardRef(function Textarea({ className, size = "md", ...props }, ref) {
+const Textarea = forwardRef(function Textarea({ className, loading = false, prefix, size = "md", suffix, ...props }, ref) {
 	const { insideField } = useFieldState();
 	const controlProps = {
 		...props,
+		"aria-busy": loading || void 0,
 		className: cx(textarea({ size }), className),
 		"data-jaci-component": "textarea",
+		"data-loading": loading || void 0,
 		"data-slot": "textarea"
 	};
-	if (insideField) return /* @__PURE__ */ jsx(Field.Control, {
+	const control = insideField ? /* @__PURE__ */ jsx(FieldControl, {
 		...controlProps,
 		ref,
 		render: /* @__PURE__ */ jsx("textarea", {})
-	});
-	return /* @__PURE__ */ jsx("textarea", {
+	}) : /* @__PURE__ */ jsx("textarea", {
 		...controlProps,
 		ref
 	});
+	if (prefix !== void 0 || suffix !== void 0 || loading) return /* @__PURE__ */ jsxs(InputGroup, { children: [
+		prefix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "textarea-prefix",
+			children: prefix
+		}) : null,
+		control,
+		loading ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"aria-hidden": "true",
+			"data-slot": "textarea-loading",
+			children: /* @__PURE__ */ jsx(Spinner, {
+				label: "",
+				size: "sm"
+			})
+		}) : suffix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "textarea-suffix",
+			children: suffix
+		}) : null
+	] });
+	return control;
 });
 //#endregion
 export { Textarea };

package/dist/components/controls/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["BaseField"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-slot\": \"textarea\",\n  };\n\n  if (insideField) {\n    return (\n      <BaseField.Control\n        {...(controlProps as unknown as ComponentProps<typeof BaseField.Control>)}\n        ref={ref as Ref<HTMLElement>}\n        render={<textarea />}\n      />\n    );\n  }\n\n  return <textarea {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,WAAW,WAA+C,SAAS,SAC9E,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OACE,oBAACA,MAAU,SAAX;EACE,GAAK;EACA;EACL,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACpB,CAAA;CAIL,OAAO,oBAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;AAChD,CAAC"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { FieldControl, useFieldState } from \"../field\";\nimport { InputGroup } from \"../input-group\";\nimport { Spinner } from \"../layout\";\n\nexport interface TextareaProps extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"prefix\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  loading?: boolean;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, loading = false, prefix, size = \"md\", suffix, ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    \"aria-busy\": loading || undefined,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-loading\": loading || undefined,\n    \"data-slot\": \"textarea\",\n  };\n  const control = insideField ? (\n    <FieldControl\n      {...(controlProps as unknown as ComponentProps<typeof FieldControl>)}\n      ref={ref as Ref<HTMLElement>}\n      render={<textarea />}\n    />\n  ) : (\n    <textarea {...controlProps} ref={ref} />\n  );\n\n  if (prefix !== undefined || suffix !== undefined || loading) {\n    return (\n      <InputGroup>\n        {prefix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-prefix\">{prefix}</InputGroup.Addon>\n        ) : null}\n        {control}\n        {loading ? (\n          <InputGroup.Addon aria-hidden=\"true\" data-slot=\"textarea-loading\">\n            <Spinner label=\"\" size=\"sm\" />\n          </InputGroup.Addon>\n        ) : suffix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-suffix\">{suffix}</InputGroup.Addon>\n        ) : null}\n      </InputGroup>\n    );\n  }\n\n  return control;\n});\n"],"mappings":";;;;;;;;;AAkBA,MAAa,WAAW,WAA+C,SAAS,SAC9E,EAAE,WAAW,UAAU,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG,SAC9D,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,aAAa,WAAW,KAAA;EACxB,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,gBAAgB,WAAW,KAAA;EAC3B,aAAa;CACf;CACA,MAAM,UAAU,cACd,oBAAC,cAAD;EACE,GAAK;EACA;EACL,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACpB,CAAA,IAED,oBAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;CAGzC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,KAAa,SAClD,OACE,qBAAC,YAAD,EAAA,UAAA;EACG,WAAW,KAAA,IACV,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;EACH;EACA,UACC,oBAAC,WAAW,OAAZ;GAAkB,eAAY;GAAO,aAAU;aAC7C,oBAAC,SAAD;IAAS,OAAM;IAAG,MAAK;GAAM,CAAA;EACb,CAAA,IAChB,WAAW,KAAA,IACb,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;CACM,EAAA,CAAA;CAIhB,OAAO;AACT,CAAC"}

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

@@ -23,17 +23,17 @@ function composeRefs(first, second) {
 		else if (first) first.current = value;
 	};
 }
-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 }) {
+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, referenceDate, actionsRef: externalActionsRef, ...popoverProps }) {
 	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
 	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
-	const [month, setMonthState] = (0, react.useState)(() => require_date_utils.startOfMonth(selected ?? /* @__PURE__ */ new Date()));
-	const [focusedDate, setFocusedDate] = (0, react.useState)(selected ?? month);
+	const [month, setMonthState] = (0, react.useState)(() => require_date_utils.startOfMonth(selected ?? referenceDate ?? /* @__PURE__ */ new Date()));
+	const [focusedDate, setFocusedDate] = (0, react.useState)(selected ?? referenceDate ?? month);
 	const previousMonthRef = (0, react.useRef)(month);
 	const internalActionsRef = (0, react.useRef)(null);
 	const dayRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
 	const labelId = (0, react.useId)();
 	const triggerId = (0, react.useId)();
-	const today = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), []);
+	const today = (0, react.useMemo)(() => referenceDate ?? /* @__PURE__ */ new Date(), [referenceDate]);
 	const styles = require_date_picker.datePicker({ size });
 	const minMonth = minDate ? require_date_utils.startOfMonth(minDate) : void 0;
 	const maxMonth = maxDate ? require_date_utils.startOfMonth(maxDate) : void 0;
@@ -92,9 +92,9 @@ function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultVal
 		(externalActionsRef ?? internalActionsRef).current?.close();
 	}, [externalActionsRef]);
 	const setValue = (0, react.useCallback)((nextValue) => {
-		setUncontrolledValue(nextValue);
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
 		onValueChange?.(nextValue);
-	}, [onValueChange]);
+	}, [controlledValue, onValueChange]);
 	const monthDisabled = (0, react.useCallback)((candidate) => {
 		const firstDay = require_date_utils.startOfMonth(candidate);
 		const lastDay = require_date_utils.createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);
@@ -466,7 +466,7 @@ const DatePickerNext = (0, react.forwardRef)(function DatePickerNext(props, ref)
 	});
 });
 const DatePickerDay = (0, react.forwardRef)(function DatePickerDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
-	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today } = useDatePickerContext();
+	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today, weekStartsOn } = useDatePickerContext();
 	const key = require_date_utils.dateKey(date);
 	const outsideMonth = !isSameMonth(date, month);
 	const isDisabled = disabled || pickerDisabled || dateDisabled(date);
@@ -491,10 +491,10 @@ const DatePickerDay = (0, react.forwardRef)(function DatePickerDay({ children, c
 				nextDate = require_date_utils.addDays(date, 7);
 				break;
 			case "Home":
-				nextDate = require_date_utils.addDays(date, -date.getDay());
+				nextDate = require_date_utils.addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
 				break;
 			case "End":
-				nextDate = require_date_utils.addDays(date, 6 - date.getDay());
+				nextDate = require_date_utils.addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
 				break;
 			case "PageUp":
 				nextDate = require_date_utils.addMonths(date, event.shiftKey ? -12 : -1);

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.cjs","names":["startOfMonth","datePicker","isBeforeDay","isAfterDay","createCalendarDate","isSameDay","addDays","dateKey","addMonths","toTimeInput","formatDateLabel","BasePopover","toInputMonth","toInputDateTime","toInputDate","cx","withRecipeClassName","formatMonthLabel","getMonthLabels","getDateRangeLabel","getCalendarDays","getWeekdayLabels"],"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":"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"}
+{"version":3,"file":"date-picker.cjs","names":["startOfMonth","datePicker","isBeforeDay","isAfterDay","createCalendarDate","isSameDay","addDays","dateKey","addMonths","toTimeInput","formatDateLabel","BasePopover","toInputMonth","toInputDateTime","toInputDate","cx","withRecipeClassName","formatMonthLabel","getMonthLabels","getDateRangeLabel","getCalendarDays","getWeekdayLabels"],"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  /** Reference date used when no value is selected, useful for deterministic SSR and tests. */\n  referenceDate?: Date;\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  referenceDate,\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(() =>\n    startOfMonth(selected ?? referenceDate ?? new Date()),\n  );\n  const [focusedDate, setFocusedDate] = useState(selected ?? referenceDate ?? 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(() => referenceDate ?? new Date(), [referenceDate]);\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      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, 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      weekStartsOn,\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() - weekStartsOn + 7) % 7));\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\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":"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"}

package/dist/components/date-picker/date-picker.d.cts

@@ -34,6 +34,8 @@ interface DatePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
   granularity?: DatePickerGranularity;
   /** Inclusive range used by the year selector. */
   yearRange?: DatePickerYearRange;
+  /** Reference date used when no value is selected, useful for deterministic SSR and tests. */
+  referenceDate?: Date;
   /** Adds a native hidden input using the representation for the selected granularity. */
   name?: string;
   /** Prevents interaction and disables the hidden form input. */
@@ -42,7 +44,7 @@ interface DatePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
   closeOnSelect?: boolean;
   children?: ReactNode;
 }
-declare function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue, disabled, granularity, isDateDisabled, locale, maxDate, minDate, name, onValueChange, onMonthChange, placeholder, size, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, actionsRef: externalActionsRef, ...popoverProps }: DatePickerRootProps): import("react").JSX.Element;
+declare function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue, disabled, granularity, isDateDisabled, locale, maxDate, minDate, name, onValueChange, onMonthChange, placeholder, size, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, referenceDate, actionsRef: externalActionsRef, ...popoverProps }: DatePickerRootProps): import("react").JSX.Element;
 type DatePickerLabelProps = ComponentPropsWithoutRef<"label">;
 declare const DatePickerLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
 type DatePickerControlProps = ComponentPropsWithoutRef<"div">;

package/dist/components/date-picker/date-picker.d.ts

@@ -34,6 +34,8 @@ interface DatePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
   granularity?: DatePickerGranularity;
   /** Inclusive range used by the year selector. */
   yearRange?: DatePickerYearRange;
+  /** Reference date used when no value is selected, useful for deterministic SSR and tests. */
+  referenceDate?: Date;
   /** Adds a native hidden input using the representation for the selected granularity. */
   name?: string;
   /** Prevents interaction and disables the hidden form input. */
@@ -42,7 +44,7 @@ interface DatePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
   closeOnSelect?: boolean;
   children?: ReactNode;
 }
-declare function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue, disabled, granularity, isDateDisabled, locale, maxDate, minDate, name, onValueChange, onMonthChange, placeholder, size, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, actionsRef: externalActionsRef, ...popoverProps }: DatePickerRootProps): import("react").JSX.Element;
+declare function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue, disabled, granularity, isDateDisabled, locale, maxDate, minDate, name, onValueChange, onMonthChange, placeholder, size, value: controlledValue, weekStartsOn, yearRange: configuredYearRange, referenceDate, actionsRef: externalActionsRef, ...popoverProps }: DatePickerRootProps): import("react").JSX.Element;
 type DatePickerLabelProps = ComponentPropsWithoutRef<"label">;
 declare const DatePickerLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
 type DatePickerControlProps = ComponentPropsWithoutRef<"div">;

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

@@ -23,17 +23,17 @@ function composeRefs(first, second) {
 		else if (first) first.current = value;
 	};
 }
-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 }) {
+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, referenceDate, actionsRef: externalActionsRef, ...popoverProps }) {
 	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
 	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
-	const [month, setMonthState] = useState(() => startOfMonth(selected ?? /* @__PURE__ */ new Date()));
-	const [focusedDate, setFocusedDate] = useState(selected ?? month);
+	const [month, setMonthState] = useState(() => startOfMonth(selected ?? referenceDate ?? /* @__PURE__ */ new Date()));
+	const [focusedDate, setFocusedDate] = useState(selected ?? referenceDate ?? month);
 	const previousMonthRef = useRef(month);
 	const internalActionsRef = useRef(null);
 	const dayRefs = useRef(/* @__PURE__ */ new Map());
 	const labelId = useId();
 	const triggerId = useId();
-	const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+	const today = useMemo(() => referenceDate ?? /* @__PURE__ */ new Date(), [referenceDate]);
 	const styles = datePicker({ size });
 	const minMonth = minDate ? startOfMonth(minDate) : void 0;
 	const maxMonth = maxDate ? startOfMonth(maxDate) : void 0;
@@ -92,9 +92,9 @@ function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultVal
 		(externalActionsRef ?? internalActionsRef).current?.close();
 	}, [externalActionsRef]);
 	const setValue = useCallback((nextValue) => {
-		setUncontrolledValue(nextValue);
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
 		onValueChange?.(nextValue);
-	}, [onValueChange]);
+	}, [controlledValue, onValueChange]);
 	const monthDisabled = useCallback((candidate) => {
 		const firstDay = startOfMonth(candidate);
 		const lastDay = createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);
@@ -466,7 +466,7 @@ const DatePickerNext = forwardRef(function DatePickerNext(props, ref) {
 	});
 });
 const DatePickerDay = forwardRef(function DatePickerDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
-	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today } = useDatePickerContext();
+	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today, weekStartsOn } = useDatePickerContext();
 	const key = dateKey(date);
 	const outsideMonth = !isSameMonth(date, month);
 	const isDisabled = disabled || pickerDisabled || dateDisabled(date);
@@ -491,10 +491,10 @@ const DatePickerDay = forwardRef(function DatePickerDay({ children, className, d
 				nextDate = addDays(date, 7);
 				break;
 			case "Home":
-				nextDate = addDays(date, -date.getDay());
+				nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
 				break;
 			case "End":
-				nextDate = addDays(date, 6 - date.getDay());
+				nextDate = addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
 				break;
 			case "PageUp":
 				nextDate = addMonths(date, event.shiftKey ? -12 : -1);