[DateRangePicker] Allow to override the format in the field

Author: flaviendelangle

packages/x-date-pickers-pro/src/DesktopDateRangePicker/DesktopDateRangePicker.tsx

@@ -55,7 +55,7 @@ const DesktopDateRangePicker = React.forwardRef(function DesktopDateRangePicker<
     ...defaultizedProps,
     closeOnSelect: defaultizedProps.closeOnSelect ?? true,
     viewRenderers,
-    format: utils.formats.keyboardDate,
+    format: defaultizedProps.format ?? utils.formats.keyboardDate, // TODO: Replace with resolveDateFormat() once we support month and year views
     calendars: defaultizedProps.calendars ?? 2,
     views: ['day'] as const,
     openTo: 'day' as const,

packages/x-date-pickers-pro/src/MobileDateRangePicker/MobileDateRangePicker.tsx

@@ -54,7 +54,8 @@ const MobileDateRangePicker = React.forwardRef(function MobileDateRangePicker<
   const props = {
     ...defaultizedProps,
     viewRenderers,
-    format: utils.formats.keyboardDate,
+    format: defaultizedProps.format ?? utils.formats.keyboardDate, // TODO: Replace with resolveDateFormat() once we support month and year views
+
     // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     // force current calendar position, since we only have one calendar

packages/x-date-pickers/src/internals/hooks/usePicker/usePicker.tsx

@@ -273,6 +273,8 @@ export const usePicker = <
     ],
   );
 
+  console.log(format);
+
   const contextValue = React.useMemo<PickerContextValue<TValue, TView, TError>>(
     () => ({
       ...actionsContextValue,