Function DateSegment

starters/hooks/src/TimeField.tsx:46–60

({segment, state}: {segment: DateSegmentType; state: TimeFieldState})

}

function DateSegment({segment, state}: {segment: DateSegmentType; state: TimeFieldState}) {
  let ref = useRef<HTMLSpanElement>(null);
  let {segmentProps} = useDateSegment(segment, state, ref);

  return (
    <span
      {...segmentProps}
      ref={ref}
      className="react-aria-DateSegment"
      data-type={segment.type}
      data-placeholder={segment.isPlaceholder || undefined}>
      {segment.text}
    </span>
  );
}