diff --git a/docs/data/date-pickers/calendar-systems/AdapterHijri.js b/docs/data/date-pickers/calendar-systems/AdapterHijri.js
index 377759e113758..3260e904fba9b 100644
--- a/docs/data/date-pickers/calendar-systems/AdapterHijri.js
+++ b/docs/data/date-pickers/calendar-systems/AdapterHijri.js
@@ -24,7 +24,6 @@ const cacheRtl = createCache({
 
 function ButtonDateTimeField(props) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -37,16 +36,18 @@ function ButtonDateTimeField(props) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const valueStr = value == null ? parsedFormat : value.format(format);
+  const valueStr =
+    pickerContext.value == null
+      ? parsedFormat
+      : pickerContext.value.format(pickerContext.fieldFormat);
 
   return (
     <Button
diff --git a/docs/data/date-pickers/calendar-systems/AdapterHijri.tsx b/docs/data/date-pickers/calendar-systems/AdapterHijri.tsx
index 704dbee32ae79..39689b23af0fc 100644
--- a/docs/data/date-pickers/calendar-systems/AdapterHijri.tsx
+++ b/docs/data/date-pickers/calendar-systems/AdapterHijri.tsx
@@ -28,7 +28,6 @@ const cacheRtl = createCache({
 
 function ButtonDateTimeField(props: DateTimePickerFieldProps) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -41,16 +40,18 @@ function ButtonDateTimeField(props: DateTimePickerFieldProps) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const valueStr = value == null ? parsedFormat : value.format(format);
+  const valueStr =
+    pickerContext.value == null
+      ? parsedFormat
+      : pickerContext.value.format(pickerContext.fieldFormat);
 
   return (
     <Button
diff --git a/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.js b/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.js
index bb0d7e224952f..adca0c631ed59 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.js
+++ b/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.js
@@ -80,18 +80,12 @@ const BrowserTextField = React.forwardRef((props, ref) => {
 const BrowserMultiInputDateRangeField = React.forwardRef((props, ref) => {
   const {
     slotProps,
-    value,
-    format,
-    onChange,
     readOnly,
-    disabled,
     shouldDisableDate,
     minDate,
     maxDate,
     disableFuture,
     disablePast,
-    selectedSections,
-    onSelectedSectionsChange,
     className,
     unstableStartFieldRef,
     unstableEndFieldRef,
@@ -111,18 +105,12 @@ const BrowserMultiInputDateRangeField = React.forwardRef((props, ref) => {
 
   const fieldResponse = useMultiInputDateRangeField({
     sharedProps: {
-      value,
-      format,
-      onChange,
       readOnly,
-      disabled,
       shouldDisableDate,
       minDate,
       maxDate,
       disableFuture,
       disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
       enableAccessibleFieldDOMStructure: true,
     },
     startTextFieldProps,
diff --git a/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.tsx b/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.tsx
index 9248b748ce0be..7477ed13aaa04 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.tsx
+++ b/docs/data/date-pickers/custom-field/BrowserV7MultiInputRangeField.tsx
@@ -116,18 +116,12 @@ const BrowserMultiInputDateRangeField = React.forwardRef(
   (props: BrowserMultiInputDateRangeFieldProps, ref: React.Ref<HTMLDivElement>) => {
     const {
       slotProps,
-      value,
-      format,
-      onChange,
       readOnly,
-      disabled,
       shouldDisableDate,
       minDate,
       maxDate,
       disableFuture,
       disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
       className,
       unstableStartFieldRef,
       unstableEndFieldRef,
@@ -150,18 +144,12 @@ const BrowserMultiInputDateRangeField = React.forwardRef(
       MultiInputFieldSlotTextFieldProps
     >({
       sharedProps: {
-        value,
-        format,
-        onChange,
         readOnly,
-        disabled,
         shouldDisableDate,
         minDate,
         maxDate,
         disableFuture,
         disablePast,
-        selectedSections,
-        onSelectedSectionsChange,
         enableAccessibleFieldDOMStructure: true,
       },
       startTextFieldProps,
diff --git a/docs/data/date-pickers/custom-field/JoyV6Field.js b/docs/data/date-pickers/custom-field/JoyV6Field.js
index 156d8200c2f5f..e445dc0c0fb50 100644
--- a/docs/data/date-pickers/custom-field/JoyV6Field.js
+++ b/docs/data/date-pickers/custom-field/JoyV6Field.js
@@ -21,10 +21,7 @@ import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateF
 const joyTheme = extendJoyTheme();
 
 const JoyDateField = React.forwardRef((props, ref) => {
-  const fieldResponse = useDateField({
-    ...props,
-    enableAccessibleFieldDOMStructure: false,
-  });
+  const fieldResponse = useDateField(props);
 
   const {
     // Should be ignored
@@ -64,6 +61,7 @@ const JoyDatePicker = React.forwardRef((props, ref) => {
     <DatePicker
       ref={ref}
       {...props}
+      enableAccessibleFieldDOMStructure={false}
       slots={{ ...props.slots, field: JoyDateField }}
     />
   );
diff --git a/docs/data/date-pickers/custom-field/JoyV6Field.tsx b/docs/data/date-pickers/custom-field/JoyV6Field.tsx
index 9e30ca9e0b717..8cddb46983906 100644
--- a/docs/data/date-pickers/custom-field/JoyV6Field.tsx
+++ b/docs/data/date-pickers/custom-field/JoyV6Field.tsx
@@ -26,10 +26,7 @@ const joyTheme = extendJoyTheme();
 
 const JoyDateField = React.forwardRef(
   (props: DatePickerFieldProps<false>, ref: React.Ref<HTMLDivElement>) => {
-    const fieldResponse = useDateField<false, typeof props>({
-      ...props,
-      enableAccessibleFieldDOMStructure: false,
-    });
+    const fieldResponse = useDateField<false, typeof props>(props);
 
     const {
       // Should be ignored
@@ -73,6 +70,7 @@ const JoyDatePicker = React.forwardRef(
       <DatePicker
         ref={ref}
         {...props}
+        enableAccessibleFieldDOMStructure={false}
         slots={{ ...props.slots, field: JoyDateField }}
       />
     );
diff --git a/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.js b/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.js
index 402f81d954e5f..af4a282bd9b6f 100644
--- a/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.js
+++ b/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.js
@@ -104,18 +104,12 @@ const MultiInputJoyDateRangeFieldSeparator = styled(
 const JoyMultiInputDateRangeField = React.forwardRef((props, ref) => {
   const {
     slotProps,
-    value,
-    format,
-    onChange,
     readOnly,
-    disabled,
     shouldDisableDate,
     minDate,
     maxDate,
     disableFuture,
     disablePast,
-    selectedSections,
-    onSelectedSectionsChange,
     className,
     unstableStartFieldRef,
     unstableEndFieldRef,
@@ -135,18 +129,12 @@ const JoyMultiInputDateRangeField = React.forwardRef((props, ref) => {
 
   const fieldResponse = useMultiInputDateRangeField({
     sharedProps: {
-      value,
-      format,
-      onChange,
       readOnly,
-      disabled,
       shouldDisableDate,
       minDate,
       maxDate,
       disableFuture,
       disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
       enableAccessibleFieldDOMStructure: false,
     },
     startTextFieldProps,
@@ -169,6 +157,7 @@ const JoyDateRangePicker = React.forwardRef((props, ref) => {
     <DateRangePicker
       ref={ref}
       {...props}
+      enableAccessibleFieldDOMStructure={false}
       slots={{ ...props?.slots, field: JoyMultiInputDateRangeField }}
     />
   );
diff --git a/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.tsx b/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.tsx
index 7e49feb2b00b7..f7d9fa0bd3e29 100644
--- a/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.tsx
+++ b/docs/data/date-pickers/custom-field/JoyV6MultiInputRangeField.tsx
@@ -142,18 +142,12 @@ const JoyMultiInputDateRangeField = React.forwardRef(
   (props: JoyMultiInputDateRangeFieldProps, ref: React.Ref<HTMLDivElement>) => {
     const {
       slotProps,
-      value,
-      format,
-      onChange,
       readOnly,
-      disabled,
       shouldDisableDate,
       minDate,
       maxDate,
       disableFuture,
       disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
       className,
       unstableStartFieldRef,
       unstableEndFieldRef,
@@ -176,18 +170,12 @@ const JoyMultiInputDateRangeField = React.forwardRef(
       MultiInputFieldSlotTextFieldProps
     >({
       sharedProps: {
-        value,
-        format,
-        onChange,
         readOnly,
-        disabled,
         shouldDisableDate,
         minDate,
         maxDate,
         disableFuture,
         disablePast,
-        selectedSections,
-        onSelectedSectionsChange,
         enableAccessibleFieldDOMStructure: false,
       },
       startTextFieldProps,
@@ -212,6 +200,7 @@ const JoyDateRangePicker = React.forwardRef(
       <DateRangePicker
         ref={ref}
         {...props}
+        enableAccessibleFieldDOMStructure={false}
         slots={{ ...props?.slots, field: JoyMultiInputDateRangeField }}
       />
     );
diff --git a/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.js b/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.js
index 69123038f8508..7e0c7f6ed10a7 100644
--- a/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.js
+++ b/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.js
@@ -27,10 +27,7 @@ export const DateRangeIcon = createSvgIcon(
 const joyTheme = extendJoyTheme();
 
 const JoySingleInputDateRangeField = React.forwardRef((props, ref) => {
-  const fieldResponse = useSingleInputDateRangeField({
-    ...props,
-    enableAccessibleFieldDOMStructure: false,
-  });
+  const fieldResponse = useSingleInputDateRangeField(props);
 
   const {
     // Should be ignored
@@ -78,6 +75,7 @@ const JoySingleInputDateRangePicker = React.forwardRef((props, ref) => {
     <DateRangePicker
       {...props}
       ref={ref}
+      enableAccessibleFieldDOMStructure={false}
       slots={{ ...props.slots, field: JoySingleInputDateRangeField }}
     />
   );
diff --git a/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.tsx b/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.tsx
index 822610feac08b..07b8927cc1820 100644
--- a/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.tsx
+++ b/docs/data/date-pickers/custom-field/JoyV6SingleInputRangeField.tsx
@@ -37,10 +37,7 @@ type JoySingleInputDateRangeFieldComponent = ((
 
 const JoySingleInputDateRangeField = React.forwardRef(
   (props: DateRangePickerFieldProps<false>, ref: React.Ref<HTMLDivElement>) => {
-    const fieldResponse = useSingleInputDateRangeField<false, typeof props>({
-      ...props,
-      enableAccessibleFieldDOMStructure: false,
-    });
+    const fieldResponse = useSingleInputDateRangeField<false, typeof props>(props);
 
     const {
       // Should be ignored
@@ -92,6 +89,7 @@ const JoySingleInputDateRangePicker = React.forwardRef(
       <DateRangePicker
         {...props}
         ref={ref}
+        enableAccessibleFieldDOMStructure={false}
         slots={{ ...props.slots, field: JoySingleInputDateRangeField }}
       />
     );
diff --git a/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.js b/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.js
index 2856b3af1a2d5..32bc8082bad18 100644
--- a/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.js
+++ b/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.js
@@ -6,12 +6,12 @@ import Stack from '@mui/material/Stack';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { usePickerContext, useSplitFieldProps } from '@mui/x-date-pickers/hooks';
 import { useValidation, validateDate } from '@mui/x-date-pickers/validation';
 
 function AutocompleteField(props) {
-  const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, onChange } = internalProps;
+  const { forwardedProps, internalProps } = useSplitFieldProps(props, 'date');
+  const { timezone, value, setValue } = usePickerContext();
   const {
     InputProps,
     slotProps,
@@ -85,7 +85,7 @@ function AutocompleteField(props) {
       }}
       value={value}
       onChange={(_, newValue) => {
-        onChange(newValue, {
+        setValue(newValue, {
           validationError: getValidationErrorForNewValue(newValue),
         });
       }}
diff --git a/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.tsx b/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.tsx
index 7633f42d7199e..43870edeb6e9a 100644
--- a/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.tsx
+++ b/docs/data/date-pickers/custom-field/behavior-autocomplete/MaterialDatePicker.tsx
@@ -10,7 +10,7 @@ import {
   DatePickerFieldProps,
   DatePickerProps,
 } from '@mui/x-date-pickers/DatePicker';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { usePickerContext, useSplitFieldProps } from '@mui/x-date-pickers/hooks';
 import { useValidation, validateDate } from '@mui/x-date-pickers/validation';
 
 interface AutocompleteFieldProps extends DatePickerFieldProps {
@@ -21,8 +21,8 @@ interface AutocompleteFieldProps extends DatePickerFieldProps {
 }
 
 function AutocompleteField(props: AutocompleteFieldProps) {
-  const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, onChange } = internalProps;
+  const { forwardedProps, internalProps } = useSplitFieldProps(props, 'date');
+  const { timezone, value, setValue } = usePickerContext();
   const {
     InputProps,
     slotProps,
@@ -96,7 +96,7 @@ function AutocompleteField(props: AutocompleteFieldProps) {
       }}
       value={value}
       onChange={(_, newValue) => {
-        onChange(newValue, {
+        setValue(newValue, {
           validationError: getValidationErrorForNewValue(newValue),
         });
       }}
diff --git a/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.js b/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.js
index 0e30e8d2605aa..e9ae897f8f41a 100644
--- a/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.js
+++ b/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.js
@@ -12,7 +12,6 @@ import {
 
 function ButtonDateField(props) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -25,16 +24,18 @@ function ButtonDateField(props) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const valueStr = value == null ? parsedFormat : value.format(format);
+  const valueStr =
+    pickerContext.value == null
+      ? parsedFormat
+      : pickerContext.value.format(pickerContext.fieldFormat);
 
   return (
     <Button
diff --git a/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.tsx b/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.tsx
index 1da1b675decd7..28793f7cad3c7 100644
--- a/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.tsx
+++ b/docs/data/date-pickers/custom-field/behavior-button/MaterialDatePicker.tsx
@@ -16,7 +16,6 @@ import {
 
 function ButtonDateField(props: DatePickerFieldProps) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -29,16 +28,18 @@ function ButtonDateField(props: DatePickerFieldProps) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const valueStr = value == null ? parsedFormat : value.format(format);
+  const valueStr =
+    pickerContext.value == null
+      ? parsedFormat
+      : pickerContext.value.format(pickerContext.fieldFormat);
 
   return (
     <Button
diff --git a/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.js b/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.js
index 0884deadb8b48..201f32fa8344f 100644
--- a/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.js
+++ b/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.js
@@ -14,7 +14,6 @@ import {
 
 function ButtonDateRangeField(props) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -27,17 +26,18 @@ function ButtonDateRangeField(props) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDateRange,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const formattedValue = (value ?? [null, null])
-    .map((date) => (date == null ? parsedFormat : date.format(format)))
+  const formattedValue = pickerContext.value
+    .map((date) =>
+      date == null ? parsedFormat : date.format(pickerContext.fieldFormat),
+    )
     .join(' – ');
 
   return (
diff --git a/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.tsx b/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.tsx
index 9361a51c256a1..cb66e4a2935a5 100644
--- a/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.tsx
+++ b/docs/data/date-pickers/custom-field/behavior-button/MaterialDateRangePicker.tsx
@@ -18,7 +18,6 @@ import {
 
 function ButtonDateRangeField(props: DateRangePickerFieldProps) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const {
     InputProps,
     slotProps,
@@ -31,17 +30,18 @@ function ButtonDateRangeField(props: DateRangePickerFieldProps) {
   } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDateRange,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const formattedValue = (value ?? [null, null])
-    .map((date: Dayjs) => (date == null ? parsedFormat : date.format(format)))
+  const formattedValue = pickerContext.value
+    .map((date: Dayjs) =>
+      date == null ? parsedFormat : date.format(pickerContext.fieldFormat),
+    )
     .join(' – ');
 
   return (
diff --git a/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.js b/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.js
index 107fb273f4964..2c7f4751d7e87 100644
--- a/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.js
+++ b/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.js
@@ -5,7 +5,11 @@ import TextField from '@mui/material/TextField';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { useSplitFieldProps, useParsedFormat } from '@mui/x-date-pickers/hooks';
+import {
+  useSplitFieldProps,
+  useParsedFormat,
+  usePickerContext,
+} from '@mui/x-date-pickers/hooks';
 import { useValidation, validateDate } from '@mui/x-date-pickers/validation';
 
 const MASK_USER_INPUT_SYMBOL = '_';
@@ -26,26 +30,27 @@ function MaskedDateField(props) {
   const { slots, slotProps, ...other } = props;
 
   const { forwardedProps, internalProps } = useSplitFieldProps(other, 'date');
-
-  const { format, value, onChange, timezone } = internalProps;
+  const pickerContext = usePickerContext();
+  const parsedFormat = useParsedFormat();
 
   // Control the input text
   const [inputValue, setInputValue] = React.useState(() =>
-    getInputValueFromValue(value, format),
+    getInputValueFromValue(pickerContext.value, pickerContext.fieldFormat),
   );
 
   React.useEffect(() => {
-    if (value && value.isValid()) {
-      const newDisplayDate = getInputValueFromValue(value, format);
+    if (pickerContext.value && pickerContext.value.isValid()) {
+      const newDisplayDate = getInputValueFromValue(
+        pickerContext.value,
+        pickerContext.fieldFormat,
+      );
       setInputValue(newDisplayDate);
     }
-  }, [format, value]);
-
-  const parsedFormat = useParsedFormat(internalProps);
+  }, [pickerContext.fieldFormat, pickerContext.value]);
 
   const { hasValidationError, getValidationErrorForNewValue } = useValidation({
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
     validator: validateDate,
   });
@@ -53,20 +58,22 @@ function MaskedDateField(props) {
   const handleInputValueChange = (newInputValue) => {
     setInputValue(newInputValue);
 
-    const newValue = dayjs(newInputValue, format);
-    onChange(newValue, {
+    const newValue = dayjs(newInputValue, pickerContext.fieldFormat);
+    pickerContext.setValue(newValue, {
       validationError: getValidationErrorForNewValue(newValue),
     });
   };
 
   const rifmFormat = React.useMemo(() => {
-    const formattedDateWith1Digit = staticDateWith1DigitTokens.format(format);
+    const formattedDateWith1Digit = staticDateWith1DigitTokens.format(
+      pickerContext.fieldFormat,
+    );
     const inferredFormatPatternWith1Digits = formattedDateWith1Digit.replace(
       ACCEPT_REGEX,
       MASK_USER_INPUT_SYMBOL,
     );
     const inferredFormatPatternWith2Digits = staticDateWith2DigitTokens
-      .format(format)
+      .format(pickerContext.fieldFormat)
       .replace(ACCEPT_REGEX, '_');
 
     if (inferredFormatPatternWith1Digits !== inferredFormatPatternWith2Digits) {
@@ -113,7 +120,7 @@ function MaskedDateField(props) {
         })
         .join('');
     };
-  }, [format]);
+  }, [pickerContext.fieldFormat]);
 
   const rifmProps = useRifm({
     value: inputValue,
diff --git a/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.tsx b/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.tsx
index aa7b8023fcaf5..918c1c302ef32 100644
--- a/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.tsx
+++ b/docs/data/date-pickers/custom-field/behavior-masked-text-field/MaskedMaterialTextField.tsx
@@ -9,7 +9,11 @@ import {
   DatePickerProps,
   DatePickerFieldProps,
 } from '@mui/x-date-pickers/DatePicker';
-import { useSplitFieldProps, useParsedFormat } from '@mui/x-date-pickers/hooks';
+import {
+  useSplitFieldProps,
+  useParsedFormat,
+  usePickerContext,
+} from '@mui/x-date-pickers/hooks';
 import { useValidation, validateDate } from '@mui/x-date-pickers/validation';
 
 const MASK_USER_INPUT_SYMBOL = '_';
@@ -30,26 +34,27 @@ function MaskedDateField(props: DatePickerFieldProps) {
   const { slots, slotProps, ...other } = props;
 
   const { forwardedProps, internalProps } = useSplitFieldProps(other, 'date');
-
-  const { format, value, onChange, timezone } = internalProps;
+  const pickerContext = usePickerContext();
+  const parsedFormat = useParsedFormat();
 
   // Control the input text
   const [inputValue, setInputValue] = React.useState<string>(() =>
-    getInputValueFromValue(value, format),
+    getInputValueFromValue(pickerContext.value, pickerContext.fieldFormat),
   );
 
   React.useEffect(() => {
-    if (value && value.isValid()) {
-      const newDisplayDate = getInputValueFromValue(value, format);
+    if (pickerContext.value && pickerContext.value.isValid()) {
+      const newDisplayDate = getInputValueFromValue(
+        pickerContext.value,
+        pickerContext.fieldFormat!,
+      );
       setInputValue(newDisplayDate);
     }
-  }, [format, value]);
-
-  const parsedFormat = useParsedFormat(internalProps);
+  }, [pickerContext.fieldFormat, pickerContext.value]);
 
   const { hasValidationError, getValidationErrorForNewValue } = useValidation({
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
     validator: validateDate,
   });
@@ -57,20 +62,22 @@ function MaskedDateField(props: DatePickerFieldProps) {
   const handleInputValueChange = (newInputValue: string) => {
     setInputValue(newInputValue);
 
-    const newValue = dayjs(newInputValue, format);
-    onChange(newValue, {
+    const newValue = dayjs(newInputValue, pickerContext.fieldFormat);
+    pickerContext.setValue(newValue, {
       validationError: getValidationErrorForNewValue(newValue),
     });
   };
 
   const rifmFormat = React.useMemo(() => {
-    const formattedDateWith1Digit = staticDateWith1DigitTokens.format(format);
+    const formattedDateWith1Digit = staticDateWith1DigitTokens.format(
+      pickerContext.fieldFormat,
+    );
     const inferredFormatPatternWith1Digits = formattedDateWith1Digit.replace(
       ACCEPT_REGEX,
       MASK_USER_INPUT_SYMBOL,
     );
     const inferredFormatPatternWith2Digits = staticDateWith2DigitTokens
-      .format(format)
+      .format(pickerContext.fieldFormat)
       .replace(ACCEPT_REGEX, '_');
 
     if (inferredFormatPatternWith1Digits !== inferredFormatPatternWith2Digits) {
@@ -117,7 +124,7 @@ function MaskedDateField(props: DatePickerFieldProps) {
         })
         .join('');
     };
-  }, [format]);
+  }, [pickerContext.fieldFormat]);
 
   const rifmProps = useRifm({
     value: inputValue,
diff --git a/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.js b/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.js
index c5637b320e0ed..213c1df27df35 100644
--- a/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.js
+++ b/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.js
@@ -13,23 +13,25 @@ import { CalendarIcon } from '@mui/x-date-pickers/icons';
 
 function ReadOnlyDateField(props) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const { InputProps, slotProps, slots, ...other } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
   return (
     <TextField
       {...other}
-      value={value == null ? '' : value.format(format)}
+      value={
+        pickerContext.value == null
+          ? ''
+          : pickerContext.value.format(pickerContext.fieldFormat)
+      }
       placeholder={parsedFormat}
       InputProps={{
         ...InputProps,
diff --git a/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.tsx b/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.tsx
index a42da5e10407c..16f52863cc24a 100644
--- a/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.tsx
+++ b/docs/data/date-pickers/custom-field/behavior-read-only-text-field/MaterialDatePicker.tsx
@@ -17,23 +17,25 @@ import { CalendarIcon } from '@mui/x-date-pickers/icons';
 
 function ReadOnlyDateField(props: DatePickerFieldProps) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const { InputProps, slotProps, slots, ...other } = forwardedProps;
 
   const pickerContext = usePickerContext();
-
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
   return (
     <TextField
       {...other}
-      value={value == null ? '' : value.format(format)}
+      value={
+        pickerContext.value == null
+          ? ''
+          : pickerContext.value.format(pickerContext.fieldFormat)
+      }
       placeholder={parsedFormat}
       InputProps={{
         ...InputProps,
diff --git a/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md b/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
index e298abf79a036..e581a783ba8f8 100644
--- a/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
+++ b/docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
@@ -355,6 +355,69 @@ If the updated values do not fit your use case, you can [override them](/x/react
 
 ## Slots breaking changes
 
+### Slot: `field`
+
+- The component passed to the `field` slot no longer receives the `value`, `onChange`, `timezone`, `format` and `disabled` props.
+  You can use the `usePickerContext` hook instead:
+
+  ```diff
+  +import { usePickerContext } from '@mui/x-date-pickers/hooks';
+
+  -const { value } = props;
+  -const { value } = props;
+  +const { value } = usePickerContext();
+
+  -const { onChange } = props;
+  -onChange(dayjs(), { validationError: null });
+  +const { setValue } = usePickerContext();
+  -setValue(dayjs(), { validationError: null });
+
+  -const { timezone } = props;
+  +const { timezone } = usePickerContext();
+
+  -const { format } = props;
+  +const { fieldFormat } = usePickerContext();
+
+  -const { disabled } = props;
+  +const { disabled } = usePickerContext();
+  ```
+
+  :::success
+  If you are using a hook like `useDateField`, you don't have to do anything, the values from the context are automatically applied.
+  :::
+
+- The component passed to the `field` slot no longer receives the `formatDensity`, `enableAccessibleFieldDOMStructure`, `selectedSections` and `onSelectedSectionsChange` props.
+  These props, formerly mirroring the picker's props, are no longer exposed.
+  You can manually pass them using `slotProps.field` to keep the same behavior:
+
+  ```diff
+   <DatePicker
+     enableAccessibleFieldDOMStructure={false}
+     formatDensity='spacious'
+     selectedSections={selectedSections}
+     onSelectedSectionsChange={onSelectedSectionsChange}
+  +  slotProps={{
+       field: {
+         enableAccessibleFieldDOMStructure: false,
+         formatDensity: 'spacious',
+         selectedSections,
+         onSelectedSectionsChange,
+       },
+     }}
+   />
+  ```
+
+  If you were not passing those props to the picker, then you can use their default values:
+
+  - `formatDensity`: `"dense"`
+  - `enableAccessibleFieldDOMStructure`: `true`
+  - `selectedSections`: `undefined`
+  - `onSelectedSectionsChange`: `undefined`
+
+  :::success
+  If you are using a hook like `useDateField`, you don't have to do anything, the value from the context are automatically applied.
+  :::
+
 ### Slot: `layout`
 
 - The `<PickersLayoutRoot />` and `<PickersLayoutContentWrapper />` components must now receive the `ownerState` returned by `usePickerLayout` instead of their props:
diff --git a/docs/src/modules/components/overview/mainDemo/PickerButton.tsx b/docs/src/modules/components/overview/mainDemo/PickerButton.tsx
index fb531c0e5204d..3a823c2c492c1 100644
--- a/docs/src/modules/components/overview/mainDemo/PickerButton.tsx
+++ b/docs/src/modules/components/overview/mainDemo/PickerButton.tsx
@@ -9,21 +9,23 @@ import { useValidation, validateDate } from '@mui/x-date-pickers/validation';
 
 function ButtonDateField(props: DatePickerFieldProps) {
   const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
-  const { value, timezone, format } = internalProps;
   const { InputProps, slotProps, slots, ownerState, label, focused, name, ...other } =
     forwardedProps;
 
   const pickerContext = usePickerContext();
 
-  const parsedFormat = useParsedFormat(internalProps);
+  const parsedFormat = useParsedFormat();
   const { hasValidationError } = useValidation({
     validator: validateDate,
-    value,
-    timezone,
+    value: pickerContext.value,
+    timezone: pickerContext.timezone,
     props: internalProps,
   });
 
-  const valueStr = value == null ? parsedFormat : value.format(format);
+  const valueStr =
+    pickerContext.value == null
+      ? parsedFormat
+      : pickerContext.value.format(pickerContext.fieldFormat);
 
   return (
     <Button
diff --git a/packages/x-date-pickers-pro/src/MultiInputDateRangeField/MultiInputDateRangeField.tsx b/packages/x-date-pickers-pro/src/MultiInputDateRangeField/MultiInputDateRangeField.tsx
index 50cd4f22cbb75..cb1441aca093c 100644
--- a/packages/x-date-pickers-pro/src/MultiInputDateRangeField/MultiInputDateRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/MultiInputDateRangeField/MultiInputDateRangeField.tsx
@@ -116,30 +116,27 @@ const MultiInputDateRangeField = React.forwardRef(function MultiInputDateRangeFi
     className: clsx(className, classes.root),
   });
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const startTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputDateRangeFieldSlotProps['textField'],
     {},
     MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'start' },
   });
   const endTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputDateRangeFieldSlotProps['textField'],
     {},
     MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'end' },
   });
@@ -169,6 +166,12 @@ const MultiInputDateRangeField = React.forwardRef(function MultiInputDateRangeFi
   const startDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.startDate);
   const endDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.endDate);
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.startDate.enableAccessibleFieldDOMStructure === false
+      ? MuiTextField
+      : PickersTextField);
+
   return (
     <Root {...rootProps}>
       <TextField fullWidth {...startDateProps} />
diff --git a/packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.tsx b/packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.tsx
index 06b5798770357..26557e1ed3fb5 100644
--- a/packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.tsx
@@ -114,30 +114,27 @@ const MultiInputDateTimeRangeField = React.forwardRef(function MultiInputDateTim
     className: clsx(className, classes.root),
   });
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const startTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputDateTimeRangeFieldSlotProps['textField'],
     {},
     MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'start' },
   });
   const endTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputDateTimeRangeFieldSlotProps['textField'],
     {},
     MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'end' },
   });
@@ -167,6 +164,12 @@ const MultiInputDateTimeRangeField = React.forwardRef(function MultiInputDateTim
   const startDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.startDate);
   const endDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.endDate);
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.startDate.enableAccessibleFieldDOMStructure === false
+      ? MuiTextField
+      : PickersTextField);
+
   return (
     <Root {...rootProps}>
       <TextField fullWidth {...startDateProps} />
diff --git a/packages/x-date-pickers-pro/src/MultiInputTimeRangeField/MultiInputTimeRangeField.tsx b/packages/x-date-pickers-pro/src/MultiInputTimeRangeField/MultiInputTimeRangeField.tsx
index e9e5c24a2ea26..d2d9bb8e6bf92 100644
--- a/packages/x-date-pickers-pro/src/MultiInputTimeRangeField/MultiInputTimeRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/MultiInputTimeRangeField/MultiInputTimeRangeField.tsx
@@ -116,31 +116,28 @@ const MultiInputTimeRangeField = React.forwardRef(function MultiInputTimeRangeFi
     className: clsx(className, classes.root),
   });
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const startTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputTimeRangeFieldSlotProps['textField'],
     {},
     MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'start' },
   });
 
   const endTextFieldProps = useSlotProps<
-    typeof TextField,
+    typeof PickersTextField,
     MultiInputTimeRangeFieldSlotProps['textField'],
     {},
     MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
       position: RangePosition;
     }
   >({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     ownerState: { ...ownerState, position: 'end' },
   });
@@ -170,6 +167,12 @@ const MultiInputTimeRangeField = React.forwardRef(function MultiInputTimeRangeFi
   const startDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.startDate);
   const endDateProps = convertFieldResponseIntoMuiTextFieldProps(fieldResponse.endDate);
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.startDate.enableAccessibleFieldDOMStructure === false
+      ? MuiTextField
+      : PickersTextField);
+
   return (
     <Root {...rootProps}>
       <TextField fullWidth {...startDateProps} />
diff --git a/packages/x-date-pickers-pro/src/SingleInputDateRangeField/SingleInputDateRangeField.tsx b/packages/x-date-pickers-pro/src/SingleInputDateRangeField/SingleInputDateRangeField.tsx
index 86707618138fb..26edd8cc6ad0c 100644
--- a/packages/x-date-pickers-pro/src/SingleInputDateRangeField/SingleInputDateRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/SingleInputDateRangeField/SingleInputDateRangeField.tsx
@@ -45,11 +45,8 @@ const SingleInputDateRangeField = React.forwardRef(function SingleInputDateRange
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
@@ -74,6 +71,10 @@ const SingleInputDateRangeField = React.forwardRef(function SingleInputDateRange
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as DateRangeFieldComponent;
 
diff --git a/packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.tsx b/packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.tsx
index f81834fd4ff77..74a4ea87c9550 100644
--- a/packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.tsx
@@ -45,11 +45,8 @@ const SingleInputDateTimeRangeField = React.forwardRef(function SingleInputDateT
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
@@ -74,6 +71,10 @@ const SingleInputDateTimeRangeField = React.forwardRef(function SingleInputDateT
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as DateRangeFieldComponent;
 
diff --git a/packages/x-date-pickers-pro/src/SingleInputTimeRangeField/SingleInputTimeRangeField.tsx b/packages/x-date-pickers-pro/src/SingleInputTimeRangeField/SingleInputTimeRangeField.tsx
index b820b6a27f605..509cf32d2daf6 100644
--- a/packages/x-date-pickers-pro/src/SingleInputTimeRangeField/SingleInputTimeRangeField.tsx
+++ b/packages/x-date-pickers-pro/src/SingleInputTimeRangeField/SingleInputTimeRangeField.tsx
@@ -45,11 +45,8 @@ const SingleInputTimeRangeField = React.forwardRef(function SingleInputTimeRange
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
@@ -74,6 +71,10 @@ const SingleInputTimeRangeField = React.forwardRef(function SingleInputTimeRange
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as DateRangeFieldComponent;
 
diff --git a/packages/x-date-pickers-pro/src/internals/hooks/models/useRangePicker.ts b/packages/x-date-pickers-pro/src/internals/hooks/models/useRangePicker.ts
index 9d81732ff6dd0..4e59ba74c9ae0 100644
--- a/packages/x-date-pickers-pro/src/internals/hooks/models/useRangePicker.ts
+++ b/packages/x-date-pickers-pro/src/internals/hooks/models/useRangePicker.ts
@@ -3,7 +3,6 @@ import {
   BasePickerProps,
   ExportedBaseToolbarProps,
   UsePickerViewsProps,
-  BaseNonStaticPickerProps,
   UsePickerValueNonStaticProps,
   UsePickerProviderNonStaticProps,
   DateOrTimeViewWithMeridiem,
@@ -16,10 +15,7 @@ import {
 } from '@mui/x-date-pickers/PickersLayout';
 import { BaseRangeNonStaticPickerProps } from '../../models';
 import { UseRangePositionProps, UseRangePositionResponse } from '../useRangePosition';
-import {
-  RangePickerFieldSlots,
-  RangePickerFieldSlotProps,
-} from '../useEnrichedRangePickerFieldProps';
+import { RangePickerFieldSlots, RangePickerFieldSlotProps } from '../useEnrichedRangePickerField';
 
 export interface UseRangePickerSlots
   extends ExportedPickersLayoutSlots<PickerRangeValue>,
@@ -33,8 +29,7 @@ export interface UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure exte
 }
 
 export interface RangeOnlyPickerProps
-  extends BaseNonStaticPickerProps,
-    UsePickerValueNonStaticProps,
+  extends UsePickerValueNonStaticProps,
     UsePickerProviderNonStaticProps,
     BaseRangeNonStaticPickerProps,
     UseRangePositionProps {}
diff --git a/packages/x-date-pickers-pro/src/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.tsx b/packages/x-date-pickers-pro/src/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.tsx
index c69f02d3fdd50..d0b5285994826 100644
--- a/packages/x-date-pickers-pro/src/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.tsx
+++ b/packages/x-date-pickers-pro/src/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.tsx
@@ -19,8 +19,8 @@ import {
 } from './useDesktopRangePicker.types';
 import {
   RangePickerPropsForFieldSlot,
-  useEnrichedRangePickerFieldProps,
-} from '../useEnrichedRangePickerFieldProps';
+  useEnrichedRangePickerField,
+} from '../useEnrichedRangePickerField';
 import { getReleaseInfo } from '../../utils/releaseInfo';
 import { useRangePosition } from '../useRangePosition';
 import { PickerRangePositionContext } from '../../../hooks/usePickerRangePositionContext';
@@ -47,17 +47,10 @@ export const useDesktopRangePicker = <
     slotProps,
     className,
     sx,
-    format,
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone,
     label,
     inputRef,
     name,
     readOnly,
-    disabled,
     autoFocus,
     disableOpenPicker,
     localeText,
@@ -87,13 +80,11 @@ export const useDesktopRangePicker = <
     fieldRef = endFieldRef;
   }
 
-  const {
-    providerProps,
-    renderCurrentView,
-    shouldRestoreFocus,
-    fieldProps: pickerFieldProps,
-    ownerState,
-  } = usePicker<PickerRangeValue, TView, TExternalProps>({
+  const { providerProps, renderCurrentView, shouldRestoreFocus, ownerState } = usePicker<
+    PickerRangeValue,
+    TView,
+    TExternalProps
+  >({
     ...pickerParams,
     props,
     variant: 'desktop',
@@ -135,15 +126,7 @@ export const useDesktopRangePicker = <
     additionalProps: {
       // Internal props
       readOnly,
-      disabled,
-      format,
-      formatDensity,
-      enableAccessibleFieldDOMStructure,
-      selectedSections,
-      onSelectedSectionsChange,
-      timezone,
       autoFocus: autoFocus && !props.open,
-      ...pickerFieldProps, // onChange and value
 
       // Forwarded props
       className,
@@ -155,7 +138,7 @@ export const useDesktopRangePicker = <
     ownerState,
   });
 
-  const enrichedFieldProps = useEnrichedRangePickerFieldProps<
+  const enrichedFieldResponse = useEnrichedRangePickerField<
     TView,
     TEnableAccessibleFieldDOMStructure,
     InferError<TExternalProps>
@@ -163,8 +146,8 @@ export const useDesktopRangePicker = <
     variant: 'desktop',
     fieldType,
     // These direct access to `providerProps` will go away once the range fields handle the picker opening
-    open: providerProps.contextValue.open,
-    setOpen: providerProps.contextValue.setOpen,
+    contextValue: providerProps.contextValue,
+    fieldPrivateContextValue: providerProps.fieldPrivateContextValue,
     readOnly,
     disableOpenPicker,
     label,
@@ -188,9 +171,16 @@ export const useDesktopRangePicker = <
   const Layout = slots?.layout ?? PickersLayout;
 
   const renderPicker = () => (
-    <PickerProvider {...providerProps}>
+    <PickerProvider
+      {...providerProps}
+      // This override will go away once the range fields handle the picker opening
+      fieldPrivateContextValue={{
+        ...providerProps.fieldPrivateContextValue,
+        ...enrichedFieldResponse.fieldPrivateContextValue,
+      }}
+    >
       <PickerRangePositionContext.Provider value={rangePositionResponse}>
-        <Field {...enrichedFieldProps} />
+        <Field {...enrichedFieldResponse.fieldProps} />
         <PickersPopper
           role="tooltip"
           placement="bottom-start"
diff --git a/packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerFieldProps.ts b/packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerField.ts
similarity index 88%
rename from packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerFieldProps.ts
rename to packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerField.ts
index a333f91a68266..3c48c357e8bd0 100644
--- a/packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerFieldProps.ts
+++ b/packages/x-date-pickers-pro/src/internals/hooks/useEnrichedRangePickerField.ts
@@ -20,12 +20,13 @@ import {
 import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
 import {
   onSpaceOrEnter,
-  UsePickerValueContextValue,
   PickerVariant,
   DateOrTimeViewWithMeridiem,
   BaseSingleInputFieldProps,
   PickerRangeValue,
   PickerValue,
+  PickerContextValue,
+  PickerFieldPrivateContextValue,
 } from '@mui/x-date-pickers/internals';
 import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
 import {
@@ -91,8 +92,9 @@ export interface UseEnrichedRangePickerFieldPropsParams<
   TView extends DateOrTimeViewWithMeridiem,
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
-> extends Pick<UsePickerValueContextValue<PickerRangeValue, TError>, 'open' | 'setOpen'>,
-    UseRangePositionResponse {
+> extends UseRangePositionResponse {
+  contextValue: PickerContextValue<PickerRangeValue, TView, TError>;
+  fieldPrivateContextValue: PickerFieldPrivateContextValue;
   variant: PickerVariant;
   fieldType: FieldType;
   readOnly?: boolean;
@@ -111,7 +113,6 @@ export interface UseEnrichedRangePickerFieldPropsParams<
   anchorRef?: React.Ref<HTMLDivElement>;
   currentView?: TView | null;
   initialView?: TView;
-  setView?: (view: TView) => void;
   startFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
   endFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
   singleInputFieldRef: React.RefObject<FieldRef<PickerRangeValue> | null>;
@@ -122,9 +123,8 @@ const useMultiInputFieldSlotProps = <
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
 >({
+  contextValue,
   variant,
-  open,
-  setOpen,
   readOnly,
   labelId,
   disableOpenPicker,
@@ -138,7 +138,6 @@ const useMultiInputFieldSlotProps = <
   anchorRef,
   currentView,
   initialView,
-  setView,
   startFieldRef,
   endFieldRef,
 }: UseEnrichedRangePickerFieldPropsParams<
@@ -156,7 +155,7 @@ const useMultiInputFieldSlotProps = <
   const previousRangePosition = React.useRef<RangePosition>(rangePosition);
 
   React.useEffect(() => {
-    if (!open || variant === 'mobile') {
+    if (!contextValue.open || variant === 'mobile') {
       return;
     }
 
@@ -174,14 +173,14 @@ const useMultiInputFieldSlotProps = <
       previousRangePosition.current === rangePosition ? currentView : 0,
     );
     previousRangePosition.current = rangePosition;
-  }, [rangePosition, open, currentView, startFieldRef, endFieldRef, variant]);
+  }, [rangePosition, contextValue.open, currentView, startFieldRef, endFieldRef, variant]);
 
   const openRangeStartSelection: React.UIEventHandler = (event) => {
     event.stopPropagation();
     onRangePositionChange('start');
     if (!readOnly && !disableOpenPicker) {
       event.preventDefault();
-      setOpen(true);
+      contextValue.setOpen(true);
     }
   };
 
@@ -190,24 +189,24 @@ const useMultiInputFieldSlotProps = <
     onRangePositionChange('end');
     if (!readOnly && !disableOpenPicker) {
       event.preventDefault();
-      setOpen(true);
+      contextValue.setOpen(true);
     }
   };
 
   const handleFocusStart = () => {
-    if (open) {
+    if (contextValue.open) {
       onRangePositionChange('start');
       if (previousRangePosition.current !== 'start' && initialView) {
-        setView?.(initialView);
+        contextValue.setView?.(initialView);
       }
     }
   };
 
   const handleFocusEnd = () => {
-    if (open) {
+    if (contextValue.open) {
       onRangePositionChange('end');
       if (previousRangePosition.current !== 'end' && initialView) {
-        setView?.(initialView);
+        contextValue.setView?.(initialView);
       }
     }
   };
@@ -232,10 +231,10 @@ const useMultiInputFieldSlotProps = <
           label: inLocaleText?.start ?? translations.start,
           onKeyDown: onSpaceOrEnter(openRangeStartSelection),
           onFocus: handleFocusStart,
-          focused: open ? rangePosition === 'start' : undefined,
+          focused: contextValue.open ? rangePosition === 'start' : undefined,
           // registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
           // which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
-          ...(!readOnly && !fieldProps.disabled && { onClick: openRangeStartSelection }),
+          ...(!readOnly && !contextValue.disabled && { onClick: openRangeStartSelection }),
           ...(variant === 'mobile' && { readOnly: true }),
         };
         if (anchorRef) {
@@ -249,10 +248,10 @@ const useMultiInputFieldSlotProps = <
           label: inLocaleText?.end ?? translations.end,
           onKeyDown: onSpaceOrEnter(openRangeEndSelection),
           onFocus: handleFocusEnd,
-          focused: open ? rangePosition === 'end' : undefined,
+          focused: contextValue.open ? rangePosition === 'end' : undefined,
           // registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
           // which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
-          ...(!readOnly && !fieldProps.disabled && { onClick: openRangeEndSelection }),
+          ...(!readOnly && !contextValue.disabled && { onClick: openRangeEndSelection }),
           ...(variant === 'mobile' && { readOnly: true }),
         };
         InputProps = resolvedComponentProps?.InputProps;
@@ -289,7 +288,10 @@ const useMultiInputFieldSlotProps = <
     slotProps,
   };
 
-  return enrichedFieldProps;
+  return {
+    fieldProps: enrichedFieldProps,
+    fieldPrivateContextValue: {},
+  };
 };
 
 const useSingleInputFieldSlotProps = <
@@ -297,9 +299,9 @@ const useSingleInputFieldSlotProps = <
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
 >({
+  contextValue,
+  fieldPrivateContextValue,
   variant,
-  open,
-  setOpen,
   readOnly,
   labelId,
   disableOpenPicker,
@@ -328,7 +330,7 @@ const useSingleInputFieldSlotProps = <
   const handleFieldRef = useForkRef(fieldProps.unstableFieldRef, singleInputFieldRef);
 
   React.useEffect(() => {
-    if (!open || !singleInputFieldRef.current || variant === 'mobile') {
+    if (!contextValue.open || !singleInputFieldRef.current || variant === 'mobile') {
       return;
     }
 
@@ -345,7 +347,7 @@ const useSingleInputFieldSlotProps = <
           : sections.lastIndexOf(currentView);
       singleInputFieldRef.current?.focusField(newSelectedSection);
     }
-  }, [rangePosition, open, currentView, singleInputFieldRef, variant]);
+  }, [rangePosition, contextValue.open, currentView, singleInputFieldRef, variant]);
 
   const updateRangePosition = () => {
     if (!singleInputFieldRef.current?.isFieldFocused()) {
@@ -365,7 +367,7 @@ const useSingleInputFieldSlotProps = <
   const handleSelectedSectionsChange = useEventCallback(
     (selectedSection: FieldSelectedSections) => {
       setTimeout(updateRangePosition);
-      fieldProps.onSelectedSectionsChange?.(selectedSection);
+      fieldPrivateContextValue.onSelectedSectionsChange?.(selectedSection);
     },
   );
 
@@ -374,7 +376,7 @@ const useSingleInputFieldSlotProps = <
 
     if (!readOnly && !disableOpenPicker) {
       event.preventDefault();
-      setOpen(true);
+      contextValue.setOpen(true);
     }
   };
 
@@ -399,24 +401,28 @@ const useSingleInputFieldSlotProps = <
     label,
     unstableFieldRef: handleFieldRef,
     onKeyDown: onSpaceOrEnter(openPicker, fieldProps.onKeyDown),
-    onSelectedSectionsChange: handleSelectedSectionsChange,
     onBlur,
     InputProps: {
       ref: anchorRef,
       ...fieldProps?.InputProps,
     },
-    focused: open ? true : undefined,
+    focused: contextValue.open ? true : undefined,
     ...(labelId != null && { id: labelId }),
     ...(variant === 'mobile' && { readOnly: true }),
     // registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
     // which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
-    ...(!readOnly && !fieldProps.disabled && { onClick: openPicker }),
+    ...(!readOnly && !contextValue.disabled && { onClick: openPicker }),
   };
 
-  return enrichedFieldProps;
+  return {
+    fieldProps: enrichedFieldProps,
+    fieldPrivateContextValue: {
+      onSelectedSectionsChange: handleSelectedSectionsChange,
+    },
+  };
 };
 
-export const useEnrichedRangePickerFieldProps = <
+export const useEnrichedRangePickerField = <
   TView extends DateOrTimeViewWithMeridiem,
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
diff --git a/packages/x-date-pickers-pro/src/internals/hooks/useMobileRangePicker/useMobileRangePicker.tsx b/packages/x-date-pickers-pro/src/internals/hooks/useMobileRangePicker/useMobileRangePicker.tsx
index 55c6aaa437f1d..d6d2382e90148 100644
--- a/packages/x-date-pickers-pro/src/internals/hooks/useMobileRangePicker/useMobileRangePicker.tsx
+++ b/packages/x-date-pickers-pro/src/internals/hooks/useMobileRangePicker/useMobileRangePicker.tsx
@@ -20,8 +20,8 @@ import {
 } from './useMobileRangePicker.types';
 import {
   RangePickerPropsForFieldSlot,
-  useEnrichedRangePickerFieldProps,
-} from '../useEnrichedRangePickerFieldProps';
+  useEnrichedRangePickerField,
+} from '../useEnrichedRangePickerField';
 import { getReleaseInfo } from '../../utils/releaseInfo';
 import { useRangePosition } from '../useRangePosition';
 import { PickerRangePositionContext } from '../../../hooks/usePickerRangePositionContext';
@@ -48,17 +48,10 @@ export const useMobileRangePicker = <
     slotProps: innerSlotProps,
     className,
     sx,
-    format,
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone,
     label,
     inputRef,
     name,
     readOnly,
-    disabled,
     disableOpenPicker,
     localeText,
   } = props;
@@ -84,12 +77,11 @@ export const useMobileRangePicker = <
     fieldRef = endFieldRef;
   }
 
-  const {
-    providerProps,
-    renderCurrentView,
-    fieldProps: pickerFieldProps,
-    ownerState,
-  } = usePicker<PickerRangeValue, TView, TExternalProps>({
+  const { providerProps, renderCurrentView, ownerState } = usePicker<
+    PickerRangeValue,
+    TView,
+    TExternalProps
+  >({
     ...pickerParams,
     props,
     variant: 'mobile',
@@ -110,14 +102,6 @@ export const useMobileRangePicker = <
     additionalProps: {
       // Internal props
       readOnly: readOnly ?? true,
-      disabled,
-      format,
-      formatDensity,
-      enableAccessibleFieldDOMStructure,
-      selectedSections,
-      onSelectedSectionsChange,
-      timezone,
-      ...pickerFieldProps, // onChange and value
 
       // Forwarded props
       className,
@@ -130,7 +114,7 @@ export const useMobileRangePicker = <
 
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
 
-  const enrichedFieldProps = useEnrichedRangePickerFieldProps<
+  const enrichedFieldResponse = useEnrichedRangePickerField<
     TView,
     TEnableAccessibleFieldDOMStructure,
     InferError<TExternalProps>
@@ -138,8 +122,8 @@ export const useMobileRangePicker = <
     variant: 'mobile',
     fieldType,
     // These direct access to `providerProps` will go away once the range fields handle the picker opening
-    open: providerProps.contextValue.open,
-    setOpen: providerProps.contextValue.setOpen,
+    contextValue: providerProps.contextValue,
+    fieldPrivateContextValue: providerProps.fieldPrivateContextValue,
     readOnly,
     labelId,
     disableOpenPicker,
@@ -192,9 +176,16 @@ export const useMobileRangePicker = <
   };
 
   const renderPicker = () => (
-    <PickerProvider {...providerProps}>
+    <PickerProvider
+      {...providerProps}
+      // This override will go away once the range fields handle the picker opening
+      fieldPrivateContextValue={{
+        ...providerProps.fieldPrivateContextValue,
+        ...enrichedFieldResponse.fieldPrivateContextValue,
+      }}
+    >
       <PickerRangePositionContext.Provider value={rangePositionResponse}>
-        <Field {...enrichedFieldProps} />
+        <Field {...enrichedFieldResponse.fieldProps} />
         <PickersModalDialog slots={slots} slotProps={slotProps}>
           <Layout {...slotProps?.layout} slots={slots} slotProps={slotProps}>
             {renderCurrentView()}
diff --git a/packages/x-date-pickers-pro/src/internals/models/fields.ts b/packages/x-date-pickers-pro/src/internals/models/fields.ts
index 016c83a7d8dc4..5d911eb683dc1 100644
--- a/packages/x-date-pickers-pro/src/internals/models/fields.ts
+++ b/packages/x-date-pickers-pro/src/internals/models/fields.ts
@@ -1,6 +1,5 @@
 import { SxProps } from '@mui/material/styles';
 import { SlotComponentProps } from '@mui/utils';
-import { MakeRequired } from '@mui/x-internals/types';
 import { PickerRangeValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
@@ -18,22 +17,9 @@ import type {
 export interface BaseMultiInputFieldProps<
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
-> extends MakeRequired<
-      Pick<
-        UseFieldInternalProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure, TError>,
-        | 'readOnly'
-        | 'disabled'
-        | 'format'
-        | 'formatDensity'
-        | 'enableAccessibleFieldDOMStructure'
-        | 'selectedSections'
-        | 'onSelectedSectionsChange'
-        | 'timezone'
-        | 'autoFocus'
-        | 'value'
-        | 'onChange'
-      >,
-      'format' | 'value' | 'onChange' | 'timezone'
+> extends Pick<
+      UseFieldInternalProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure, TError>,
+      'readOnly' | 'autoFocus'
     >,
     RangeFieldSeparatorProps,
     MultiInputFieldRefs {
diff --git a/packages/x-date-pickers/src/DateField/DateField.tsx b/packages/x-date-pickers/src/DateField/DateField.tsx
index 2d8704ab33107..a7a085a71570e 100644
--- a/packages/x-date-pickers/src/DateField/DateField.tsx
+++ b/packages/x-date-pickers/src/DateField/DateField.tsx
@@ -38,11 +38,8 @@ const DateField = React.forwardRef(function DateField<
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     additionalProps: {
@@ -66,6 +63,10 @@ const DateField = React.forwardRef(function DateField<
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as DateFieldComponent;
 
diff --git a/packages/x-date-pickers/src/DateTimeField/DateTimeField.tsx b/packages/x-date-pickers/src/DateTimeField/DateTimeField.tsx
index 876e25f77ed4c..187f0ffe62568 100644
--- a/packages/x-date-pickers/src/DateTimeField/DateTimeField.tsx
+++ b/packages/x-date-pickers/src/DateTimeField/DateTimeField.tsx
@@ -42,11 +42,8 @@ const DateTimeField = React.forwardRef(function DateTimeField<
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
@@ -70,6 +67,10 @@ const DateTimeField = React.forwardRef(function DateTimeField<
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as DateTimeFieldComponent;
 
diff --git a/packages/x-date-pickers/src/TimeField/TimeField.tsx b/packages/x-date-pickers/src/TimeField/TimeField.tsx
index 571fd5c6b7239..e99c0e4166965 100644
--- a/packages/x-date-pickers/src/TimeField/TimeField.tsx
+++ b/packages/x-date-pickers/src/TimeField/TimeField.tsx
@@ -38,11 +38,8 @@ const TimeField = React.forwardRef(function TimeField<
 
   const ownerState = useFieldOwnerState(themeProps);
 
-  const TextField =
-    slots?.textField ??
-    (inProps.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
   const textFieldProps = useSlotProps({
-    elementType: TextField,
+    elementType: PickersTextField,
     externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
@@ -66,6 +63,10 @@ const TimeField = React.forwardRef(function TimeField<
     slotProps,
   });
 
+  const TextField =
+    slots?.textField ??
+    (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+
   return <TextField {...processedFieldProps} />;
 }) as TimeFieldComponent;
 
diff --git a/packages/x-date-pickers/src/hooks/useParsedFormat.ts b/packages/x-date-pickers/src/hooks/useParsedFormat.ts
index 8e777dd0731fd..3e14fb48b75da 100644
--- a/packages/x-date-pickers/src/hooks/useParsedFormat.ts
+++ b/packages/x-date-pickers/src/hooks/useParsedFormat.ts
@@ -5,37 +5,38 @@ import { useUtils } from '../internals/hooks/useUtils';
 import { buildSectionsFromFormat } from '../internals/hooks/useField/buildSectionsFromFormat';
 import { getLocalizedDigits } from '../internals/hooks/useField/useField.utils';
 import { usePickerTranslations } from './usePickerTranslations';
-import type { UseFieldInternalProps } from '../internals/hooks/useField';
+import { useNullablePickerContext } from '../internals/hooks/useNullablePickerContext';
 
-interface UseParsedFormatParameters
-  extends Pick<
-    UseFieldInternalProps<any, any, any>,
-    'format' | 'formatDensity' | 'shouldRespectLeadingZeros'
-  > {}
+interface UseParsedFormatParameters {
+  /**
+   * Format to parse.
+   * @default the format provided by the picker.
+   */
+  format?: string;
+}
 
 /**
  * Returns the parsed format to be rendered in the field when there is no value or in other parts of the Picker.
  * This format is localized (for example `AAAA` for the year with the French locale) and cannot be parsed by your date library.
  * @param {object} The parameters needed to build the placeholder.
- * @param {string} params.format Format of the date to use.
- * @param {'dense' | 'spacious'} params.formatDensity Density of the format (setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character).
- * @param {boolean} params.shouldRespectLeadingZeros If `true`, the format will respect the leading zeroes, if `false`, the format will always add leading zeroes.
+ * @param {string} params.format Format to parse.
  * @returns
  */
-export const useParsedFormat = (parameters: UseParsedFormatParameters) => {
-  const { format, formatDensity = 'dense', shouldRespectLeadingZeros = false } = parameters;
+export const useParsedFormat = (parameters: UseParsedFormatParameters = {}) => {
+  const pickerContext = useNullablePickerContext();
   const utils = useUtils();
   const isRtl = useRtl();
   const translations = usePickerTranslations();
   const localizedDigits = React.useMemo(() => getLocalizedDigits(utils), [utils]);
+  const { format = pickerContext?.fieldFormat ?? utils.formats.fullDate } = parameters;
 
   return React.useMemo(() => {
     const sections = buildSectionsFromFormat({
       utils,
       format,
-      formatDensity,
+      formatDensity: 'dense',
       isRtl,
-      shouldRespectLeadingZeros,
+      shouldRespectLeadingZeros: true,
       localeText: translations,
       localizedDigits,
       date: null,
@@ -46,13 +47,5 @@ export const useParsedFormat = (parameters: UseParsedFormatParameters) => {
     return sections
       .map((section) => `${section.startSeparator}${section.placeholder}${section.endSeparator}`)
       .join('');
-  }, [
-    utils,
-    isRtl,
-    translations,
-    localizedDigits,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-  ]);
+  }, [utils, isRtl, translations, localizedDigits, format]);
 };
diff --git a/packages/x-date-pickers/src/hooks/usePickerActionsContext.ts b/packages/x-date-pickers/src/hooks/usePickerActionsContext.ts
index 546ef7da1b1e8..f7117d4cf6a33 100644
--- a/packages/x-date-pickers/src/hooks/usePickerActionsContext.ts
+++ b/packages/x-date-pickers/src/hooks/usePickerActionsContext.ts
@@ -13,7 +13,7 @@ import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from '../in
 export const usePickerActionsContext = <
   TValue extends PickerValidValue = PickerValue,
   TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem,
-  TError = string,
+  TError = string | null,
 >() => {
   const value = React.useContext(PickerActionsContext) as PickerActionsContextValue<
     TValue,
diff --git a/packages/x-date-pickers/src/hooks/usePickerContext.ts b/packages/x-date-pickers/src/hooks/usePickerContext.ts
index 8383c11d398c0..9de5eaea92862 100644
--- a/packages/x-date-pickers/src/hooks/usePickerContext.ts
+++ b/packages/x-date-pickers/src/hooks/usePickerContext.ts
@@ -1,15 +1,17 @@
 'use client';
 import * as React from 'react';
-import { PickerContext, PickerContextValue } from '../internals/components/PickerProvider';
+import type { PickerContextValue } from '../internals/components/PickerProvider';
 import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from '../internals/models';
 
+export const PickerContext = React.createContext<PickerContextValue<any, any, any> | null>(null);
+
 /**
  * Returns the context passed by the picker that wraps the current component.
  */
 export const usePickerContext = <
   TValue extends PickerValidValue = PickerValue,
   TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem,
-  TError = string,
+  TError = string | null,
 >() => {
   const value = React.useContext(PickerContext) as PickerContextValue<TValue, TView, TError>;
   if (value == null) {
diff --git a/packages/x-date-pickers/src/internals/components/PickerProvider.tsx b/packages/x-date-pickers/src/internals/components/PickerProvider.tsx
index 8baf47d8a8662..16997021db476 100644
--- a/packages/x-date-pickers/src/internals/components/PickerProvider.tsx
+++ b/packages/x-date-pickers/src/internals/components/PickerProvider.tsx
@@ -18,8 +18,11 @@ import {
   UsePickerViewsContextValue,
 } from '../hooks/usePicker/usePickerViews';
 import { IsValidValueContext } from '../../hooks/useIsValidValue';
-
-export const PickerContext = React.createContext<PickerContextValue<any, any, any> | null>(null);
+import {
+  PickerFieldPrivateContext,
+  PickerFieldPrivateContextValue,
+} from '../hooks/useField/useFieldInternalPropsWithDefaults';
+import { PickerContext } from '../../hooks/usePickerContext';
 
 export const PickerActionsContext = React.createContext<PickerActionsContextValue<
   any,
@@ -53,6 +56,7 @@ export function PickerProvider<TValue extends PickerValidValue>(
     contextValue,
     actionsContextValue,
     privateContextValue,
+    fieldPrivateContextValue,
     isValidContextValue,
     localeText,
     children,
@@ -62,9 +66,11 @@ export function PickerProvider<TValue extends PickerValidValue>(
     <PickerContext.Provider value={contextValue}>
       <PickerActionsContext.Provider value={actionsContextValue}>
         <PickerPrivateContext.Provider value={privateContextValue}>
-          <IsValidValueContext.Provider value={isValidContextValue}>
-            <LocalizationProvider localeText={localeText}>{children}</LocalizationProvider>
-          </IsValidValueContext.Provider>
+          <PickerFieldPrivateContext.Provider value={fieldPrivateContextValue}>
+            <IsValidValueContext.Provider value={isValidContextValue}>
+              <LocalizationProvider localeText={localeText}>{children}</LocalizationProvider>
+            </IsValidValueContext.Provider>
+          </PickerFieldPrivateContext.Provider>
         </PickerPrivateContext.Provider>
       </PickerActionsContext.Provider>
     </PickerContext.Provider>
@@ -75,6 +81,7 @@ export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;
   privateContextValue: PickerPrivateContextValue;
+  fieldPrivateContextValue: PickerFieldPrivateContextValue;
   isValidContextValue: (value: TValue) => boolean;
   localeText: PickersInputLocaleText | undefined;
   children: React.ReactNode;
@@ -100,7 +107,7 @@ export interface PickerContextValue<
    * Is equal to "mobile" when using a mobile picker (like <MobileDatePicker />).
    * Is equal to "mobile" or "desktop" when using a responsive picker (like <DatePicker />) depending on the `desktopModeMediaQuery` prop.
    * Is equal to "mobile" or "desktop" when using a static picker (like <StaticDatePicker />) depending on the `displayStaticWrapperAs` prop.
-   * Is always equal to "desktop" if the component you are accessing the ownerState from is not wrapped by a picker.
+   * Is always equal to "desktop" if the component you are accessing the context from is not wrapped by a picker.
    */
   variant: PickerVariant;
   /**
@@ -108,15 +115,23 @@ export interface PickerContextValue<
    * Is equal to "landscape" when the picker is in landscape orientation.
    * Is equal to "portrait" when the picker is in portrait orientation.
    * You can use the "orientation" on any picker component to force the orientation.
-   * Is always equal to "portrait" if the component you are accessing the ownerState from is not wrapped by a picker.
+   * Is always equal to "portrait" if the component you are accessing the context from is not wrapped by a picker.
    */
   orientation: PickerOrientation;
+  /**
+   * Format that should be used to render the value in the field.
+   * Is equal to `props.format` on the picker component if defined.
+   * Is generated based on the available views if not defined.
+   * Is equal to an empty string if the picker does not have a field (static pickers).
+   * Is always equal to an empty string if the component you are accessing the context from is not wrapped by a picker.
+   */
+  fieldFormat: string;
 }
 
 export interface PickerActionsContextValue<
   TValue extends PickerValidValue,
   TView extends DateOrTimeViewWithMeridiem,
-  TError = string,
+  TError = string | null,
 > extends UsePickerValueActionsContextValue<TValue, TError>,
     UsePickerViewsActionsContextValue<TView> {}
 
diff --git a/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.tsx b/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.tsx
index 78bfd753ea969..eed6bbba05946 100644
--- a/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.tsx
+++ b/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.tsx
@@ -37,12 +37,6 @@ export const useDesktopPicker = <
     slotProps: innerSlotProps,
     className,
     sx,
-    format,
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone,
     name,
     label,
     inputRef,
@@ -59,14 +53,11 @@ export const useDesktopPicker = <
   const labelId = useId();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
 
-  const {
-    hasUIView,
-    providerProps,
-    renderCurrentView,
-    shouldRestoreFocus,
-    fieldProps: pickerFieldProps,
-    ownerState,
-  } = usePicker<PickerValue, TView, TExternalProps>({
+  const { hasUIView, providerProps, renderCurrentView, shouldRestoreFocus, ownerState } = usePicker<
+    PickerValue,
+    TView,
+    TExternalProps
+  >({
     ...pickerParams,
     props,
     fieldRef,
@@ -96,7 +87,7 @@ export const useDesktopPicker = <
         event.preventDefault();
         providerProps.contextValue.setOpen((prevOpen) => !prevOpen);
       },
-      'aria-label': getOpenDialogAriaText(pickerFieldProps.value),
+      'aria-label': getOpenDialogAriaText(providerProps.contextValue.value),
       edge: inputAdornmentProps.position,
     },
     ownerState,
@@ -120,15 +111,7 @@ export const useDesktopPicker = <
     additionalProps: {
       // Internal props
       readOnly,
-      disabled,
-      format,
-      formatDensity,
-      enableAccessibleFieldDOMStructure,
-      selectedSections,
-      onSelectedSectionsChange,
-      timezone,
       autoFocus: autoFocus && !props.open,
-      ...pickerFieldProps, // onChange and value
 
       // Forwarded props
       className,
diff --git a/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.types.ts b/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.types.ts
index ebbf1116a8141..b8a7f5d0d8e07 100644
--- a/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.types.ts
+++ b/packages/x-date-pickers/src/internals/hooks/useDesktopPicker/useDesktopPicker.types.ts
@@ -4,7 +4,6 @@ import type { InputAdornmentProps } from '@mui/material/InputAdornment';
 import type { TextFieldProps } from '@mui/material/TextField';
 import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import {
-  BaseNonStaticPickerProps,
   BasePickerProps,
   BaseNonRangeNonStaticPickerProps,
 } from '../../models/props/basePickerProps';
@@ -88,8 +87,7 @@ export interface ExportedUseDesktopPickerSlotProps<
 }
 
 export interface DesktopOnlyPickerProps
-  extends BaseNonStaticPickerProps,
-    BaseNonRangeNonStaticPickerProps,
+  extends BaseNonRangeNonStaticPickerProps,
     UsePickerValueNonStaticProps,
     UsePickerProviderNonStaticProps {
   /**
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/index.ts b/packages/x-date-pickers/src/internals/hooks/useField/index.ts
index 1880c3dd20fd9..00c5b01f825f0 100644
--- a/packages/x-date-pickers/src/internals/hooks/useField/index.ts
+++ b/packages/x-date-pickers/src/internals/hooks/useField/index.ts
@@ -1,4 +1,4 @@
-export { useField, useFieldInternalPropsWithDefaults } from './useField';
+export { useField } from './useField';
 export type {
   FieldValueManager,
   UseFieldInternalProps,
@@ -11,3 +11,5 @@ export {
   createDateStrForV7HiddenInputFromSections,
   createDateStrForV6InputFromSections,
 } from './useField.utils';
+export { useFieldInternalPropsWithDefaults } from './useFieldInternalPropsWithDefaults';
+export type { PickerFieldPrivateContextValue } from './useFieldInternalPropsWithDefaults';
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useField.ts b/packages/x-date-pickers/src/internals/hooks/useField/useField.ts
index bba441178e48c..8bec0c4e9afa6 100644
--- a/packages/x-date-pickers/src/internals/hooks/useField/useField.ts
+++ b/packages/x-date-pickers/src/internals/hooks/useField/useField.ts
@@ -3,7 +3,7 @@ import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useValidation } from '../../../validation';
-import { useLocalizationContext, useUtils } from '../useUtils';
+import { useUtils } from '../useUtils';
 import {
   UseFieldParams,
   UseFieldResponse,
@@ -19,33 +19,7 @@ import { useFieldState } from './useFieldState';
 import { useFieldCharacterEditing } from './useFieldCharacterEditing';
 import { useFieldV7TextField } from './useFieldV7TextField';
 import { useFieldV6TextField } from './useFieldV6TextField';
-import {
-  PickerValidValue,
-  PickerAnyManager,
-  PickerManagerFieldInternalProps,
-  PickerManagerFieldInternalPropsWithDefaults,
-} from '../../models';
-
-/**
- * Applies the default values to the field internal props.
- * This is a temporary hook that will be removed during a follow up when `useField` will receive the internal props without the defaults.
- * It is only here to allow the migration to be done in smaller steps.
- */
-export const useFieldInternalPropsWithDefaults = <TManager extends PickerAnyManager>({
-  manager,
-  internalProps,
-}: {
-  manager: TManager;
-  internalProps: PickerManagerFieldInternalProps<TManager>;
-}): PickerManagerFieldInternalPropsWithDefaults<TManager> => {
-  const localizationContext = useLocalizationContext();
-  return React.useMemo(() => {
-    return manager.internal_applyDefaultsToFieldInternalProps({
-      ...localizationContext,
-      internalProps,
-    });
-  }, [manager, internalProps, localizationContext]);
-};
+import { PickerValidValue } from '../../models';
 
 export const useField = <
   TValue extends PickerValidValue,
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useFieldInternalPropsWithDefaults.ts b/packages/x-date-pickers/src/internals/hooks/useField/useFieldInternalPropsWithDefaults.ts
new file mode 100644
index 0000000000000..7ca3265b4c065
--- /dev/null
+++ b/packages/x-date-pickers/src/internals/hooks/useField/useFieldInternalPropsWithDefaults.ts
@@ -0,0 +1,86 @@
+import * as React from 'react';
+import type { FieldChangeHandler, UseFieldInternalProps } from './useField.types';
+import {
+  PickerAnyManager,
+  PickerManagerError,
+  PickerManagerFieldInternalProps,
+  PickerManagerFieldInternalPropsWithDefaults,
+  PickerManagerValue,
+} from '../../models';
+import { useLocalizationContext } from '../useUtils';
+import { useNullablePickerContext } from '../useNullablePickerContext';
+
+export const PickerFieldPrivateContext = React.createContext<PickerFieldPrivateContextValue | null>(
+  null,
+);
+
+/**
+ * Applies the default values to the field internal props.
+ * This is a temporary hook that will be removed during a follow up when `useField` will receive the internal props without the defaults.
+ * It is only here to allow the migration to be done in smaller steps.
+ */
+export function useFieldInternalPropsWithDefaults<TManager extends PickerAnyManager>({
+  manager,
+  internalProps,
+}: {
+  manager: TManager;
+  internalProps: PickerManagerFieldInternalProps<TManager>;
+}): PickerManagerFieldInternalPropsWithDefaults<TManager> {
+  const localizationContext = useLocalizationContext();
+  const pickerContext = useNullablePickerContext();
+  const fieldPrivateContext = React.useContext(PickerFieldPrivateContext);
+
+  const setValue = pickerContext?.setValue;
+  const handleChangeFromPicker: FieldChangeHandler<
+    PickerManagerValue<TManager>,
+    PickerManagerError<TManager>
+  > = React.useCallback(
+    (newValue, ctx) => {
+      return setValue?.(newValue, {
+        validationError: ctx.validationError,
+      });
+    },
+    [setValue],
+  );
+
+  return React.useMemo(() => {
+    let internalPropsWithDefaultsFromContext = internalProps;
+    // If one of the context is null,
+    // Then the field is used as a standalone component and the other context will be null as well.
+    if (fieldPrivateContext != null && pickerContext != null) {
+      internalPropsWithDefaultsFromContext = {
+        value: pickerContext.value,
+        onChange: handleChangeFromPicker,
+        timezone: pickerContext.timezone,
+        disabled: pickerContext.disabled,
+        format: pickerContext.fieldFormat,
+        formatDensity: fieldPrivateContext.formatDensity,
+        enableAccessibleFieldDOMStructure: fieldPrivateContext.enableAccessibleFieldDOMStructure,
+        selectedSections: fieldPrivateContext.selectedSections,
+        onSelectedSectionsChange: fieldPrivateContext.onSelectedSectionsChange,
+        ...internalProps,
+      };
+    }
+
+    return manager.internal_applyDefaultsToFieldInternalProps({
+      ...localizationContext,
+      internalProps: internalPropsWithDefaultsFromContext,
+    });
+  }, [
+    manager,
+    localizationContext,
+    pickerContext,
+    fieldPrivateContext,
+    internalProps,
+    handleChangeFromPicker,
+  ]);
+}
+
+export interface PickerFieldPrivateContextValue
+  extends Pick<
+    UseFieldInternalProps<any, any, any>,
+    | 'formatDensity'
+    | 'enableAccessibleFieldDOMStructure'
+    | 'selectedSections'
+    | 'onSelectedSectionsChange'
+  > {}
diff --git a/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.tsx b/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.tsx
index b9acebd6fbfee..495276ff0aa50 100644
--- a/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.tsx
+++ b/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.tsx
@@ -36,12 +36,6 @@ export const useMobilePicker = <
     slotProps: innerSlotProps,
     className,
     sx,
-    format,
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone,
     name,
     label,
     inputRef,
@@ -55,12 +49,11 @@ export const useMobilePicker = <
   const labelId = useId();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
 
-  const {
-    providerProps,
-    renderCurrentView,
-    fieldProps: pickerFieldProps,
-    ownerState,
-  } = usePicker<PickerValue, TView, TExternalProps>({
+  const { providerProps, renderCurrentView, ownerState } = usePicker<
+    PickerValue,
+    TView,
+    TExternalProps
+  >({
     ...pickerParams,
     props,
     fieldRef,
@@ -80,14 +73,6 @@ export const useMobilePicker = <
     additionalProps: {
       // Internal props
       readOnly: readOnly ?? true,
-      disabled,
-      format,
-      formatDensity,
-      enableAccessibleFieldDOMStructure,
-      selectedSections,
-      onSelectedSectionsChange,
-      timezone,
-      ...pickerFieldProps, // onChange and value
 
       // Forwarded props
       className,
@@ -111,7 +96,7 @@ export const useMobilePicker = <
   // TODO: Move to `useSlotProps` when https://github.com/mui/material-ui/pull/35088 will be merged
   fieldProps.inputProps = {
     ...fieldProps.inputProps,
-    'aria-label': getOpenDialogAriaText(pickerFieldProps.value),
+    'aria-label': getOpenDialogAriaText(providerProps.contextValue.value),
   } as typeof fieldProps.inputProps;
 
   const slotsForField = {
diff --git a/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.types.ts b/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.types.ts
index f905d0e670b67..c169f6713f5be 100644
--- a/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.types.ts
+++ b/packages/x-date-pickers/src/internals/hooks/useMobilePicker/useMobilePicker.types.ts
@@ -2,7 +2,6 @@ import * as React from 'react';
 import type { TextFieldProps } from '@mui/material/TextField';
 import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import {
-  BaseNonStaticPickerProps,
   BasePickerProps,
   BaseNonRangeNonStaticPickerProps,
 } from '../../models/props/basePickerProps';
@@ -63,8 +62,7 @@ export interface UseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure ext
     Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
 
 export interface MobileOnlyPickerProps
-  extends BaseNonStaticPickerProps,
-    BaseNonRangeNonStaticPickerProps,
+  extends BaseNonRangeNonStaticPickerProps,
     UsePickerValueNonStaticProps,
     UsePickerProviderNonStaticProps {}
 
diff --git a/packages/x-date-pickers/src/internals/hooks/useNullablePickerContext.ts b/packages/x-date-pickers/src/internals/hooks/useNullablePickerContext.ts
new file mode 100644
index 0000000000000..58e7071e459a9
--- /dev/null
+++ b/packages/x-date-pickers/src/internals/hooks/useNullablePickerContext.ts
@@ -0,0 +1,9 @@
+'use client';
+import * as React from 'react';
+import { PickerContext } from '../../hooks/usePickerContext';
+
+/**
+ * Returns the context passed by the picker that wraps the current component.
+ * If the context is not found, returns `null`.
+ */
+export const useNullablePickerContext = () => React.useContext(PickerContext);
diff --git a/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.ts b/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.ts
index 3436c8aaca762..06f6408ab5c1e 100644
--- a/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.ts
+++ b/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.ts
@@ -2,7 +2,6 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { UsePickerParams, UsePickerProps, UsePickerResponse } from './usePicker.types';
 import { usePickerValue } from './usePickerValue';
 import { usePickerViews } from './usePickerViews';
-import { InferError } from '../../../models';
 import { DateOrTimeViewWithMeridiem, PickerValidValue } from '../../models';
 import { usePickerProvider } from './usePickerProvider';
 
@@ -20,11 +19,7 @@ export const usePicker = <
   rendererInterceptor,
   fieldRef,
   localeText,
-}: UsePickerParams<TValue, TView, TExternalProps>): UsePickerResponse<
-  TValue,
-  TView,
-  InferError<TExternalProps>
-> => {
+}: UsePickerParams<TValue, TView, TExternalProps>): UsePickerResponse<TValue, TView> => {
   if (process.env.NODE_ENV !== 'production') {
     if ((props as any).renderInput != null) {
       warnOnce([
@@ -59,9 +54,6 @@ export const usePicker = <
   });
 
   return {
-    // Picker value
-    fieldProps: pickerValueResponse.fieldProps,
-
     // Picker views
     renderCurrentView: pickerViewsResponse.renderCurrentView,
     hasUIView: pickerViewsResponse.provider.hasUIView,
diff --git a/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.types.ts b/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.types.ts
index b49ab3fbbd7f3..96bf2f4673a65 100644
--- a/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.types.ts
+++ b/packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.types.ts
@@ -2,7 +2,6 @@ import {
   UsePickerValueParams,
   UsePickerValueProps,
   UsePickerValueBaseProps,
-  UsePickerValueResponse,
 } from './usePickerValue.types';
 import {
   UsePickerViewsProps,
@@ -61,9 +60,7 @@ export interface UsePickerParams<
 export interface UsePickerResponse<
   TValue extends PickerValidValue,
   TView extends DateOrTimeViewWithMeridiem,
-  TError,
-> extends Pick<UsePickerValueResponse<TValue, TError>, 'fieldProps'>,
-    Pick<UsePickerViewsResponse<TView>, 'shouldRestoreFocus' | 'renderCurrentView'> {
+> extends Pick<UsePickerViewsResponse<TView>, 'shouldRestoreFocus' | 'renderCurrentView'> {
   ownerState: PickerOwnerState;
   providerProps: UsePickerProviderReturnValue<TValue>;
   // TODO v8: Remove in https://github.com/mui/mui-x/pull/15671
diff --git a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerProvider.ts b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerProvider.ts
index 87845afcd6ef6..97be050ea82f9 100644
--- a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerProvider.ts
+++ b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerProvider.ts
@@ -18,6 +18,7 @@ import {
 import { useUtils } from '../useUtils';
 import { arrayIncludes } from '../../utils/utils';
 import { UsePickerViewsProviderParams } from './usePickerViews';
+import { PickerFieldPrivateContextValue } from '../useField/useFieldInternalPropsWithDefaults';
 
 function getOrientation(): PickerOrientation {
   if (typeof window === 'undefined') {
@@ -112,6 +113,7 @@ export function usePickerProvider<
       readOnly: props.readOnly ?? false,
       variant,
       orientation,
+      fieldFormat: props.format ?? '',
     }),
     [
       paramsFromUsePickerValue.contextValue,
@@ -120,6 +122,7 @@ export function usePickerProvider<
       orientation,
       props.disabled,
       props.readOnly,
+      props.format,
     ],
   );
 
@@ -136,11 +139,27 @@ export function usePickerProvider<
     [paramsFromUsePickerValue.actionsContextValue, paramsFromUsePickerViews.actionsContextValue],
   );
 
+  const fieldPrivateContextValue = React.useMemo(
+    () => ({
+      formatDensity: props.formatDensity,
+      enableAccessibleFieldDOMStructure: props.enableAccessibleFieldDOMStructure,
+      selectedSections: props.selectedSections,
+      onSelectedSectionsChange: props.onSelectedSectionsChange,
+    }),
+    [
+      props.formatDensity,
+      props.enableAccessibleFieldDOMStructure,
+      props.selectedSections,
+      props.onSelectedSectionsChange,
+    ],
+  );
+
   return {
     localeText,
     contextValue,
     privateContextValue,
     actionsContextValue,
+    fieldPrivateContextValue,
     isValidContextValue: paramsFromUsePickerValue.isValidContextValue,
   };
 }
@@ -150,7 +169,7 @@ export interface UsePickerProviderParameters<
   TView extends DateOrTimeViewWithMeridiem,
   TError,
 > extends Pick<PickerProviderProps<TValue>, 'localeText'> {
-  props: UsePickerProps<TValue, any, any, any>;
+  props: UsePickerProps<TValue, any, any, any> & UsePickerProviderNonStaticProps;
   valueManager: PickerValueManager<TValue, any>;
   variant: PickerVariant;
   paramsFromUsePickerValue: UsePickerValueProviderParams<TValue, TError>;
@@ -174,7 +193,13 @@ export interface UsePickerProviderProps extends FormProps {
 /**
  * Props used to create the picker's contexts and that are not available on static pickers.
  */
-export interface UsePickerProviderNonStaticProps {
+export interface UsePickerProviderNonStaticProps extends PickerFieldPrivateContextValue {
+  // We don't take the `format` prop from `UseFieldInternalProps` to have a custom JSDoc description.
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  format?: string;
   /**
    * If `true`, the open picker button will not be rendered (renders only the field).
    * @default false
diff --git a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.ts b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.ts
index a084d22df648c..a262ba53f9923 100644
--- a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.ts
+++ b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.ts
@@ -9,7 +9,6 @@ import {
   UsePickerValueParams,
   UsePickerValueResponse,
   UsePickerValueState,
-  UsePickerValueFieldResponse,
   UsePickerValueViewsResponse,
   PickerSelectionState,
   UsePickerValueContextValue,
@@ -249,12 +248,6 @@ export const usePickerValue = <
     });
   });
 
-  const fieldResponse: UsePickerValueFieldResponse<TValue, TError> = {
-    value: dateState.draft,
-    onChange: (newValue, context) =>
-      setValue(newValue, { validationError: context.validationError }),
-  };
-
   const setValueFromView = useEventCallback(
     (newValue: TValue, selectionState: PickerSelectionState = 'partial') => {
       // TODO: Expose a new method (private?) like `setView` that only updates the draft value.
@@ -299,10 +292,11 @@ export const usePickerValue = <
   const contextValue = React.useMemo<UsePickerValueContextValue<TValue, TError>>(
     () => ({
       ...actionsContextValue,
-      open,
       value: dateState.draft,
+      timezone,
+      open,
     }),
-    [actionsContextValue, open, dateState.draft],
+    [actionsContextValue, timezone, open, dateState.draft],
   );
 
   const privateContextValue = React.useMemo<UsePickerValuePrivateContextValue>(
@@ -311,7 +305,7 @@ export const usePickerValue = <
   );
 
   const providerParams: UsePickerValueProviderParams<TValue, TError> = {
-    value: valueWithoutError,
+    value: dateState.draft,
     contextValue,
     actionsContextValue,
     privateContextValue,
@@ -319,7 +313,6 @@ export const usePickerValue = <
   };
 
   return {
-    fieldProps: fieldResponse,
     viewProps: viewResponse,
     provider: providerParams,
   };
diff --git a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.types.ts b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.types.ts
index f915a8171a89e..cc4c53b4da464 100644
--- a/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.types.ts
+++ b/packages/x-date-pickers/src/internals/hooks/usePicker/usePickerValue.types.ts
@@ -261,7 +261,6 @@ export interface UsePickerValueProviderParams<TValue extends PickerValidValue, T
 
 export interface UsePickerValueResponse<TValue extends PickerValidValue, TError> {
   viewProps: UsePickerValueViewsResponse<TValue>;
-  fieldProps: UsePickerValueFieldResponse<TValue, TError>;
   provider: UsePickerValueProviderParams<TValue, TError>;
 }
 
@@ -271,6 +270,10 @@ export interface UsePickerValueContextValue<TValue extends PickerValidValue, TEr
    * The current value of the picker.
    */
   value: TValue;
+  /**
+   * The timezone to use when rendering the dates.
+   */
+  timezone: PickersTimezone;
   /**
    * `true` if the picker is open, `false` otherwise.
    */
@@ -326,7 +329,7 @@ export interface UsePickerValuePrivateContextValue {
   dismissViews: () => void;
 }
 
-export interface SetValueActionOptions<TError = string> {
+export interface SetValueActionOptions<TError = string | null> {
   /**
    * Importance of the change when picking a value:
    * - "accept": fires `onChange`, fires `onAccept` and closes the picker.
diff --git a/packages/x-date-pickers/src/internals/index.ts b/packages/x-date-pickers/src/internals/index.ts
index 35676e0fc5984..2bbb31ef4487a 100644
--- a/packages/x-date-pickers/src/internals/index.ts
+++ b/packages/x-date-pickers/src/internals/index.ts
@@ -5,6 +5,7 @@ export type {
   PickersArrowSwitcherSlotProps,
 } from './components/PickersArrowSwitcher';
 export { PickerProvider } from './components/PickerProvider';
+export type { PickerContextValue } from './components/PickerProvider';
 export { PickersModalDialog } from './components/PickersModalDialog';
 export type {
   PickersModalDialogSlots,
@@ -64,6 +65,7 @@ export type {
   FieldValueManager,
   FieldChangeHandler,
   FieldChangeHandlerContext,
+  PickerFieldPrivateContextValue,
 } from './hooks/useField';
 export { useFieldOwnerState } from './hooks/useFieldOwnerState';
 export type { MobileOnlyPickerProps } from './hooks/useMobilePicker';
@@ -103,11 +105,7 @@ export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-hel
 
 export type { RangePosition } from './models/pickers';
 export type { BaseSingleInputFieldProps, FieldRangeSection } from './models/fields';
-export type {
-  BasePickerProps,
-  BasePickerInputProps,
-  BaseNonStaticPickerProps,
-} from './models/props/basePickerProps';
+export type { BasePickerProps, BasePickerInputProps } from './models/props/basePickerProps';
 export type { BaseClockProps, DesktopOnlyTimePickerProps, AmPmProps } from './models/props/time';
 export type { ExportedBaseTabsProps } from './models/props/tabs';
 export type { BaseToolbarProps, ExportedBaseToolbarProps } from './models/props/toolbar';
diff --git a/packages/x-date-pickers/src/internals/models/fields.ts b/packages/x-date-pickers/src/internals/models/fields.ts
index b7476ca12f049..016c94b661d5f 100644
--- a/packages/x-date-pickers/src/internals/models/fields.ts
+++ b/packages/x-date-pickers/src/internals/models/fields.ts
@@ -1,5 +1,4 @@
 import { SxProps } from '@mui/material/styles';
-import { MakeRequired } from '@mui/x-internals/types';
 import type {
   ExportedUseClearableFieldProps,
   UseClearableFieldSlotProps,
@@ -48,22 +47,8 @@ export type BaseSingleInputFieldProps<
   TValue extends PickerValidValue,
   TEnableAccessibleFieldDOMStructure extends boolean,
   TError,
-> = MakeRequired<
-  Pick<
-    UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, TError>,
-    | 'readOnly'
-    | 'disabled'
-    | 'format'
-    | 'formatDensity'
-    | 'enableAccessibleFieldDOMStructure'
-    | 'selectedSections'
-    | 'onSelectedSectionsChange'
-    | 'timezone'
-    | 'value'
-    | 'onChange'
-    | 'unstableFieldRef'
-    | 'autoFocus'
-  >,
-  'format' | 'value' | 'onChange' | 'timezone'
+> = Pick<
+  UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, TError>,
+  'readOnly' | 'unstableFieldRef' | 'autoFocus'
 > &
   BaseForwardedSingleInputFieldProps;
diff --git a/packages/x-date-pickers/src/internals/models/manager.ts b/packages/x-date-pickers/src/internals/models/manager.ts
index 178ab9acfa34e..135e3177648f5 100644
--- a/packages/x-date-pickers/src/internals/models/manager.ts
+++ b/packages/x-date-pickers/src/internals/models/manager.ts
@@ -19,6 +19,12 @@ type PickerManagerProperties<TManager extends PickerAnyManager> =
       }
     : never;
 
+export type PickerManagerValue<TManager extends PickerAnyManager> =
+  PickerManagerProperties<TManager>['value'];
+
+export type PickerManagerError<TManager extends PickerAnyManager> =
+  PickerManagerProperties<TManager>['error'];
+
 export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> =
   PickerManagerProperties<TManager>['fieldInternalProps'];
 
diff --git a/packages/x-date-pickers/src/internals/models/props/basePickerProps.tsx b/packages/x-date-pickers/src/internals/models/props/basePickerProps.tsx
index 78beba3a580bb..009394ae6b71b 100644
--- a/packages/x-date-pickers/src/internals/models/props/basePickerProps.tsx
+++ b/packages/x-date-pickers/src/internals/models/props/basePickerProps.tsx
@@ -6,7 +6,6 @@ import { UsePickerBaseProps } from '../../hooks/usePicker';
 import { PickersInputComponentLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 import type { UsePickerViewsProps } from '../../hooks/usePicker/usePickerViews';
 import { DateOrTimeViewWithMeridiem } from '../common';
-import { UseFieldInternalProps } from '../../hooks/useField';
 import { PickerValidValue } from '../value';
 
 /**
@@ -42,26 +41,6 @@ export interface BasePickerInputProps<
     'viewRenderers'
   > {}
 
-// We don't take the `format` prop from `UseFieldInternalProps` to have a custom JSDoc description.
-/**
- * Props common to all non-static pickers.
- * These props are handled by the headless wrappers.
- */
-export interface BaseNonStaticPickerProps
-  extends Pick<
-    UseFieldInternalProps<any, any, any>,
-    | 'formatDensity'
-    | 'enableAccessibleFieldDOMStructure'
-    | 'selectedSections'
-    | 'onSelectedSectionsChange'
-  > {
-  /**
-   * Format of the date when rendered in the input(s).
-   * Defaults to localized format based on the used `views`.
-   */
-  format?: string;
-}
-
 /**
  * Props common to all non-range non-static pickers.
  * These props are handled by the headless wrappers.