@proyecto-viviana/solidaria-components 0.3.2 → 0.4.1

package/dist/DateField2.jsx

@@ -0,0 +1,354 @@
+import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.jsx";
+import { TextContext } from "./Text.jsx";
+import { FormContext } from "./Form.jsx";
+import { Index, Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+import { createDateField, createDateSegment, createFocusRing, createHover, createVisuallyHidden, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { access, createDateFieldState } from "@proyecto-viviana/solid-stately";
+import { parseDate, parseDateTime, toCalendarDate, toCalendarDateTime, toLocalTimeZone } from "@internationalized/date";
+//#region src/DateRangePickerContext.tsx
+const DateRangePickerContext = createContext(null);
+function useDateRangePickerContext() {
+	const context = useContext(DateRangePickerContext);
+	if (!context) throw new Error("DateRangePicker components must be used within a DateRangePicker");
+	return context;
+}
+//#endregion
+//#region src/DateField.tsx
+/**
+* DateField component for solidaria-components
+*
+* Pre-wired headless date field component with segment-based editing.
+* Port of react-aria-components/src/DateField.tsx
+*/
+const DateFieldContext = createContext(null);
+const DateFieldStateContext = createContext(null);
+function withFormValidationBehavior(props, formContext) {
+	if (!formContext?.validationBehavior) return props;
+	return new Proxy(props, {
+		get(target, property, receiver) {
+			const localValue = Reflect.get(target, property, receiver);
+			if (property === "validationBehavior" && localValue === void 0) return formContext.validationBehavior;
+			return localValue;
+		},
+		has(target, property) {
+			return Reflect.has(target, property) || property === "validationBehavior" && formContext.validationBehavior !== void 0;
+		},
+		ownKeys(target) {
+			const keys = new Set(Reflect.ownKeys(target));
+			if (formContext.validationBehavior !== void 0) keys.add("validationBehavior");
+			return Array.from(keys);
+		},
+		getOwnPropertyDescriptor(target, property) {
+			const descriptor = Reflect.getOwnPropertyDescriptor(target, property);
+			if (descriptor) return descriptor;
+			if (property === "validationBehavior" && formContext.validationBehavior !== void 0) return {
+				enumerable: true,
+				configurable: true,
+				get: () => formContext.validationBehavior
+			};
+		}
+	});
+}
+function useDateFieldContext() {
+	const context = useContext(DateFieldContext);
+	if (!context) throw new Error("DateField components must be used within a DateField");
+	return context;
+}
+function useDateInputContext(slot) {
+	const dateFieldContext = useContext(DateFieldContext);
+	if (dateFieldContext) return dateFieldContext;
+	const dateRangePickerContext = useContext(DateRangePickerContext);
+	if (dateRangePickerContext && slot === "start") return dateRangePickerContext.startFieldContext;
+	if (dateRangePickerContext && slot === "end") return dateRangePickerContext.endFieldContext;
+	throw new Error("DateInput components must be used within a DateField or DateRangePicker slot");
+}
+/**
+* A date field allows users to enter and edit date values using a keyboard.
+*
+* @example
+* ```tsx
+* <DateField label="Date">
+*   <Label>Date</Label>
+*   <DateInput>
+*     {(segment) => <DateSegment segment={segment} />}
+*   </DateInput>
+* </DateField>
+* ```
+*/
+function DateField(props) {
+	const isHydrated = useIsHydrated();
+	const formContext = useContext(FormContext);
+	return <Show when={isHydrated()} fallback={<div class="solidaria-DateField solidaria-DateField--placeholder" aria-hidden="true" />}>
+      <DateFieldInner {...props} __formContext={formContext} />
+    </Show>;
+}
+/**
+* Internal DateField component that renders after client mount.
+*/
+function DateFieldInner(props) {
+	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"__formContext"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"minValue",
+		"maxValue",
+		"isInvalid",
+		"isDisabled",
+		"isReadOnly",
+		"isRequired",
+		"locale",
+		"granularity",
+		"hourCycle",
+		"hideTimeZone",
+		"placeholderValue",
+		"shouldForceLeadingZeros",
+		"validationState",
+		"validationBehavior",
+		"validate",
+		"description",
+		"errorMessage",
+		"isDateUnavailable"
+	]);
+	const [fieldRef, setFieldRef] = createSignal(null);
+	const [validationInputRef, setValidationInputRef] = createSignal(null);
+	const state = createDateFieldState(stateProps);
+	const fieldAria = createDateField(() => ({
+		...rest,
+		isDisabled: access(stateProps.isDisabled),
+		isReadOnly: access(stateProps.isReadOnly),
+		isRequired: access(stateProps.isRequired),
+		validationBehavior: stateProps.validationBehavior ?? "native",
+		description: stateProps.description,
+		errorMessage: stateProps.errorMessage,
+		inputRef: () => validationInputRef() ?? void 0
+	}), state, fieldRef);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isReadOnly: state.isReadOnly(),
+		isRequired: state.isRequired(),
+		isInvalid: state.isInvalid()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-DateField"
+	}, renderValues);
+	const textSlots = { slots: {
+		get description() {
+			return fieldAria.descriptionProps;
+		},
+		get errorMessage() {
+			return fieldAria.errorMessageProps;
+		}
+	} };
+	return <DateFieldStateContext.Provider value={state}>
+      <DateFieldContext.Provider value={{
+		state,
+		aria: {
+			get labelProps() {
+				return fieldAria.labelProps;
+			},
+			get inputProps() {
+				return fieldAria.fieldProps;
+			},
+			get hiddenInputProps() {
+				return mergeProps$1(fieldAria.inputProps, { ref: setValidationInputRef });
+			},
+			get descriptionProps() {
+				return fieldAria.descriptionProps;
+			},
+			get errorMessageProps() {
+				return fieldAria.errorMessageProps;
+			}
+		}
+	}}>
+        <div ref={setFieldRef} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-readonly={dataAttr(state.isReadOnly())} data-required={dataAttr(state.isRequired())} data-invalid={dataAttr(state.isInvalid())}>
+          <Provider values={[[TextContext, textSlots]]}>
+            {local.children}
+          </Provider>
+        </div>
+        {}
+        <RootHiddenDateInput autoComplete={rest.autoComplete} name={rest.name} isDisabled={state.isDisabled()} state={state} />
+      </DateFieldContext.Provider>
+    </DateFieldStateContext.Provider>;
+}
+const HIDDEN_DATE_SEGMENTS = [
+	"day",
+	"month",
+	"year"
+];
+const HIDDEN_TIME_SEGMENTS = [
+	"hour",
+	"minute",
+	"second"
+];
+const HIDDEN_GRANULARITY_MAP = {
+	hour: 1,
+	minute: 2,
+	second: 3
+};
+/**
+* The always-rendered hidden date input at the DateField root — a faithful port
+* of react-aria-components' HiddenDateInput (private/HiddenDateInput.mjs). It is
+* NOT a validation input: it is a clipped, aria-hidden, tabIndex={-1} native
+* date input that mirrors the current value for browser autofill. `form=""`
+* detaches it from form submission (the DateInput's <Input> submits), so it
+* never double-counts in FormData. RAC renders it unconditionally, which is why
+* it appears as the trailing tabindex="-1" element in the focus trail.
+*/
+function RootHiddenDateInput(props) {
+	const { visuallyHiddenProps } = createVisuallyHidden(() => ({ style: {
+		position: "fixed",
+		top: "0",
+		left: "0"
+	} }));
+	const granularity = () => props.state.granularity ?? "day";
+	const inputStep = () => {
+		const g = granularity();
+		if (g === "second") return 1;
+		if (g === "hour") return 3600;
+		return 60;
+	};
+	const inputType = () => granularity() === "day" ? "date" : "datetime-local";
+	const dateValue = () => {
+		const value = props.state.value();
+		if (!value) return "";
+		if (granularity() === "day") return toCalendarDate(value).toString();
+		return toCalendarDateTime("timeZone" in value ? toLocalTimeZone(value) : value).toString();
+	};
+	const onChange = (event) => {
+		const targetString = (event.currentTarget.value ?? "").toString();
+		if (!targetString) return;
+		try {
+			const g = granularity();
+			const targetValue = g === "day" ? parseDate(targetString) : parseDateTime(targetString);
+			let timeSegments = HIDDEN_TIME_SEGMENTS;
+			if (HIDDEN_TIME_SEGMENTS.includes(g)) timeSegments = HIDDEN_TIME_SEGMENTS.slice(0, HIDDEN_GRANULARITY_MAP[g]);
+			const state = props.state;
+			if (typeof state.setSegment === "function") for (const type in targetValue) {
+				if (HIDDEN_DATE_SEGMENTS.includes(type)) state.setSegment(type, targetValue[type]);
+				if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);
+			}
+			state.setValue(targetValue);
+		} catch {}
+	};
+	return <div {...visuallyHiddenProps()} aria-hidden="true" data-testid="hidden-dateinput-container">
+      <input tabIndex={-1} autocomplete={props.autoComplete} disabled={props.isDisabled} type={inputType()} form="" name={props.name} step={inputStep()} value={dateValue()} onChange={onChange} />
+    </div>;
+}
+/**
+* The input area containing date segments.
+*/
+function DateInput(props) {
+	const context = useDateInputContext(props.slot);
+	const { state, aria } = context;
+	const [isFocused, setIsFocused] = createSignal(false);
+	const [inputRef, setInputRef] = createSignal(null);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isFocused: isFocused()
+	}));
+	const renderProps = useRenderProps({
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-DateInput"
+	}, renderValues);
+	const inputDivProps = createMemo(() => mergeProps$1(aria.inputProps, {
+		onFocusIn: () => setIsFocused(true),
+		onFocusOut: () => setIsFocused(false),
+		style: renderProps.style()
+	}));
+	createEffect(() => {
+		const element = inputRef();
+		const handler = props.onPointerDownCapture;
+		if (!element || !handler) return;
+		const listener = (event) => handler(event);
+		element.addEventListener("pointerdown", listener, { capture: true });
+		onCleanup(() => element.removeEventListener("pointerdown", listener, { capture: true }));
+	});
+	return <DateFieldContext.Provider value={context}>
+      <div ref={setInputRef} {...inputDivProps()} class={renderProps.class()} data-disabled={dataAttr(state.isDisabled())} data-focused={dataAttr(isFocused())}>
+        {}
+        <Index each={state.segments()}>
+          {(segment) => {
+		const liveSegment = new Proxy({}, {
+			get: (_t, key) => segment()[key],
+			has: (_t, key) => key in segment()
+		});
+		return props.children?.(liveSegment);
+	}}
+        </Index>
+      </div>
+      {}
+      <Show when={aria.hiddenInputProps}>
+        {(hiddenInputProps) => <input {...hiddenInputProps()} />}
+      </Show>
+    </DateFieldContext.Provider>;
+}
+/**
+* A segment of a date field (year, month, day, etc.).
+*/
+function DateSegment(props) {
+	const { state } = useDateFieldContext();
+	const [segmentRef, setSegmentRef] = createSignal(null);
+	const segmentAria = createDateSegment({ get segment() {
+		return props.segment;
+	} }, state, segmentRef);
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover(() => ({ isDisabled: state.isDisabled() || props.segment.type === "literal" }));
+	const renderValues = createMemo(() => ({
+		isHovered: isHovered(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isPlaceholder: props.segment.isPlaceholder,
+		isReadOnly: state.isReadOnly(),
+		isDisabled: state.isDisabled(),
+		isInvalid: state.isInvalid(),
+		type: props.segment.type,
+		text: props.segment.text
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-DateSegment"
+	}, renderValues);
+	const getChildren = () => {
+		if (typeof props.children === "function") return renderProps.renderChildren();
+		return props.segment.text;
+	};
+	const segmentElementProps = createMemo(() => mergeProps$1(segmentAria.segmentProps, focusProps, hoverProps, { style: renderProps.style() }));
+	return <span ref={setSegmentRef} {...segmentElementProps()} class={renderProps.class()} data-placeholder={props.segment.isPlaceholder || void 0} data-invalid={state.isInvalid() || void 0} data-readonly={state.isReadOnly() || void 0} data-disabled={state.isDisabled() || void 0} data-type={props.segment.type} data-hovered={isHovered() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0}>
+      {getChildren()}
+    </span>;
+}
+function DateFieldLabel(props) {
+	const { aria } = useDateFieldContext();
+	return <span {...aria.labelProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+function DateFieldDescription(props) {
+	const { aria } = useDateFieldContext();
+	return <span {...aria.descriptionProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+function DateFieldErrorMessage(props) {
+	const { aria } = useDateFieldContext();
+	return <span {...aria.errorMessageProps} class={props.class}>
+      {props.children}
+    </span>;
+}
+//#endregion
+export { DateFieldLabel as a, DateSegment as c, useDateRangePickerContext as d, DateFieldErrorMessage as i, useDateFieldContext as l, DateFieldContext as n, DateFieldStateContext as o, DateFieldDescription as r, DateInput as s, DateField as t, DateRangePickerContext as u };
+
+//# sourceMappingURL=DateField2.jsx.map

package/dist/DateField2.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField2.jsx","names":["mergeProps"],"sources":["../src/DateRangePickerContext.tsx","../src/DateField.tsx"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport { type createDateRangePicker } from \"@proyecto-viviana/solidaria\";\nimport {\n  type DateFieldState,\n  type DateValue,\n  type RangeCalendarState,\n} from \"@proyecto-viviana/solid-stately\";\n\nexport interface DateRangePickerFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    /** Optional hidden validation <input> props (unused by the range fields). */\n    hiddenInputProps?: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport interface DateRangePickerContextValue {\n  calendarState: RangeCalendarState<DateValue>;\n  startFieldState: DateFieldState<DateValue>;\n  endFieldState: DateFieldState<DateValue>;\n  startFieldContext: DateRangePickerFieldContextValue;\n  endFieldContext: DateRangePickerFieldContextValue;\n  overlayState: {\n    isOpen: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n  };\n  triggerRef: () => HTMLElement | null;\n  setTriggerRef: (element: HTMLElement | null) => void;\n  pickerAria: ReturnType<typeof createDateRangePicker>;\n}\n\nexport const DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nexport function useDateRangePickerContext(): DateRangePickerContextValue {\n  const context = useContext(DateRangePickerContext);\n  if (!context) {\n    throw new Error(\"DateRangePicker components must be used within a DateRangePicker\");\n  }\n  return context;\n}\n","/**\n * DateField component for solidaria-components\n *\n * Pre-wired headless date field component with segment-based editing.\n * Port of react-aria-components/src/DateField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  splitProps,\n  useContext,\n  Index,\n  Show,\n} from \"solid-js\";\nimport {\n  createDateField,\n  createDateSegment,\n  createFocusRing,\n  createHover,\n  createVisuallyHidden,\n  mergeProps,\n  type AriaDateFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone,\n} from \"@internationalized/date\";\nimport {\n  createDateFieldState,\n  access,\n  type DateFieldState,\n  type DateFieldStateProps,\n  type DateSegment as DateSegmentType,\n  type CalendarDate,\n  type DateValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport {\n  DateRangePickerContext,\n  type DateRangePickerFieldContextValue,\n} from \"./DateRangePickerContext\";\n\nexport interface DateFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface DateFieldProps<T extends DateValue = DateValue>\n  extends\n    Omit<AriaDateFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<DateFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: DateSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface DateInputRenderProps {\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is focused. */\n  isFocused: boolean;\n}\n\nexport interface DateInputProps extends SlotProps {\n  /** The children of the component (render function receiving segments). */\n  children?: (segment: DateSegmentType) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateInputRenderProps>;\n  /** Handler called during the pointer down capture phase. */\n  onPointerDownCapture?: JSX.EventHandler<HTMLDivElement, PointerEvent>;\n}\n\nexport interface DateSegmentRenderProps {\n  /** Whether the segment is hovered. */\n  isHovered: boolean;\n  /** Whether the segment is focused. */\n  isFocused: boolean;\n  /** Whether the segment is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the segment is a placeholder. */\n  isPlaceholder: boolean;\n  /** Whether the segment is read only. */\n  isReadOnly: boolean;\n  /** Whether the segment is disabled. */\n  isDisabled: boolean;\n  /** Whether the segment is invalid. */\n  isInvalid: boolean;\n  /** The segment type. */\n  type: DateSegmentType[\"type\"];\n  /** The text to display. */\n  text: string;\n}\n\nexport interface DateSegmentProps extends SlotProps {\n  /** The segment data. */\n  segment: DateSegmentType;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<DateSegmentRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateSegmentRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateSegmentRenderProps>;\n}\n\nexport interface DateFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    // The hidden validation <input> props (native type/required/onChange). Only\n    // the standalone DateField provides these; DatePicker/DateRangePicker manage\n    // their own hidden inputs, so this stays optional and its <input> is gated.\n    hiddenInputProps?: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const DateFieldContext = createContext<DateFieldContextValue | null>(null);\nexport const DateFieldStateContext = createContext<DateFieldState<DateValue> | null>(null);\n\nfunction withFormValidationBehavior<P extends object>(props: P, formContext: FormProps | null): P {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nexport function useDateFieldContext(): DateFieldContextValue {\n  const context = useContext(DateFieldContext);\n  if (!context) {\n    throw new Error(\"DateField components must be used within a DateField\");\n  }\n  return context;\n}\n\nfunction useDateInputContext(\n  slot?: string,\n): DateFieldContextValue | DateRangePickerFieldContextValue {\n  const dateFieldContext = useContext(DateFieldContext);\n  if (dateFieldContext) {\n    return dateFieldContext;\n  }\n\n  const dateRangePickerContext = useContext(DateRangePickerContext);\n  if (dateRangePickerContext && slot === \"start\") {\n    return dateRangePickerContext.startFieldContext;\n  }\n  if (dateRangePickerContext && slot === \"end\") {\n    return dateRangePickerContext.endFieldContext;\n  }\n\n  throw new Error(\"DateInput components must be used within a DateField or DateRangePicker slot\");\n}\n\n/**\n * A date field allows users to enter and edit date values using a keyboard.\n *\n * @example\n * ```tsx\n * <DateField label=\"Date\">\n *   <Label>Date</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </DateField>\n * ```\n */\nexport function DateField<T extends DateValue = CalendarDate>(\n  props: DateFieldProps<T>,\n): JSX.Element {\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n  const formContext = useContext(FormContext);\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-DateField solidaria-DateField--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <DateFieldInner {...props} __formContext={formContext} />\n    </Show>\n  );\n}\n\ntype DateFieldInnerProps<T extends DateValue = DateValue> = DateFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal DateField component that renders after client mount.\n */\nfunction DateFieldInner<T extends DateValue = CalendarDate>(\n  props: DateFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, stateProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"placeholderValue\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"isDateUnavailable\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // RAC's DateField creates this ref, passes it to useDateField, and threads it\n  // onto the <Input> via InputContext so useFormReset/useFormValidation target\n  // that element. We mirror that: create it here, hand it to createDateField\n  // below, and attach it to the same input through the context getter.\n  const [validationInputRef, setValidationInputRef] =\n    createSignal<HTMLInputElement | null>(null);\n\n  const state = createDateFieldState(stateProps);\n\n  const fieldAria = createDateField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads the same props into both useDateFieldState and useDateField;\n      // these live in `stateProps` here, so forward them so the field hook can\n      // build aria-disabled and the native validation <input> (type/required).\n      // access() unwraps the MaybeAccessor state-prop declarations.\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Mirror RAC DateField: validationBehavior ?? formValidationBehavior ??\n      // 'native'. withFormValidationBehavior already folds the form default into\n      // stateProps.validationBehavior; the last `?? 'native'` is the standalone\n      // default that flips the hidden input to type=\"text\".\n      validationBehavior: stateProps.validationBehavior ?? \"native\",\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      // Form-reset + native constraint validation are wired onto this input by\n      // createDateField (see its createFormReset/createFormValidation calls),\n      // exactly as RAC's useDateField wires them onto props.inputRef.\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as DateFieldState<DateValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<DateFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DateField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <DateFieldStateContext.Provider value={state as unknown as DateFieldState<DateValue>}>\n      <DateFieldContext.Provider\n        value={{\n          state: state as unknown as DateFieldState<DateValue>,\n          // Read through getters so consumers see the LIVE memo values, not a\n          // snapshot frozen at first render. `createDescription` appends the\n          // value-description id via a deferred effect; the group's\n          // aria-describedby only picks it up if the props stay reactive here.\n          aria: {\n            get labelProps() {\n              return fieldAria.labelProps;\n            },\n            // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n            // isolate style, arrow-key nav, focus-within handlers) are routed to the\n            // DateInput element — mirroring RAC, where useDateField.fieldProps is\n            // published through GroupContext and consumed by the DateInput <Group>.\n            // The outer wrapper stays roleless.\n            get inputProps() {\n              return fieldAria.fieldProps;\n            },\n            // The REAL hidden validation input props (type/hidden/required/onChange\n            // under native validation). Rendered as the DateInput's <input> sibling.\n            // Thread the validation-input ref through here — mirroring RAC's\n            // `[InputContext, {...inputProps, ref: inputRef}]` — so createDateField's\n            // form-reset/validation wiring resolves to the mounted element.\n            get hiddenInputProps() {\n              return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n            },\n            get descriptionProps() {\n              return fieldAria.descriptionProps;\n            },\n            get errorMessageProps() {\n              return fieldAria.errorMessageProps;\n            },\n          },\n        }}\n      >\n        <div\n          ref={setFieldRef}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={dataAttr(state.isDisabled())}\n          data-readonly={dataAttr(state.isReadOnly())}\n          data-required={dataAttr(state.isRequired())}\n          data-invalid={dataAttr(state.isInvalid())}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {local.children as JSX.Element}\n          </Provider>\n        </div>\n        {/*\n          RAC renders <HiddenDateInput> UNCONDITIONALLY at the DateField root\n          (react-aria-components DateField.mjs). It is NOT a validation input — it\n          is a clipped, aria-hidden, tabIndex={-1} native date input that mirrors\n          the value for browser autofill. Its `form=\"\"` detaches it from form\n          submission (the DateInput's <Input> above is what submits), so it never\n          double-counts in FormData. It renders regardless of `name` — hence no\n          <Show> gate — which is why it appears in the focus trail as the trailing\n          tabindex=\"-1\" element.\n        */}\n        <RootHiddenDateInput\n          autoComplete={(rest as Record<string, unknown>).autoComplete as string | undefined}\n          name={(rest as Record<string, unknown>).name as string | undefined}\n          isDisabled={state.isDisabled()}\n          state={state as unknown as DateFieldState<DateValue>}\n        />\n      </DateFieldContext.Provider>\n    </DateFieldStateContext.Provider>\n  );\n}\n\nconst HIDDEN_DATE_SEGMENTS: readonly string[] = [\"day\", \"month\", \"year\"];\nconst HIDDEN_TIME_SEGMENTS: readonly string[] = [\"hour\", \"minute\", \"second\"];\nconst HIDDEN_GRANULARITY_MAP: Record<string, number> = { hour: 1, minute: 2, second: 3 };\n\ninterface RootHiddenDateInputProps {\n  autoComplete?: string;\n  name?: string;\n  isDisabled?: boolean;\n  state: DateFieldState<DateValue>;\n}\n\n/**\n * The always-rendered hidden date input at the DateField root — a faithful port\n * of react-aria-components' HiddenDateInput (private/HiddenDateInput.mjs). It is\n * NOT a validation input: it is a clipped, aria-hidden, tabIndex={-1} native\n * date input that mirrors the current value for browser autofill. `form=\"\"`\n * detaches it from form submission (the DateInput's <Input> submits), so it\n * never double-counts in FormData. RAC renders it unconditionally, which is why\n * it appears as the trailing tabindex=\"-1\" element in the focus trail.\n */\nfunction RootHiddenDateInput(props: RootHiddenDateInputProps): JSX.Element {\n  // RAC uses useVisuallyHidden with position:fixed/top:0/left:0 to keep the\n  // clipped input from scrolling the page.\n  const { visuallyHiddenProps } = createVisuallyHidden(() => ({\n    style: { position: \"fixed\", top: \"0\", left: \"0\" },\n  }));\n\n  const granularity = () => props.state.granularity ?? \"day\";\n  const inputStep = () => {\n    const g = granularity();\n    if (g === \"second\") return 1;\n    if (g === \"hour\") return 3600;\n    return 60;\n  };\n  const inputType = () => (granularity() === \"day\" ? \"date\" : \"datetime-local\");\n  const dateValue = () => {\n    const value = props.state.value();\n    if (!value) return \"\";\n    if (granularity() === \"day\") return toCalendarDate(value).toString();\n    return toCalendarDateTime(\n      \"timeZone\" in value ? toLocalTimeZone(value) : value,\n    ).toString();\n  };\n\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    const targetString = (event.currentTarget.value ?? \"\").toString();\n    if (!targetString) return;\n    try {\n      const g = granularity();\n      const targetValue = (g === \"day\" ? parseDate(targetString) : parseDateTime(targetString)) as\n        unknown as Record<string, number>;\n      let timeSegments = HIDDEN_TIME_SEGMENTS;\n      if (HIDDEN_TIME_SEGMENTS.includes(g)) {\n        timeSegments = HIDDEN_TIME_SEGMENTS.slice(0, HIDDEN_GRANULARITY_MAP[g]);\n      }\n      const state = props.state as unknown as {\n        setSegment?: (type: string, value: number) => void;\n        setValue: (value: unknown) => void;\n      };\n      // Only DateFieldState (not DatePickerState) exposes setSegment; validate\n      // each parsed segment before committing the new value, mirroring RAC.\n      if (typeof state.setSegment === \"function\") {\n        for (const type in targetValue) {\n          if (HIDDEN_DATE_SEGMENTS.includes(type)) state.setSegment(type, targetValue[type]);\n          if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);\n        }\n      }\n      state.setValue(targetValue);\n    } catch {\n      // ignore unparseable autofill values\n    }\n  };\n\n  return (\n    <div\n      {...(visuallyHiddenProps() as unknown as Record<string, unknown>)}\n      aria-hidden=\"true\"\n      data-testid=\"hidden-dateinput-container\"\n    >\n      <input\n        tabIndex={-1}\n        autocomplete={props.autoComplete}\n        disabled={props.isDisabled}\n        type={inputType()}\n        form=\"\"\n        name={props.name}\n        step={inputStep()}\n        value={dateValue()}\n        onChange={onChange}\n      />\n    </div>\n  );\n}\n\n/**\n * The input area containing date segments.\n */\nexport function DateInput(props: DateInputProps): JSX.Element {\n  const context = useDateInputContext(props.slot);\n  const { state, aria } = context;\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [inputRef, setInputRef] = createSignal<HTMLDivElement | null>(null);\n\n  const renderValues = createMemo<DateInputRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateInput\",\n    },\n    renderValues,\n  );\n\n  // The group props (role=\"group\", aria-labelledby, unicode-bidi:isolate,\n  // arrow-key nav, focus-within handlers) carry the field's own `style` and\n  // focus handlers. Merge — not clobber — so the group keeps its unicode-bidi\n  // isolation and the local isFocused signal chains onto the field's\n  // focusWithin handlers. Solid onFocus/onBlur do not bubble, so track focus\n  // via onFocusIn/onFocusOut.\n  const inputDivProps = createMemo(() =>\n    mergeProps(aria.inputProps, {\n      onFocusIn: () => setIsFocused(true),\n      onFocusOut: () => setIsFocused(false),\n      style: renderProps.style(),\n    }),\n  );\n\n  createEffect(() => {\n    const element = inputRef();\n    const handler = props.onPointerDownCapture;\n    if (!element || !handler) return;\n\n    const listener = (event: PointerEvent) =>\n      (handler as unknown as (event: PointerEvent) => void)(event);\n    element.addEventListener(\"pointerdown\", listener, { capture: true });\n    onCleanup(() => element.removeEventListener(\"pointerdown\", listener, { capture: true }));\n  });\n\n  return (\n    <DateFieldContext.Provider value={context as DateFieldContextValue}>\n      <div\n        ref={setInputRef}\n        {...inputDivProps()}\n        class={renderProps.class()}\n        data-disabled={dataAttr(state.isDisabled())}\n        data-focused={dataAttr(isFocused())}\n      >\n        {/*\n          <Index> keys by position, not identity, so each DateSegment instance\n          stays alive across keystrokes (state.segments() re-mints segment\n          objects every edit). A stable Proxy forwards property reads to the\n          live per-index accessor so the child stays reactive.\n        */}\n        <Index each={state.segments()}>\n          {(segment) => {\n            const liveSegment = new Proxy({} as DateSegmentType, {\n              get: (_t, key) => (segment() as unknown as Record<PropertyKey, unknown>)[key],\n              has: (_t, key) => key in (segment() as object),\n            });\n            return props.children?.(liveSegment);\n          }}\n        </Index>\n      </div>\n      {/*\n        The hidden validation input, sibling of the group — mirrors RAC's\n        DateInputInner `<><Group/><Input/></>`. Under native validation\n        (default) `useDateField` publishes it as `type=\"text\" hidden required`\n        so browser constraint validation fires; under aria validation it stays\n        `type=\"hidden\"`. Both carry the ISO value string. Only the standalone\n        DateField supplies these props; inside a DatePicker/DateRangePicker the\n        field is presentation and its owner renders the hidden input instead.\n      */}\n      <Show when={aria.hiddenInputProps}>\n        {(hiddenInputProps) => (\n          <input {...(hiddenInputProps() as JSX.InputHTMLAttributes<HTMLInputElement>)} />\n        )}\n      </Show>\n    </DateFieldContext.Provider>\n  );\n}\n\n/**\n * A segment of a date field (year, month, day, etc.).\n */\nexport function DateSegment(props: DateSegmentProps): JSX.Element {\n  const { state } = useDateFieldContext();\n  const [segmentRef, setSegmentRef] = createSignal<HTMLElement | null>(null);\n\n  const segmentAria = createDateSegment(\n    {\n      get segment() {\n        return props.segment;\n      },\n    },\n    state,\n    segmentRef,\n  );\n\n  // Mirror upstream DateSegment: focus/focus-visible come from useFocusRing()\n  // and hover from useHover({isDisabled: field disabled || literal segment}).\n  // Literals never hover; the field being disabled suppresses hover entirely.\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover(() => ({\n    isDisabled: state.isDisabled() || props.segment.type === \"literal\",\n  }));\n\n  const renderValues = createMemo<DateSegmentRenderProps>(() => ({\n    isHovered: isHovered(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isPlaceholder: props.segment.isPlaceholder,\n    isReadOnly: state.isReadOnly(),\n    isDisabled: state.isDisabled(),\n    isInvalid: state.isInvalid(),\n    type: props.segment.type,\n    text: props.segment.text,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateSegment\",\n    },\n    renderValues,\n  );\n\n  // Determine children content - avoid Show for SSR hydration compatibility\n  const getChildren = () => {\n    if (typeof props.children === \"function\") {\n      return renderProps.renderChildren();\n    }\n    return props.segment.text;\n  };\n\n  // Mirror upstream's `mergeProps(filterDOMProps(otherProps), segmentProps,\n  // focusProps, hoverProps)`: the segment's behavior/style props (caretColor +\n  // RTL direction) chain with the focus-ring and hover handlers so neither\n  // clobbers the other.\n  const segmentElementProps = createMemo(() =>\n    mergeProps(\n      segmentAria.segmentProps,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n      {\n        style: renderProps.style(),\n      },\n    ),\n  );\n\n  return (\n    <span\n      ref={setSegmentRef}\n      {...segmentElementProps()}\n      class={renderProps.class()}\n      data-placeholder={props.segment.isPlaceholder || undefined}\n      data-invalid={state.isInvalid() || undefined}\n      data-readonly={state.isReadOnly() || undefined}\n      data-disabled={state.isDisabled() || undefined}\n      data-type={props.segment.type}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n    >\n      {getChildren()}\n    </span>\n  );\n}\n\nexport interface DateFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldLabel(props: DateFieldLabelProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface DateFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldDescription(props: DateFieldDescriptionProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface DateFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldErrorMessage(props: DateFieldErrorMessageProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { DateFieldState, DateSegmentType };\n"],"mappings":"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"}

package/dist/DatePicker.d.ts

@@ -4,8 +4,8 @@
  * Pre-wired headless date picker component that combines a date field with a calendar popup.
  * Port of react-aria-components/src/DatePicker.tsx
  */
-import { type JSX } from "solid-js";
-import { createDatePicker, type AriaDatePickerProps, type AriaDateRangePickerProps } from "@proyecto-viviana/solidaria";
+import { type JSX, type Context } from "solid-js";
+import { createDatePicker, type AriaDatePickerProps, type AriaDateRangePickerProps, type PlacementAxis } from "@proyecto-viviana/solidaria";
 import { type DateFieldState, type DatePickerState, type CalendarStateProps, type CalendarState, type RangeCalendarState, type DateFieldStateProps, type CalendarDate, type DateValue, type RangeCalendarStateProps } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 export interface DatePickerRenderProps {
@@ -101,6 +101,25 @@ export interface DatePickerButtonRenderProps {
     isDisabled: boolean;
     /** Whether the calendar is open. */
     isOpen: boolean;
+    /**
+     * Whether the button is currently pressed. Provided by the single
+     * DatePicker (fed from `createDatePicker().isButtonPressed()`); the range
+     * variant does not yet publish press state, so this is optional.
+     */
+    isPressed?: boolean;
+    /**
+     * Whether the button is hovered. Fed from the trigger's own `createHover`;
+     * mirrors RAC `Button`'s `isHovered` renderProp so the styled S2
+     * `baseColor("gray-100")` hover-step background compiles into the className.
+     */
+    isHovered?: boolean;
+    /**
+     * Whether the button is keyboard-focused (focus-visible). Fed from
+     * `createFocusRing`; mirrors RAC `Button`'s `isFocusVisible` so the styled
+     * S2 `focusRing()` outline (a renderProps-gated class, not a CSS
+     * `[data-focus-visible]` selector) compiles into the className.
+     */
+    isFocusVisible?: boolean;
 }
 export interface DatePickerButtonProps extends SlotProps {
     /** The children of the component. */
@@ -111,12 +130,18 @@ export interface DatePickerButtonProps extends SlotProps {
     style?: StyleOrFunction<DatePickerButtonRenderProps>;
     /** Whether the button is disabled. */
     isDisabled?: boolean;
+    /**
+     * Ref callback for the underlying button element. Mirrors S2's CalendarButton,
+     * whose `buttonRef` feeds `pressScale(buttonRef)`; the styled layer forwards a
+     * setter here so it can size the press transform against the real element.
+     */
+    ref?: (element: HTMLButtonElement) => void;
 }
 export interface DateRangePickerButtonProps extends DatePickerButtonProps {
 }
-export declare const DatePickerContext: import("solid-js").Context<DatePickerContextValue | null>;
-export declare const DatePickerStateContext: import("solid-js").Context<DateFieldState<DateValue> | null>;
-export declare const DateRangePickerStateContext: import("solid-js").Context<RangeCalendarState<DateValue> | null>;
+export declare const DatePickerContext: Context<DatePickerContextValue | null>;
+export declare const DatePickerStateContext: Context<DateFieldState<DateValue> | null>;
+export declare const DateRangePickerStateContext: Context<RangeCalendarState<DateValue> | null>;
 export { DateRangePickerContext, useDateRangePickerContext } from "./DateRangePickerContext";
 export type { DateRangePickerContextValue, DateRangePickerFieldContextValue, } from "./DateRangePickerContext";
 export declare function useDatePickerContext(): DatePickerContextValue;
@@ -152,11 +177,25 @@ export declare function DateRangePicker<T extends DateValue = CalendarDate>(prop
  */
 export declare function DatePickerButton(props: DatePickerButtonProps): JSX.Element;
 export declare function DateRangePickerButton(props: DateRangePickerButtonProps): JSX.Element;
+/**
+ * Render props for the popover surface, mirroring RAC `Popover`'s
+ * enter/exit/placement renderProps. The styled layer keys the S2
+ * opacity/translate enter transition on these (a renderProps-gated class, not a
+ * CSS `[data-entering]` selector).
+ */
+export interface DatePickerContentRenderProps {
+    /** Whether the popover is playing its enter transition (`data-entering`). */
+    isEntering: boolean;
+    /** Whether the popover is playing its exit transition (`data-exiting`). */
+    isExiting: boolean;
+    /** The resolved placement axis, for the direction-dependent translate. */
+    placement: PlacementAxis | null;
+}
 export interface DatePickerContentProps extends SlotProps {
     /** The children of the component. */
     children?: JSX.Element;
-    /** The CSS className for the element. */
-    class?: string;
+    /** The CSS className for the element, or a function of the render props. */
+    class?: string | ((renderProps: DatePickerContentRenderProps) => string);
     /** The inline style for the element. */
     style?: JSX.CSSProperties;
 }

package/dist/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/DatePicker.js

@@ -0,0 +1,7 @@
+import "./Text.js";
+import "./Form.js";
+import "./Calendar.js";
+import "./RangeCalendar.js";
+import { d as useDateRangePickerContext, u as DateRangePickerContext } from "./DateField2.js";
+import { _ as HiddenDateInput, a as DatePickerDescription, c as DatePickerStateContext, d as DateRangePickerContent, f as DateRangePickerDescription, g as useDatePickerContext, h as DateRangePickerStateContext, i as DatePickerContext, l as DateRangePicker, m as DateRangePickerLabel, n as DatePickerButton, o as DatePickerErrorMessage, p as DateRangePickerErrorMessage, r as DatePickerContent, s as DatePickerLabel, t as DatePicker, u as DateRangePickerButton } from "./DatePicker2.js";
+export { DatePicker, DatePickerButton, DatePickerContent, DatePickerContext, DatePickerDescription, DatePickerErrorMessage, DatePickerLabel, DatePickerStateContext, DateRangePicker, DateRangePickerButton, DateRangePickerContent, DateRangePickerContext, DateRangePickerDescription, DateRangePickerErrorMessage, DateRangePickerLabel, DateRangePickerStateContext, HiddenDateInput, useDatePickerContext, useDateRangePickerContext };

package/dist/DatePicker.jsx

@@ -0,0 +1,7 @@
+import "./Text.jsx";
+import "./Form.jsx";
+import "./Calendar.jsx";
+import "./RangeCalendar.jsx";
+import { d as useDateRangePickerContext, u as DateRangePickerContext } from "./DateField2.jsx";
+import { _ as HiddenDateInput, a as DatePickerDescription, c as DatePickerStateContext, d as DateRangePickerContent, f as DateRangePickerDescription, g as useDatePickerContext, h as DateRangePickerStateContext, i as DatePickerContext, l as DateRangePicker, m as DateRangePickerLabel, n as DatePickerButton, o as DatePickerErrorMessage, p as DateRangePickerErrorMessage, r as DatePickerContent, s as DatePickerLabel, t as DatePicker, u as DateRangePickerButton } from "./DatePicker2.jsx";
+export { DatePicker, DatePickerButton, DatePickerContent, DatePickerContext, DatePickerDescription, DatePickerErrorMessage, DatePickerLabel, DatePickerStateContext, DateRangePicker, DateRangePickerButton, DateRangePickerContent, DateRangePickerContext, DateRangePickerDescription, DateRangePickerErrorMessage, DateRangePickerLabel, DateRangePickerStateContext, HiddenDateInput, useDatePickerContext, useDateRangePickerContext };