diff --git a/docs/src/docs/core/Rating.mdx b/docs/src/docs/core/Rating.mdx
index f0559fc41ec..86388e7bed6 100644
--- a/docs/src/docs/core/Rating.mdx
+++ b/docs/src/docs/core/Rating.mdx
@@ -35,10 +35,6 @@ function Demo() {
 
 <Demo data={RatingDemos.readOnly} />
 
-## Disabled state
-
-<Demo data={RatingDemos.disabled} />
-
 ## Fractions
 
 <Demo data={RatingDemos.fractions} />
diff --git a/docs/src/docs/core/TransferList.mdx b/docs/src/docs/core/TransferList.mdx
index 0e14a2a952e..597188652b3 100644
--- a/docs/src/docs/core/TransferList.mdx
+++ b/docs/src/docs/core/TransferList.mdx
@@ -51,10 +51,6 @@ be a tuple of two strings, one for each list:
 
 <Demo data={TransferListDemos.controlledSearch} />
 
-## Disabled state
-
-<Demo data={TransferListDemos.disabled} />
-
 ## Transferring only found items
 
 By default, TransferList transfers **all** items when you click the `transferAll` button.
diff --git a/src/mantine-demos/src/demos/core/Autocomplete/Autocomplete.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Autocomplete/Autocomplete.demo.disabled.tsx
index 1e6e549ebc6..668454d780d 100644
--- a/src/mantine-demos/src/demos/core/Autocomplete/Autocomplete.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Autocomplete/Autocomplete.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { Autocomplete } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <Autocomplete disabled data={['React', 'Angular', 'Svelte', 'Vue']} />
-
-      <fieldset disabled>
-        <Autocomplete data={['React', 'Angular', 'Svelte', 'Vue']} />
-      </fieldset>
-    /<>
-  );
+  return <Autocomplete disabled data={['React', 'Angular', 'Svelte', 'Vue']} />;
 }
 `;
 
@@ -36,25 +28,6 @@ function Demo() {
         disabled
         value="React"
       />
-
-      <br />
-
-      <fieldset disabled>
-        <Autocomplete
-          data={['React', 'Angular', 'Svelte', 'Vue']}
-          label="Disabled by fieldset without value"
-          placeholder="Pick all that you like"
-        />
-
-        <Autocomplete
-          mt="md"
-          data={['React', 'Angular', 'Svelte', 'Vue']}
-          label="Disabled by fieldset with value"
-          placeholder="Pick all that you like"
-          disabled
-          value="React"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Checkbox/Checkbox.demo.states.tsx b/src/mantine-demos/src/demos/core/Checkbox/Checkbox.demo.states.tsx
index 008f4475fb3..2875bbc5b60 100644
--- a/src/mantine-demos/src/demos/core/Checkbox/Checkbox.demo.states.tsx
+++ b/src/mantine-demos/src/demos/core/Checkbox/Checkbox.demo.states.tsx
@@ -15,12 +15,6 @@ function Demo() {
       <Checkbox disabled />
       <Checkbox disabled checked />
       <Checkbox disabled indeterminate />
-
-      <fieldset disabled>
-          <Checkbox />
-          <Checkbox checked />
-          <Checkbox indeterminate />
-      </fieldset>
     </>
   );
 }
@@ -36,14 +30,6 @@ function Demo() {
       <Checkbox disabled label="Disabled checkbox" />
       <Checkbox disabled checked label="Disabled checked checkbox" />
       <Checkbox disabled indeterminate label="Disabled indeterminate checkbox" />
-
-      <fieldset disabled>
-        <Stack>
-          <Checkbox label="Disabled checkbox by fieldset" />
-          <Checkbox checked label="Disabled checked checkbox by fieldset" />
-          <Checkbox indeterminate label="Disabled indeterminate checkbox by fieldset" />
-        </Stack>
-      </fieldset>
     </Stack>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Chip/Chip.demo.states.tsx b/src/mantine-demos/src/demos/core/Chip/Chip.demo.states.tsx
index f7c95b7eb77..3dc34b786a6 100644
--- a/src/mantine-demos/src/demos/core/Chip/Chip.demo.states.tsx
+++ b/src/mantine-demos/src/demos/core/Chip/Chip.demo.states.tsx
@@ -2,66 +2,6 @@ import React from 'react';
 import { MantineDemo } from '@mantine/ds';
 import { Chip, Group } from '@mantine/core';
 
-const code = `
-import { Chip } from '@mantine/core';
-
-function Demo() {
-  return (
-    <>
-      <Chip.Group multiple value={['checked', 'checked-disabled']}>
-        <Group position="center">
-          <Chip value="default" variant="outline">
-            Outline default
-          </Chip>
-          <Chip value="checked" variant="outline">
-            Outline checked
-          </Chip>
-          <Chip value="checked-disabled" disabled variant="outline">
-            Outline checked disabled
-          </Chip>
-
-          <Chip value="default" variant="light">
-            Light default
-          </Chip>
-          <Chip value="checked" variant="light">
-            Light checked
-          </Chip>
-          <Chip value="checked-disabled" disabled variant="light">
-            Light checked disabled
-          </Chip>
-
-          <Chip value="default" variant="filled">
-            Filled default
-          </Chip>
-          <Chip value="checked" variant="filled">
-            Filled checked
-          </Chip>
-          <Chip value="checked-disabled" disabled variant="filled">
-            Filled checked disabled
-          </Chip>
-        </Group>
-      </Chip.Group>
-
-      <fieldset disabled>
-        <Chip.Group multiple>
-          <Group position="center">
-            <Chip checked variant="outline">
-                Outline checked disabled by fieldset
-            </Chip>
-            <Chip checked variant="light">
-                Light checked disabled by fieldset
-            </Chip>
-            <Chip checked variant="filled">
-              Filled checked disabled by fieldset
-            </Chip>
-          </Group>
-        </Chip.Group>
-      </fieldset>
-    </>
-  );
-}
-`;
-
 function Demo() {
   return (
     <>
@@ -106,24 +46,6 @@ function Demo() {
           </Chip>
         </Group>
       </Chip.Group>
-
-      <br />
-
-      <fieldset disabled>
-        <Chip.Group multiple>
-          <Group position="center">
-            <Chip checked variant="outline">
-              Outline checked disabled by fieldset
-            </Chip>
-            <Chip checked variant="light">
-              Light checked disabled by fieldset
-            </Chip>
-            <Chip checked variant="filled">
-              Filled checked disabled by fieldset
-            </Chip>
-          </Group>
-        </Chip.Group>
-      </fieldset>
     </>
   );
 }
@@ -131,5 +53,4 @@ function Demo() {
 export const states: MantineDemo = {
   type: 'demo',
   component: Demo,
-  code,
 };
diff --git a/src/mantine-demos/src/demos/core/ColorInput/ColorInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/ColorInput/ColorInput.demo.disabled.tsx
index 611bbfaddb0..d5485a308c9 100644
--- a/src/mantine-demos/src/demos/core/ColorInput/ColorInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/ColorInput/ColorInput.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { ColorInput } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <ColorInput disabled />
-
-      <fieldset disabled>
-        <ColorInput />
-      </fieldset>
-    </>
-  );
+  return <ColorInput disabled />;
 }
 `;
 
@@ -30,23 +22,6 @@ function Demo() {
         disabled
         value="#EFD679"
       />
-
-      <br />
-
-      <fieldset disabled>
-        <ColorInput
-          label="Disabled by fieldset without value"
-          placeholder="Your favorite color"
-          disabled
-        />
-        <ColorInput
-          mt="md"
-          label="Disabled by fieldset with value"
-          placeholder="Your favorite color"
-          disabled
-          value="#EFD679"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/FileInput/FileInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/FileInput/FileInput.demo.disabled.tsx
index 24775ccf7d3..2248d4d51c3 100644
--- a/src/mantine-demos/src/demos/core/FileInput/FileInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/FileInput/FileInput.demo.disabled.tsx
@@ -6,27 +6,13 @@ const code = `
 import { FileInput } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <FileInput disabled />
-
-      <fieldset disabled>
-        <FileInput />
-      </fieldset>
-    </>
-  );
+  return <FileInput disabled />;
 `;
 
 function Demo() {
   return (
     <Box maw={320} mx="auto">
       <FileInput disabled label="Disabled" placeholder="Upload files" />
-
-      <br />
-
-      <fieldset disabled>
-        <FileInput label="Disabled by fieldset" placeholder="Upload files" />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/JsonInput/JsonInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/JsonInput/JsonInput.demo.disabled.tsx
index 347126b404f..6fa04b3b41e 100644
--- a/src/mantine-demos/src/demos/core/JsonInput/JsonInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/JsonInput/JsonInput.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { JsonInput } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <JsonInput disabled />
-
-      <fieldset disabled>
-        <JsonInput />
-      </fieldset>
-    </>
-  );
+  return <JsonInput disabled />;
 }
 `;
 
@@ -28,17 +20,6 @@ function Demo() {
         formatOnBlur
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <JsonInput
-          defaultValue='{ "a": 1, "B": 2 }'
-          label="Disabled by fieldset"
-          placeholder="Disabled by fieldset"
-          formatOnBlur
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/MultiSelect/MultiSelect.demo.disabled.tsx b/src/mantine-demos/src/demos/core/MultiSelect/MultiSelect.demo.disabled.tsx
index 208662b6327..fb1c7e4e3cd 100644
--- a/src/mantine-demos/src/demos/core/MultiSelect/MultiSelect.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/MultiSelect/MultiSelect.demo.disabled.tsx
@@ -7,15 +7,7 @@ const code = `
 import { MultiSelect } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <MultiSelect disabled />
-
-      <fieldset disabled>
-        <MultiSelect />
-      </fieldset>
-    </>
-  )
+  return <MultiSelect disabled />;
 }
 `;
 
@@ -38,25 +30,6 @@ function Demo() {
         disabled
         defaultValue={['react', 'vue']}
       />
-
-      <br />
-
-      <fieldset disabled>
-        <MultiSelect
-          data={data}
-          label="Disabled by fieldset without value"
-          placeholder="Won't pick anything"
-          defaultValue={[]}
-        />
-
-        <MultiSelect
-          mt="md"
-          data={data}
-          label="Disabled by fieldset with values"
-          placeholder="Won't pick anything"
-          defaultValue={['react', 'vue']}
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.disabled.tsx b/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.disabled.tsx
index 9842d06db27..1f51024c2cd 100644
--- a/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { NativeSelect } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <NativeSelect disabled data={[]} />
-
-      <fieldset disabled>
-        <NativeSelect data={[]} />
-      </fieldset>
-    </>
-  )
+  return <NativeSelect disabled data={[]} />;
 }
 `;
 
@@ -27,17 +19,6 @@ function Demo() {
         placeholder="Pick one that you like"
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <NativeSelect
-          data={['React', 'Angular', 'Svelte', 'Vue']}
-          label="Disabled select with fieldset"
-          placeholder="Pick one that you like"
-          disabled
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/NumberInput/NumberInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/NumberInput/NumberInput.demo.disabled.tsx
index c9dc0c7eb13..fac378c86c7 100644
--- a/src/mantine-demos/src/demos/core/NumberInput/NumberInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/NumberInput/NumberInput.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { NumberInput } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <NumberInput disabled />
-
-      <fieldset disabled>
-        <NumberInput />
-      </fieldset>
-    </>
-  )
+  return <NumberInput disabled />;
 }
 `;
 
@@ -22,12 +14,6 @@ function Demo() {
   return (
     <Box maw={320} mx="auto">
       <NumberInput label="Disabled" placeholder="Your age" disabled value={20} />
-
-      <br />
-
-      <fieldset disabled>
-        <NumberInput label="Disabled by fieldset" placeholder="Your age" value={20} />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/PasswordInput/PasswordInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/PasswordInput/PasswordInput.demo.disabled.tsx
index 62a8e1fd0c7..48f68746821 100644
--- a/src/mantine-demos/src/demos/core/PasswordInput/PasswordInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/PasswordInput/PasswordInput.demo.disabled.tsx
@@ -22,18 +22,6 @@ function Demo() {
         disabled
         value="secret"
       />
-
-      <br />
-
-      <fieldset disabled>
-        <PasswordInput label="Disabled by fieldset without value" placeholder="Your password" />
-        <PasswordInput
-          mt="md"
-          label="Disabled by fieldset with value"
-          placeholder="Your password"
-          value="secret"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/PinInput/PinInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/PinInput/PinInput.demo.disabled.tsx
index 07671174510..0b93a1ae44e 100644
--- a/src/mantine-demos/src/demos/core/PinInput/PinInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/PinInput/PinInput.demo.disabled.tsx
@@ -7,17 +7,9 @@ import { PinInput, Group } from '@mantine/core';
 
 function Demo() {
   return (
-    <>
-      <Group position="center">
-        <PinInput disabled />
-      </Group>
-
-      <fieldset disabled>
-        <Group position="center">
-          <PinInput />
-        </Group>
-      </fieldset>
-    </>
+    <Group position="center">
+      <PinInput disabled />
+    </Group>
   );
 }
 `;
@@ -28,14 +20,6 @@ function Demo() {
       <Group position="center">
         <PinInput disabled />
       </Group>
-
-      <br />
-
-      <fieldset disabled>
-        <Group position="center">
-          <PinInput />
-        </Group>
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Radio/Radio.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Radio/Radio.demo.disabled.tsx
index ac565844671..1ecfb3f2380 100644
--- a/src/mantine-demos/src/demos/core/Radio/Radio.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Radio/Radio.demo.disabled.tsx
@@ -11,12 +11,6 @@ function Demo() {
       <Radio checked disabled label="React" value="react" />
       <Radio disabled label="Angular" value="nu" />
       <Radio disabled label="Svelte" value="sv" />
-
-      <fieldset disabled>
-        <Radio checked label="React" value="react" />
-        <Radio label="Angular" value="nu" />
-        <Radio label="Svelte" value="sv" />
-      </fieldset>
     </>
   );
 }
@@ -28,14 +22,6 @@ function Demo() {
       <Radio checked disabled label="React" value="react" />
       <Radio disabled label="Angular" value="nu" mt="xs" />
       <Radio disabled label="Svelte" value="sv" mt="xs" />
-
-      <br />
-
-      <fieldset disabled>
-        <Radio checked label="React" value="react" />
-        <Radio label="Angular" value="nu" mt="xs" />
-        <Radio label="Svelte" value="sv" mt="xs" />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Rating/Rating.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Rating/Rating.demo.disabled.tsx
deleted file mode 100644
index b0bb31f431a..00000000000
--- a/src/mantine-demos/src/demos/core/Rating/Rating.demo.disabled.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { MantineDemo } from '@mantine/ds';
-import { Rating, Group, Box } from '@mantine/core';
-
-const code = `
-import { Rating, Group } from '@mantine/core';
-
-function Demo() {
-  return (
-    <fieldset disabled>
-      <Group position="center">
-        <Rating value={3.5} fractions={2} />
-      </Group>
-    </fieldset>
-  );
-}
-`;
-
-function Demo() {
-  return (
-    <Box maw={320} mx="auto">
-      <fieldset disabled>
-        <Group position="center">
-          <Rating value={3.5} fractions={2} />
-        </Group>
-      </fieldset>
-    </Box>
-  );
-}
-
-export const disabled: MantineDemo = {
-  type: 'demo',
-  component: Demo,
-  code,
-};
diff --git a/src/mantine-demos/src/demos/core/Rating/index.ts b/src/mantine-demos/src/demos/core/Rating/index.ts
index 9a12c74cd18..beeadcd0bf2 100644
--- a/src/mantine-demos/src/demos/core/Rating/index.ts
+++ b/src/mantine-demos/src/demos/core/Rating/index.ts
@@ -3,4 +3,3 @@ export { customSymbol } from './Rating.demo.customSymbol';
 export { readOnly } from './Rating.demo.readOnly';
 export { fractions } from './Rating.demo.fractions';
 export { symbol } from './Rating.demo.symbol';
-export { disabled } from './Rating.demo.disabled';
diff --git a/src/mantine-demos/src/demos/core/SegmentedControl/SegmentedControl.demo.disabled.tsx b/src/mantine-demos/src/demos/core/SegmentedControl/SegmentedControl.demo.disabled.tsx
index 2c3658d2b95..b3ae67b8bdf 100644
--- a/src/mantine-demos/src/demos/core/SegmentedControl/SegmentedControl.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/SegmentedControl/SegmentedControl.demo.disabled.tsx
@@ -17,10 +17,6 @@ function Demo() {
           { value: 'export', label: 'Export' },
         ]}
       />
-
-      <fieldset disabled>
-        <SegmentedControl />
-      </fieldset>
     </>
   );
 }
@@ -74,30 +70,6 @@ function Demo() {
           ]}
         />
       </div>
-
-      <fieldset disabled>
-        <div>
-          <Text size="sm" weight={500} mb={3}>
-            Disabled by fieldset
-          </Text>
-          <SegmentedControl
-            data={[
-              {
-                value: 'preview',
-                label: 'Preview',
-              },
-              {
-                value: 'code',
-                label: 'Code',
-              },
-              {
-                value: 'export',
-                label: 'Export',
-              },
-            ]}
-          />
-        </div>
-      </fieldset>
     </Stack>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Select/Select.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Select/Select.demo.disabled.tsx
index c25d0f8c140..bb12ee932b4 100644
--- a/src/mantine-demos/src/demos/core/Select/Select.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Select/Select.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { Select } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <Select disabled />
-
-      <fieldset disabled>
-        <Select />
-      </fieldset>
-    </>
-  )
+  return <Select disabled />;
 }
 `;
 
@@ -38,26 +30,6 @@ function Demo() {
         withinPortal
         value="React"
       />
-
-      <br />
-
-      <fieldset disabled>
-        <Select
-          data={['React', 'Angular', 'Svelte', 'Vue']}
-          label="Disabled by fieldset without value"
-          placeholder="Pick all that you like"
-          withinPortal
-        />
-
-        <Select
-          mt="md"
-          data={['React', 'Angular', 'Svelte', 'Vue']}
-          label="Disabled by fieldset with value"
-          placeholder="Pick all that you like"
-          withinPortal
-          value="React"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Slider/Slider.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Slider/Slider.demo.disabled.tsx
index 3e7151a3db0..07f4ff54c6a 100644
--- a/src/mantine-demos/src/demos/core/Slider/Slider.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Slider/Slider.demo.disabled.tsx
@@ -20,20 +20,6 @@ function Demo() {
           { value: 100, label: 'xl' },
         ]}
       />
-
-      <fieldset disabled>
-        <Slider defaultValue={60} />
-        <RangeSlider
-          defaultValue={[25, 75]}
-          marks={[
-            { value: 0, label: 'xs' },
-            { value: 25, label: 'sm' },
-            { value: 50, label: 'md' },
-            { value: 75, label: 'lg' },
-            { value: 100, label: 'xl' },
-          ]}
-        />
-      </fieldset>
     </>
   );
 }
@@ -56,24 +42,6 @@ function Demo() {
           { value: 100, label: 'xl' },
         ]}
       />
-
-      <br />
-
-      <fieldset disabled>
-        <Slider defaultValue={60} />
-        <RangeSlider
-          mt="xl"
-          mb="xl"
-          defaultValue={[25, 75]}
-          marks={[
-            { value: 0, label: 'xs' },
-            { value: 25, label: 'sm' },
-            { value: 50, label: 'md' },
-            { value: 75, label: 'lg' },
-            { value: 100, label: 'xl' },
-          ]}
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Switch/Switch.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Switch/Switch.demo.disabled.tsx
index 8e1248203ce..ff83cfd018c 100644
--- a/src/mantine-demos/src/demos/core/Switch/Switch.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Switch/Switch.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { Switch } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <Switch disabled >
-
-      <fieldset disabled>
-        <Switch />
-      </fieldset>
-    </>
-  )
+  return <Switch disabled >;
 }
 `;
 
@@ -24,14 +16,6 @@ function Demo() {
       <Group position="center">
         <Switch disabled />
       </Group>
-
-      <br />
-
-      <fieldset disabled>
-        <Group position="center">
-          <Switch />
-        </Group>
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/TextInput/TextInput.demo.disabled.tsx b/src/mantine-demos/src/demos/core/TextInput/TextInput.demo.disabled.tsx
index 319d8f3fc85..ce155f18399 100644
--- a/src/mantine-demos/src/demos/core/TextInput/TextInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/TextInput/TextInput.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { TextInput } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <TextInput disabled />
-
-      <fieldset disabled>
-        <TextInput />
-      </fieldset>
-    </>
-  )
+  return <TextInput disabled />;
 }
 `;
 
@@ -30,19 +22,6 @@ function Demo() {
         disabled
         value="myemail@gmail.com"
       />
-
-      <br />
-
-      <fieldset disabled>
-        <TextInput label="Disabled by fieldset without value" placeholder="Your email" />
-
-        <TextInput
-          mt="md"
-          label="Disabled by fieldset with value"
-          placeholder="Your email"
-          value="myemail@gmail.com"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/Textarea/Textarea.demo.disabled.tsx b/src/mantine-demos/src/demos/core/Textarea/Textarea.demo.disabled.tsx
index 34170f8dc55..f2c566beefb 100644
--- a/src/mantine-demos/src/demos/core/Textarea/Textarea.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/core/Textarea/Textarea.demo.disabled.tsx
@@ -6,15 +6,7 @@ const code = `
 import { Textarea } from '@mantine/core';
 
 function Demo() {
-  return (
-    <>
-      <Textarea disabled/>
-
-      <fieldset disabled>
-        <Textarea />
-      </fieldset>
-    </>
-  );
+  return <Textarea disabled/>;
 }
 `;
 
@@ -22,12 +14,6 @@ function Demo() {
   return (
     <Box maw={320} mx="auto">
       <Textarea label="Disabled" placeholder="Your comment" disabled />
-
-      <br />
-
-      <fieldset disabled>
-        <Textarea label="Disabled by fieldset" placeholder="Your comment" />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/core/TransferList/TransferList.demo.disabled.tsx b/src/mantine-demos/src/demos/core/TransferList/TransferList.demo.disabled.tsx
deleted file mode 100644
index 0575794f821..00000000000
--- a/src/mantine-demos/src/demos/core/TransferList/TransferList.demo.disabled.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import { Stack } from '@mantine/core';
-import { MantineDemo } from '@mantine/ds';
-import { Wrapper } from './_wrapper';
-
-const code = `
-import { TransferList } from '@mantine/core';
-
-function Demo() {
-  return (
-    <fieldset disabled>
-      <TransferList
-      {/* ...other props */}
-      />
-    </fieldset>
-    />
-  );
-}
-`;
-
-function Demo() {
-  return (
-    <Stack>
-      <fieldset disabled>
-        <Wrapper
-          searchPlaceholder="Search..."
-          nothingFound="Nothing here"
-          titles={['Disabled by fieldset', 'Disabled by fieldset']}
-          breakpoint="sm"
-        />
-      </fieldset>
-    </Stack>
-  );
-}
-
-export const disabled: MantineDemo = {
-  type: 'demo',
-  component: Demo,
-  code,
-};
diff --git a/src/mantine-demos/src/demos/core/TransferList/index.ts b/src/mantine-demos/src/demos/core/TransferList/index.ts
index dde19b1f1e6..7ba25e23f04 100644
--- a/src/mantine-demos/src/demos/core/TransferList/index.ts
+++ b/src/mantine-demos/src/demos/core/TransferList/index.ts
@@ -8,4 +8,3 @@ export { placeholder } from './TransferList.demo.placeholder';
 export { controlledSearch } from './TransferList.demo.controlledSearch';
 export { differentPlaceholders } from './TransferList.demo.differentPlaceholders';
 export { transferAllMatchingFilter } from './TransferList.demo.transferAllMatchingFilter';
-export { disabled } from './TransferList.demo.disabled';
diff --git a/src/mantine-demos/src/demos/dates/DateInput/DateInput.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/DateInput/DateInput.demo.disabled.tsx
index 0ce07621656..208feafad9a 100644
--- a/src/mantine-demos/src/demos/dates/DateInput/DateInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/DateInput/DateInput.demo.disabled.tsx
@@ -7,21 +7,11 @@ const code = `
 import { DateInput } from '@mantine/dates';
 
 function Demo() {
-  const [value, setValue] = useState<Date | null>(null);
   return (
-    <>
-      <DateInput
+    <DateInput
       label="Disabled"
       placeholder="Date input"
-      {/* ...other props */} />
-
-      <fieldset disabled>
-        <DateInput
-        label="Disabled by fieldset"
-        placeholder="Date input"
-        {/* ...other props */} />
-      </fieldset>
-    </>
+      disabled
     />
   );
 }
@@ -38,17 +28,6 @@ function Demo() {
         placeholder="Date input"
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <DateInput
-          value={value}
-          onChange={setValue}
-          label="Disabled by fieldset"
-          placeholder="Date input"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/dates/DatePickerInput/DatePickerInput.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/DatePickerInput/DatePickerInput.demo.disabled.tsx
index bfb6dcd2b03..79656f99d93 100644
--- a/src/mantine-demos/src/demos/dates/DatePickerInput/DatePickerInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/DatePickerInput/DatePickerInput.demo.disabled.tsx
@@ -8,23 +8,12 @@ import { DatePickerInput } from '@mantine/dates';
 
 function Demo() {
   return (
-    <>
-      <DatePickerInput
-        valueFormat="YYYY MMM DD"
-        type="multiple"
-        label="Disabled"
-        placeholder="Pick date"
-      />
-
-      <fieldset disabled>
-        <DatePickerInput
-          valueFormat="YYYY MMM DD"
-          type="multiple"
-          label="Disabled by fieldset"
-          placeholder="Pick date"
-        />
-      </fieldset>
-    </>
+    <DatePickerInput
+      valueFormat="YYYY MMM DD"
+      type="multiple"
+      label="Disabled"
+      placeholder="Pick date"
+    />
   );
 }
 `;
@@ -39,17 +28,6 @@ function Demo() {
         placeholder="Pick date"
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <DatePickerInput
-          valueFormat="YYYY MMM DD"
-          type="multiple"
-          label="Disabled by fieldset"
-          placeholder="Pick date"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/dates/DateTimePicker/DateTimePicker.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/DateTimePicker/DateTimePicker.demo.disabled.tsx
index 17e70084c69..4319c69f6cd 100644
--- a/src/mantine-demos/src/demos/dates/DateTimePicker/DateTimePicker.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/DateTimePicker/DateTimePicker.demo.disabled.tsx
@@ -8,19 +8,10 @@ import { DateTimePicker } from '@mantine/dates';
 
 function Demo() {
   return (
-    <>
-      <DateTimePicker
-        label="Disabled"
-        placeholder="Pick date and time"
-      />
-
-      <fieldset disabled>
-        <DateTimePicker
-          label="Disabled by fieldset"
-          placeholder="Pick date and time"
-        />
-      </fieldset>
-    </>
+    <DateTimePicker
+      label="Disabled"
+      placeholder="Pick date and time"
+    />
   );
 }
 `;
@@ -34,16 +25,6 @@ function Demo() {
         popoverProps={{ withinPortal: true }}
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <DateTimePicker
-          label="Disabled by fieldset"
-          placeholder="Pick date and time"
-          popoverProps={{ withinPortal: true }}
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/dates/MonthPickerInput/MonthPickerInput.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/MonthPickerInput/MonthPickerInput.demo.disabled.tsx
index 2894e1119da..aad56b6cade 100644
--- a/src/mantine-demos/src/demos/dates/MonthPickerInput/MonthPickerInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/MonthPickerInput/MonthPickerInput.demo.disabled.tsx
@@ -8,25 +8,13 @@ import { MonthPickerInput } from '@mantine/dates';
 
 function Demo() {
   return (
-    <>
-      <MonthPickerInput
-        valueFormat="YYYY MMM"
-        type="multiple"
-        label="Disabled"
-        placeholder="Pick month"
-        disabled
-      />
-
-      <fieldset disabled>
-        <MonthPickerInput
-          valueFormat="YYYY MMM"
-          type="multiple"
-          label="Disabled by fieldset"
-          placeholder="Pick month"
-        />
-      </fieldset>
-    </>
-
+    <MonthPickerInput
+      valueFormat="YYYY MMM"
+      type="multiple"
+      label="Disabled"
+      placeholder="Pick month"
+      disabled
+    />
   );
 }
 `;
@@ -41,17 +29,6 @@ function Demo() {
         placeholder="Pick month"
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <MonthPickerInput
-          valueFormat="YYYY MMM"
-          type="multiple"
-          label="Disabled by fieldset"
-          placeholder="Pick month"
-        />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/dates/TimeInput/TimeInput.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/TimeInput/TimeInput.demo.disabled.tsx
index f9c513fa871..50087bdbe42 100644
--- a/src/mantine-demos/src/demos/dates/TimeInput/TimeInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/TimeInput/TimeInput.demo.disabled.tsx
@@ -8,15 +8,7 @@ import { IconClock } from '@tabler/icons-react';
 import { TimeInput } from '@mantine/dates';
 
 function Demo() {
-  return (
-    <>
-      <TimeInput disabled />
-
-      <fieldset disabled>
-        <TimeInput disabled />
-      </fieldset>
-    </>
-  )
+  return <TimeInput disabled />;
 }
 `;
 
@@ -24,12 +16,6 @@ function Demo() {
   return (
     <Box maw={320} mx="auto">
       <TimeInput disabled />
-
-      <br />
-
-      <fieldset disabled>
-        <TimeInput />
-      </fieldset>
     </Box>
   );
 }
diff --git a/src/mantine-demos/src/demos/dates/YearPickerInput/YearPickerInput.demo.disabled.tsx b/src/mantine-demos/src/demos/dates/YearPickerInput/YearPickerInput.demo.disabled.tsx
index 8d28587629b..a5c0a673d57 100644
--- a/src/mantine-demos/src/demos/dates/YearPickerInput/YearPickerInput.demo.disabled.tsx
+++ b/src/mantine-demos/src/demos/dates/YearPickerInput/YearPickerInput.demo.disabled.tsx
@@ -8,21 +8,11 @@ import { YearPickerInput } from '@mantine/dates';
 
 function Demo() {
   return (
-    <>
-      <YearPickerInput
-        valueFormat="YY"
-        label="Disabled"
-        placeholder="Pick year"
-      />
-
-      <fieldset disabled>
-        <YearPickerInput
-          valueFormat="YY"
-          label="Disabled by fieldset"
-          placeholder="Pick year"
-        />
-      </fieldset>
-    </>
+    <YearPickerInput
+      valueFormat="YY"
+      label="Disabled"
+      placeholder="Pick year"
+    />
   );
 }
 `;
@@ -37,17 +27,6 @@ function Demo() {
         placeholder="Pick year"
         disabled
       />
-
-      <br />
-
-      <fieldset disabled>
-        <YearPickerInput
-          valueFormat="YY"
-          type="multiple"
-          label="Disabled by fieldset"
-          placeholder="Pick year"
-        />
-      </fieldset>
     </Box>
   );
 }