Remove enableAccessibleFieldDOMStructure prop when not needed

mui · Sep 17, 2024 · 931a1a1 · 931a1a1
1 parent 7b1784d
commit 931a1a1
Show file tree

Hide file tree

Showing 47 changed files with 104 additions and 289 deletions.
diff --git a/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.js b/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.js
@@ -14,14 +14,8 @@ export default function MaterialV7FieldWrapped() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
       <DemoContainer components={['DateField', 'DatePicker']}>
-        <DateField
-          enableAccessibleFieldDOMStructure
-          slots={{ textField: MyPickersTextField }}
-        />
-        <DatePicker
-          enableAccessibleFieldDOMStructure
-          slots={{ textField: MyPickersTextField }}
-        />
+        <DateField slots={{ textField: MyPickersTextField }} />
+        <DatePicker slots={{ textField: MyPickersTextField }} />
       </DemoContainer>
     </LocalizationProvider>
   );

diff --git a/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.tsx b/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.tsx
@@ -19,14 +19,8 @@ export default function MaterialV7FieldWrapped() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
       <DemoContainer components={['DateField', 'DatePicker']}>
-        <DateField
-          enableAccessibleFieldDOMStructure
-          slots={{ textField: MyPickersTextField }}
-        />
-        <DatePicker
-          enableAccessibleFieldDOMStructure
-          slots={{ textField: MyPickersTextField }}
-        />
+        <DateField slots={{ textField: MyPickersTextField }} />
+        <DatePicker slots={{ textField: MyPickersTextField }} />
       </DemoContainer>
     </LocalizationProvider>
   );

diff --git a/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.tsx.preview b/docs/data/date-pickers/custom-field/MaterialV7FieldWrapped.tsx.preview
@@ -1,8 +1,2 @@
-<DateField
-  enableAccessibleFieldDOMStructure
-  slots={{ textField: MyPickersTextField }}
-/>
-<DatePicker
-  enableAccessibleFieldDOMStructure
-  slots={{ textField: MyPickersTextField }}
-/>
+<DateField slots={{ textField: MyPickersTextField }} />
+<DatePicker slots={{ textField: MyPickersTextField }} />
diff --git a/docs/data/date-pickers/fields/BasicV7DOMStructure.js b/docs/data/date-pickers/fields/BasicV7DOMStructure.js
@@ -8,7 +8,7 @@ export default function BasicV7DOMStructure() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
       <DemoContainer components={['DateField']}>
-        <DateField label="Date Field" enableAccessibleFieldDOMStructure />
+        <DateField label="Date Field" />
       </DemoContainer>
     </LocalizationProvider>
   );

diff --git a/docs/data/date-pickers/fields/BasicV7DOMStructure.tsx b/docs/data/date-pickers/fields/BasicV7DOMStructure.tsx
@@ -8,7 +8,7 @@ export default function BasicV7DOMStructure() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
       <DemoContainer components={['DateField']}>
-        <DateField label="Date Field" enableAccessibleFieldDOMStructure />
+        <DateField label="Date Field" />
       </DemoContainer>
     </LocalizationProvider>
   );

diff --git a/docs/data/date-pickers/fields/BasicV7DOMStructure.tsx.preview b/docs/data/date-pickers/fields/BasicV7DOMStructure.tsx.preview
@@ -1 +1 @@
-<DateField label="Date Field" enableAccessibleFieldDOMStructure />
+<DateField label="Date Field"/>
diff --git a/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md b/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
@@ -91,8 +91,8 @@ the field consumes some props (e.g: `shouldRespectLeadingZeros`) and forwards th
   ```js
   <DatePicker
     slotProps={{ field: { shouldRespectLeadingZeros: true } }}
-    enableAccessibleFieldDOMStructure
-  />
+    enableAccessibleFieldDOMStructure={false}
+   />
   <DatePicker
     slotProps={{ field: { shouldRespectLeadingZeros: true } }}
   />
@@ -106,8 +106,8 @@ the field consumes some props (e.g: `shouldRespectLeadingZeros`) and forwards th
   ```js
   <DatePicker
     slotProps={{ field: { size: 'small' } }}
-    enableAccessibleFieldDOMStructure
-  />
+    enableAccessibleFieldDOMStructure={false}
+   />
   <DatePicker
     slotProps={{ field: { size: 'small' } }}
   />
@@ -123,7 +123,7 @@ Both components below will render a small size UI:
 ```js
 <DatePicker
   slotProps={{ textField: { size: 'small' } }}
-  enableAccessibleFieldDOMStructure
+  enableAccessibleFieldDOMStructure={false}
 />
 <DatePicker
   slotProps={{ textField: { size: 'small' } }}

diff --git a/docs/src/modules/components/overview/Keyboard.tsx b/docs/src/modules/components/overview/Keyboard.tsx
@@ -487,7 +487,6 @@ export default function Keyboard() {
               onKeyUp={() => {
                 setSelectedKey(null);
               }}
-              enableAccessibleFieldDOMStructure
               onSelectedSectionsChange={(newSelectedSection) => {
                 selectedSection.current = newSelectedSection;
               }}

diff --git a/packages/x-date-pickers-pro/src/DateRangePicker/DateRangePicker.test.tsx b/packages/x-date-pickers-pro/src/DateRangePicker/DateRangePicker.test.tsx
@@ -45,7 +45,7 @@ describe('<DateRangePicker />', () => {
     const originalMatchMedia = window.matchMedia;
     window.matchMedia = stubMatchMedia(false);
 
-    render(<DateRangePicker enableAccessibleFieldDOMStructure />);
+    render(<DateRangePicker />);
     fireEvent.click(getFieldInputRoot());
     clock.runToLast();