diff --git a/src/PickerPanel/DatePanel/index.tsx b/src/PickerPanel/DatePanel/index.tsx
index d1aa7cfd2..0961a38d0 100644
--- a/src/PickerPanel/DatePanel/index.tsx
+++ b/src/PickerPanel/DatePanel/index.tsx
@@ -1,5 +1,6 @@
 import classNames from 'classnames';
 import * as React from 'react';
+import type { PanelMode, SharedPanelProps } from '../../interface';
 import {
   formatValue,
   getWeekStartDate,
@@ -7,7 +8,6 @@ import {
   isSameMonth,
   WEEK_DAY_COUNT,
 } from '../../utils/dateUtil';
-import type { PanelMode, SharedPanelProps } from '../../interface';
 import { PanelContext, useInfo } from '../context';
 import PanelBody from '../PanelBody';
 import PanelHeader from '../PanelHeader';
@@ -171,7 +171,7 @@ export default function DatePanel<DateType extends object = any>(props: DatePane
   // ========================= Render =========================
   return (
     <PanelContext.Provider value={info}>
-      <div className={panelPrefixCls}>
+      <div className={classNames(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`)}>
         {/* Header */}
         <PanelHeader
           onOffset={(offset) => {
diff --git a/tests/new-range.spec.tsx b/tests/new-range.spec.tsx
index c2437c62d..a225b9742 100644
--- a/tests/new-range.spec.tsx
+++ b/tests/new-range.spec.tsx
@@ -1033,6 +1033,9 @@ describe('NewPicker.Range', () => {
     openPicker(container);
 
     expect(document.querySelector('.rc-picker-cell-week')).toBeTruthy();
+    expect(
+      document.querySelector('.rc-picker-date-panel.rc-picker-date-panel-show-week'),
+    ).toBeTruthy();
   });
 
   it('focus event', () => {