@@ -331,8 +331,9 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
331
331
} = token ;
332
332
333
333
const pickerPanelWidth = pickerPanelCellWidth * 7 + paddingSM * 2 + 4 ;
334
+
334
335
const hoverCellFixedDistance =
335
- ( pickerPanelWidth - paddingXS * 2 ) / 3 - pickerYearMonthCellWidth / 2 ;
336
+ ( pickerPanelWidth - paddingXS * 2 ) / 3 - pickerYearMonthCellWidth - paddingSM ;
336
337
337
338
return {
338
339
[ componentCls ] : {
@@ -658,17 +659,17 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
658
659
insetInlineEnd : hoverCellFixedDistance ,
659
660
borderInlineEnd : `${ lineWidth } px dashed ${ pickerDateHoverRangeBorderColor } ` ,
660
661
borderStartStartRadius : 0 ,
661
- borderBottomStartRadius : 0 ,
662
+ borderEndStartRadius : 0 ,
662
663
borderStartEndRadius : borderRadius ,
663
- borderBottomEndRadius : borderRadius ,
664
+ borderEndEndRadius : borderRadius ,
664
665
665
666
[ `${ componentCls } -panel-rtl &` ] : {
666
667
insetInlineStart : hoverCellFixedDistance ,
667
668
borderInlineStart : `${ lineWidth } px dashed ${ pickerDateHoverRangeBorderColor } ` ,
668
669
borderStartStartRadius : borderRadius ,
669
- borderBottomStartRadius : borderRadius ,
670
+ borderEndStartRadius : borderRadius ,
670
671
borderStartEndRadius : 0 ,
671
- borderBottomEndRadius : 0 ,
672
+ borderEndEndRadius : 0 ,
672
673
} ,
673
674
} ,
674
675
} ,
@@ -1429,6 +1430,7 @@ export default genComponentStyleHook(
1429
1430
initInputToken < FullToken < 'DatePicker' > > ( token ) ,
1430
1431
initPickerPanelToken ( token ) ,
1431
1432
) ;
1433
+
1432
1434
return [
1433
1435
genPickerStyle ( pickerToken ) ,
1434
1436
genPickerStatusStyle ( pickerToken ) ,
0 commit comments