diff --git a/docs/data/date-pickers/custom-field/PickerWithButtonField.js b/docs/data/date-pickers/custom-field/PickerWithButtonField.js
deleted file mode 100644
index ba5162eb73e5..000000000000
--- a/docs/data/date-pickers/custom-field/PickerWithButtonField.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import * as React from 'react';
-
-import Button from '@mui/material/Button';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-
-function ButtonField(props) {
-  const {
-    setOpen,
-    label,
-    id,
-    disabled,
-    InputProps: { ref } = {},
-    inputProps: { 'aria-label': ariaLabel } = {},
-  } = props;
-
-  return (
-    <Button
-      variant="outlined"
-      id={id}
-      disabled={disabled}
-      ref={ref}
-      aria-label={ariaLabel}
-      onClick={() => setOpen?.((prev) => !prev)}
-    >
-      {label ? `Current date: ${label}` : 'Pick a date'}
-    </Button>
-  );
-}
-
-function ButtonDatePicker(props) {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <DatePicker
-      slots={{ ...props.slots, field: ButtonField }}
-      slotProps={{ ...props.slotProps, field: { setOpen } }}
-      {...props}
-      open={open}
-      onClose={() => setOpen(false)}
-      onOpen={() => setOpen(true)}
-    />
-  );
-}
-
-export default function PickerWithButtonField() {
-  const [value, setValue] = React.useState(null);
-
-  return (
-    <LocalizationProvider dateAdapter={AdapterDayjs}>
-      <ButtonDatePicker
-        label={value == null ? null : value.format('MM/DD/YYYY')}
-        value={value}
-        onChange={setValue}
-      />
-    </LocalizationProvider>
-  );
-}
diff --git a/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx b/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx
deleted file mode 100644
index 9efd6f7c7e24..000000000000
--- a/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { Dayjs } from 'dayjs';
-import Button from '@mui/material/Button';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker, DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-import { UseDateFieldProps } from '@mui/x-date-pickers/DateField';
-import {
-  BaseSingleInputFieldProps,
-  DateValidationError,
-  FieldSection,
-  PickerValidDate,
-  SimpleValue,
-} from '@mui/x-date-pickers/models';
-
-interface ButtonFieldProps
-  extends UseDateFieldProps<true>,
-    BaseSingleInputFieldProps<
-      PickerValidDate | null,
-      FieldSection,
-      true,
-      DateValidationError
-    > {
-  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
-}
-
-function ButtonField(props: ButtonFieldProps) {
-  const {
-    setOpen,
-    label,
-    id,
-    disabled,
-    InputProps: { ref } = {},
-    inputProps: { 'aria-label': ariaLabel } = {},
-  } = props;
-
-  return (
-    <Button
-      variant="outlined"
-      id={id}
-      disabled={disabled}
-      ref={ref}
-      aria-label={ariaLabel}
-      onClick={() => setOpen?.((prev) => !prev)}
-    >
-      {label ? `Current date: ${label}` : 'Pick a date'}
-    </Button>
-  );
-}
-
-function ButtonDatePicker(
-  props: Omit<DatePickerProps, 'open' | 'onOpen' | 'onClose'>,
-) {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <DatePicker
-      slots={{ ...props.slots, field: ButtonField }}
-      slotProps={{ ...props.slotProps, field: { setOpen } as any }}
-      {...props}
-      open={open}
-      onClose={() => setOpen(false)}
-      onOpen={() => setOpen(true)}
-    />
-  );
-}
-
-export default function PickerWithButtonField() {
-  const [value, setValue] = React.useState<SimpleValue>(null);
-
-  return (
-    <LocalizationProvider dateAdapter={AdapterDayjs}>
-      <ButtonDatePicker
-        label={value == null ? null : (value as Dayjs).format('MM/DD/YYYY')}
-        value={value}
-        onChange={setValue}
-      />
-    </LocalizationProvider>
-  );
-}
diff --git a/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx.preview b/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx.preview
deleted file mode 100644
index 3d52e8e412a6..000000000000
--- a/docs/data/date-pickers/custom-field/PickerWithButtonField.tsx.preview
+++ /dev/null
@@ -1,5 +0,0 @@
-<ButtonDatePicker
-  label={value == null ? null : (value as Dayjs).format('MM/DD/YYYY')}
-  value={value}
-  onChange={setValue}
-/>
\ No newline at end of file