diff --git a/packages/x-date-pickers/src/internals/utils/date-time-utils.ts b/packages/x-date-pickers/src/internals/utils/date-time-utils.ts index 47688559cf1b2..85cdd1053e03f 100644 --- a/packages/x-date-pickers/src/internals/utils/date-time-utils.ts +++ b/packages/x-date-pickers/src/internals/utils/date-time-utils.ts @@ -18,12 +18,19 @@ export const resolveDateTimeFormat = ( views, format, ...other - }: { format?: string; views: readonly DateOrTimeViewWithMeridiem[]; ampm: boolean }, + }: { + format?: string; + views: readonly DateOrTimeViewWithMeridiem[]; + ampm: boolean; + value: TDate | TDate[]; + }, ) => { if (format) { return format; } + const { value } = other; + const dateViews: DateView[] = []; const timeViews: TimeView[] = []; @@ -44,7 +51,9 @@ export const resolveDateTimeFormat = ( } const timeFormat = resolveTimeFormat(utils, { views: timeViews, ...other }); - const dateFormat = resolveDateFormat(utils, { views: dateViews, ...other }, false); + const dateFormat = Array.isArray(value) + ? utils.formats.keyboardDate // default for DateTimeRanePicker + : resolveDateFormat(utils, { views: dateViews, ...other }, false); return `${dateFormat} ${timeFormat}`; }; diff --git a/packages/x-date-pickers/src/internals/utils/date-utils.ts b/packages/x-date-pickers/src/internals/utils/date-utils.ts index 817c0e056a97f..781ca434fba6f 100644 --- a/packages/x-date-pickers/src/internals/utils/date-utils.ts +++ b/packages/x-date-pickers/src/internals/utils/date-utils.ts @@ -177,7 +177,7 @@ export const resolveDateFormat = ( } if (areViewsEqual(views, ['day'])) { - return formats.keyboardDate; + return formats.dayOfMonth; } if (areViewsEqual(views, ['month', 'year'])) {