"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  TimeField as AriaTimeField,
  type TimeFieldProps as AriaProps,
  type TimeValue,
  DateInput,
  DateSegment,
  Label,
  Text,
  FieldError,
  type ValidationResult,
  composeRenderProps,
} from "./react-aria-runtime.js";
export { parseDate, parseDateTime, Time } from "./react-aria-runtime.js";
export interface TimeFieldProps<T extends TimeValue> extends Omit<
  AriaProps<T>,
  "children"
> {
  label: string;
  description?: string;
  errorMessage?: string | ((validation: ValidationResult) => string);
}
export function TimeField<T extends TimeValue>({
  label,
  description,
  errorMessage,
  className,
  ...props
}: TimeFieldProps<T>) {
  return (
    <AriaTimeField
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-time-field ynr-aria ${value ?? ""}`,
      )}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <DateInput className="ynr-aria-date-input">
        {(segment) => (
          <DateSegment segment={segment} className="ynr-aria-segment" />
        )}
      </DateInput>
      {description && (
        <Text slot="description" className="ynr-aria-description">
          {description}
        </Text>
      )}
      <FieldError className="ynr-aria-error">{errorMessage}</FieldError>
    </AriaTimeField>
  );
}