Function DateSegment

starters/hooks/src/DateField.tsx:58–72

({segment, state}: DateSegmentProps)

}

export function DateSegment({segment, state}: DateSegmentProps) {
  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>
  );
}