Skip to content

Commit 56147d5

Browse files
authored
Add isDisabled render prop to DateSegment (#5674)
1 parent ebc610d commit 56147d5

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

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

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -288,6 +288,11 @@ export interface DateSegmentRenderProps extends Omit<IDateSegment, 'isEditable'>
288288
* @selector [data-readonly]
289289
*/
290290
isReadOnly: boolean,
291+
/**
292+
* Whether the date field is disabled.
293+
* @selector [data-disabled]
294+
*/
295+
isDisabled: boolean,
291296
/**
292297
* Whether the date field is in an invalid state.
293298
* @selector [data-invalid]
@@ -318,6 +323,7 @@ function DateSegment({segment, ...otherProps}: DateSegmentProps, ref: ForwardedR
318323
...segment,
319324
isReadOnly: !segment.isEditable,
320325
isInvalid: state.isInvalid,
326+
isDisabled: state.isDisabled,
321327
isHovered,
322328
isFocused,
323329
isFocusVisible
@@ -335,6 +341,7 @@ function DateSegment({segment, ...otherProps}: DateSegmentProps, ref: ForwardedR
335341
data-placeholder={segment.isPlaceholder || undefined}
336342
data-invalid={state.isInvalid || undefined}
337343
data-readonly={!segment.isEditable || undefined}
344+
data-disabled={state.isDisabled || undefined}
338345
data-type={segment.type}
339346
data-hovered={isHovered || undefined}
340347
data-focused={isFocused || undefined}

0 commit comments

Comments
 (0)