Skip to content

Commit 4b2c6e7

Browse files
authored
fix: exclude isEditable from DateSegment render props (#7961)
1 parent 27e5ef1 commit 4b2c6e7

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

packages/react-aria-components/src/DateField.tsx

+4-3
Original file line numberDiff line numberDiff line change
@@ -331,11 +331,12 @@ export const DateSegment = /*#__PURE__*/ (forwardRef as forwardRefType)(function
331331
let {segmentProps} = useDateSegment(segment, state, domRef);
332332
let {focusProps, isFocused, isFocusVisible} = useFocusRing();
333333
let {hoverProps, isHovered} = useHover({...otherProps, isDisabled: state.isDisabled || segment.type === 'literal'});
334+
let {isEditable, ...segmentRest} = segment;
334335
let renderProps = useRenderProps({
335336
...otherProps,
336337
values: {
337-
...segment,
338-
isReadOnly: !segment.isEditable,
338+
...segmentRest,
339+
isReadOnly: !isEditable,
339340
isInvalid: state.isInvalid,
340341
isDisabled: state.isDisabled,
341342
isHovered,
@@ -355,7 +356,7 @@ export const DateSegment = /*#__PURE__*/ (forwardRef as forwardRefType)(function
355356
ref={domRef}
356357
data-placeholder={segment.isPlaceholder || undefined}
357358
data-invalid={state.isInvalid || undefined}
358-
data-readonly={!segment.isEditable || undefined}
359+
data-readonly={!isEditable || undefined}
359360
data-disabled={state.isDisabled || undefined}
360361
data-type={segment.type}
361362
data-hovered={isHovered || undefined}

0 commit comments

Comments
 (0)