fix: ok button of the DatePicker becomes compacted when used with Space.Compact (#46769)

* fix: ok button of the DatePicker becomes compacted when used with Space.Compact

* fix: break CSS selector

* fix: break the compact context on the panel

* chore: update test

components/date-picker/PickerButton.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { ButtonProps } from '../button';
 import Button from '../button';
+import type { ButtonProps } from '../button';
 
 export default function PickerButton(props: ButtonProps) {
   return <Button size="small" type="primary" {...props} />;

components/date-picker/generatePicker/generateRangePicker.tsx

@@ -16,7 +16,7 @@ import DisabledContext from '../../config-provider/DisabledContext';
 import useSize from '../../config-provider/hooks/useSize';
 import { FormItemInputContext } from '../../form/context';
 import { useLocale } from '../../locale';
-import { useCompactItemContext } from '../../space/Compact';
+import { NoCompactStyle, useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
 import {
@@ -124,6 +124,7 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
     const [zIndex] = useZIndex('DatePicker', props.popupStyle?.zIndex as number);
 
     return wrapCSSVar(
+      <NoCompactStyle>
         <RCRangePicker<DateType>
           separator={
             <span aria-label="to" className={`${prefixCls}-separator`}>
@@ -147,7 +148,11 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
               [`${prefixCls}-${mergedSize}`]: mergedSize,
               [`${prefixCls}-${variant}`]: enableVariantCls,
             },
-          getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback),
+            getStatusClassNames(
+              prefixCls,
+              getMergedStatus(contextStatus, customStatus),
+              hasFeedback,
+            ),
             hashId,
             compactItemClassnames,
             className,
@@ -175,7 +180,8 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
             zIndex,
           }}
           allowClear={mergeAllowClear(allowClear, clearIcon, <CloseCircleFilled />)}
-      />,
+        />
+      </NoCompactStyle>,
     );
   });
 

components/date-picker/generatePicker/generateSinglePicker.tsx

@@ -17,7 +17,7 @@ import DisabledContext from '../../config-provider/DisabledContext';
 import useSize from '../../config-provider/hooks/useSize';
 import { FormItemInputContext } from '../../form/context';
 import { useLocale } from '../../locale';
-import { useCompactItemContext } from '../../space/Compact';
+import { NoCompactStyle, useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
 import {
@@ -151,6 +151,7 @@ export default function generatePicker<DateType>(generateConfig: GenerateConfig<
         const [zIndex] = useZIndex('DatePicker', props.popupStyle?.zIndex as number);
 
         return wrapCSSVar(
+          <NoCompactStyle>
             <RCPicker<DateType>
               ref={innerRef}
               placeholder={getPlaceholder(locale, mergedPicker, placeholder)}
@@ -202,7 +203,8 @@ export default function generatePicker<DateType>(generateConfig: GenerateConfig<
                 zIndex,
               }}
               allowClear={mergeAllowClear(allowClear, clearIcon, <CloseCircleFilled />)}
-          />,
+            />
+          </NoCompactStyle>,
         );
       },
     );

components/space/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -6407,7 +6407,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                     class="ant-picker-ok"
                   >
                     <button
-                      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-compact-item ant-btn-compact-first-item"
+                      class="ant-btn ant-btn-primary ant-btn-sm"
                       disabled=""
                       type="button"
                     >
@@ -8020,7 +8020,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                       class="ant-picker-ok"
                     >
                       <button
-                        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-compact-item ant-btn-compact-first-item"
+                        class="ant-btn ant-btn-primary ant-btn-sm"
                         disabled=""
                         type="button"
                       >
@@ -15185,7 +15185,7 @@ Array [
                     class="ant-picker-ok"
                   >
                     <button
-                      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-compact-item ant-btn-compact-first-item"
+                      class="ant-btn ant-btn-primary ant-btn-sm"
                       disabled=""
                       type="button"
                     >

components/statistic/index.ts

@@ -13,4 +13,4 @@ export type CompoundedStatistic = typeof Statistic & CompoundedComponent;
 
 (Statistic as CompoundedStatistic).Countdown = Countdown;
 
-export default (Statistic as CompoundedStatistic);
+export default Statistic as CompoundedStatistic;

components/table/InternalTable.tsx

@@ -627,4 +627,4 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
   );
 };
 
-export default (React.forwardRef(InternalTable) as RefInternalTable);
+export default React.forwardRef(InternalTable) as RefInternalTable;