fix: datePicker arrow out of bound (ant-design#47389)

* fix: datePicker arrow out of bound * chore: use logic prop
DraculaPrince · Mar 29, 2024 · a9667c2 · a9667c2
1 parent aa07a83
commit a9667c2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/components/date-picker/style/index.ts b/components/date-picker/style/index.ts
@@ -364,9 +364,14 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             position: 'absolute',
             zIndex: 1,
             display: 'none',
-            marginInlineStart: token.calc(paddingInline).mul(1.5).equal(),
+            paddingInline: token.calc(paddingInline).mul(1.5).equal(),
+            boxSizing: 'content-box',
             transition: `left ${motionDurationSlow} ease-out`,
             ...genRoundedArrow(token, colorBgElevated, boxShadowPopoverArrow),
+
+            '&:before': {
+              insetInlineStart: token.calc(paddingInline).mul(1.5).equal(),
+            },
           },
 
           [`${componentCls}-panel-container`]: {

diff --git a/package.json b/package.json
@@ -147,7 +147,7 @@
     "rc-motion": "^2.9.0",
     "rc-notification": "~5.3.0",
     "rc-pagination": "~4.0.4",
-    "rc-picker": "~4.0.0-alpha.44",
+    "rc-picker": "~4.1.1",
     "rc-progress": "~3.5.1",
     "rc-rate": "~2.12.0",
     "rc-resize-observer": "^1.4.0",