fix(static-date-range-picker): fix panel interaction error

growingio · May 10, 2022 · 883944b · 883944b
1 parent 1247635
commit 883944b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/static-date-picker/StaticDatePicker.tsx b/src/static-date-picker/StaticDatePicker.tsx
@@ -42,7 +42,7 @@ const StaticDatePicker: React.FC<StaticDatePickerProps> = ({
   ...restProps
 }) => {
   const locale = useLocale<Locale>('DatePicker') || defaultLocale;
-  const [viewDate, setViewDate] = useState(() => viewDateProp ?? value ?? defaultValue ?? new Date());
+  const [viewDate, setViewDate] = useControlledState(viewDateProp, value ?? defaultValue ?? new Date());
   const [innerValue] = useControlledState(value, defaultValue);
   const [mode] = useState<PickerMode>('date');
   const currentPickerMode = useRef(mode);
@@ -77,12 +77,12 @@ const StaticDatePicker: React.FC<StaticDatePickerProps> = ({
       {...restProps}
       pickerValue={viewDate}
       onSelect={(date) => { onSelect?.(date); }}
-      onChange={(date) => { setViewDate(date) }}
+      onChange={(date) => { setViewDate(date); }}
       locale={locale}
       prefixCls={prefixCls}
       onPanelChange={(changedValue, changedMode: PickerMode) => {
         currentPickerMode.current = changedMode;
-        setViewDate(changedValue);
+        setViewDate(changedValue, true);
         onPanelChange?.(changedValue, changedMode);
       }}
       picker={mode}