Skip to content

Commit 4fc7017

Browse files
authored
Disable DatePicker's native input when the picker is disabled (#6692)
1 parent b425306 commit 4fc7017

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

packages/@react-aria/datepicker/src/useDateField.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,8 @@ export function useDateField<T extends DateValue>(props: AriaDateFieldOptions<T>
149149
let inputProps: InputHTMLAttributes<HTMLInputElement> = {
150150
type: 'hidden',
151151
name: props.name,
152-
value: state.value?.toString() || ''
152+
value: state.value?.toString() || '',
153+
disabled: props.isDisabled
153154
};
154155

155156
if (props.validationBehavior === 'native') {

packages/react-aria-components/test/DatePicker.test.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -270,5 +270,8 @@ describe('DatePicker', () => {
270270
for (let spinbutton of spinbuttons) {
271271
expect(spinbutton).toHaveAttribute('aria-disabled', 'true');
272272
}
273+
274+
let hiddenInput = getByRole('textbox', {hidden: true});
275+
expect(hiddenInput).toHaveAttribute('disabled');
273276
});
274277
});

0 commit comments

Comments
 (0)