Disable DatePicker's native input when the picker is disabled (#6692)

Author: snowystinger

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

@@ -149,7 +149,8 @@ export function useDateField<T extends DateValue>(props: AriaDateFieldOptions<T>
   let inputProps: InputHTMLAttributes<HTMLInputElement> = {
     type: 'hidden',
     name: props.name,
-    value: state.value?.toString() || ''
+    value: state.value?.toString() || '',
+    disabled: props.isDisabled
   };
 
   if (props.validationBehavior === 'native') {

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

@@ -270,5 +270,8 @@ describe('DatePicker', () => {
     for (let spinbutton of spinbuttons) {
       expect(spinbutton).toHaveAttribute('aria-disabled', 'true');
     }
+
+    let hiddenInput = getByRole('textbox', {hidden: true});
+    expect(hiddenInput).toHaveAttribute('disabled');
   });
 });