chore: fix cal logic

Author: zombieJ

docs/examples/range.tsx

@@ -53,7 +53,7 @@ export default () => {
       <div style={{ display: 'flex', flexWrap: 'wrap' }}>
         <div style={{ margin: '0 8px' }}>
           <h3>Basic</h3>
-          <RangePicker<Moment>
+          {/* <RangePicker<Moment>
             {...sharedProps}
             value={undefined}
             locale={zhCN}
@@ -62,7 +62,7 @@ export default () => {
             defaultValue={[moment('1990-09-03'), moment('1989-11-28')]}
             clearIcon={<span>X</span>}
             suffixIcon={<span>O</span>}
-          />
+          /> */}
           <RangePicker<Moment>
             {...sharedProps}
             locale={zhCN}
@@ -77,7 +77,7 @@ export default () => {
               console.log('OK!!!', dates);
             }}
           />
-          <RangePicker<Moment>
+          {/* <RangePicker<Moment>
             {...sharedProps}
             value={undefined}
             locale={zhCN}
@@ -94,10 +94,10 @@ export default () => {
             allowClear
             picker="time"
             style={{ width: 280 }}
-          />
+          /> */}
         </div>
 
-        <div style={{ margin: '0 8px' }}>
+        {/* <div style={{ margin: '0 8px' }}>
           <h3>Focus</h3>
           <RangePicker<Moment>
             {...sharedProps}
@@ -185,7 +185,7 @@ export default () => {
             placeholder={['start...', 'end...']}
             disabledDate={disabledDate}
           />
-        </div>
+        </div> */}
       </div>
     </div>
   );

src/RangePicker.tsx

@@ -894,13 +894,13 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
         ? arrowRef.current.offsetLeft - arrowLeft
         : arrowRef.current.offsetLeft;
 
+    const panelWidth = panelDivRef.current.offsetWidth;
+    const arrowWidth = arrowRef.current.offsetWidth;
+
     if (
-      panelDivRef.current.offsetWidth !== undefined &&
-      arrowRef.current.offsetWidth !== undefined &&
-      arrowLeft >
-        panelDivRef.current.offsetWidth -
-          arrowRef.current.offsetWidth -
-          (direction === 'rtl' ? 0 : arrowMarginLeft)
+      panelWidth &&
+      arrowWidth &&
+      arrowLeft > panelWidth - arrowWidth - (direction === 'rtl' ? 0 : arrowMarginLeft)
     ) {
       panelLeft = arrowLeft;
     }