fix(dateRangePicker): fix use controlled state (#1490)

Co-authored-by: ZhaoChen <ittisennsinn@gmail.com>

src/date-range-picker/demos/DateRangePicker.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Meta, Story } from '@storybook/react/types-6-0';
 import { action } from '@storybook/addon-actions';
 import { isBefore, startOfToday, subMonths } from 'date-fns';
@@ -33,6 +33,20 @@ const Template: Story<DateRangePickerProps> = (args) => (
   </div>
 );
 
+const ControlledTemplate: Story<DateRangePickerProps> = (args) => {
+  const [TimeRange, setTimeRange] = useState([new Date(), new Date()] as [Date, Date]);
+  const onSelect = (timeRange: [Date, Date]) => {
+    setTimeRange(timeRange);
+  };
+  return (
+    <div style={{ width: 280 }}>
+      <DateRangePicker {...args} value={TimeRange} onSelect={onSelect} />
+    </div>
+  );
+};
+
+export const ControlledBasic = ControlledTemplate.bind({});
+
 export const Basic = Template.bind({});
 Basic.args = {
   placeholder: defaultPlaceholder,

src/static-date-range-picker/StaticDateRangePicker.tsx

@@ -81,7 +81,7 @@ function StaticDateRangePicker({
         onSelect: (currentValue) => {
           const newValue = mergeDates(selectedValue, currentValue, dateIndex);
           onSelect?.(newValue as [Date, Date], dateIndex);
-          setSelectedValue(newValue);
+          setSelectedValue(newValue, true);
           setDateIndex(1 - dateIndex);
         },
       }}