fix(datepicker): range picker default time bug

Tencent · Sep 25, 2024 · 4cf8c40 · 4cf8c40
1 parent dd24990
commit 4cf8c40
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/date-picker/panel/RangePanel.tsx b/src/date-picker/panel/RangePanel.tsx
@@ -165,7 +165,7 @@ const RangePanel = forwardRef<HTMLDivElement, RangePanelProps>((originalProps, r
               partial={'start'}
               year={startYear}
               month={startMonth}
-              time={time[0]}
+              time={time[activeIndex]}
               tableData={startTableData}
               value={value}
               {...panelContentProps}
@@ -175,7 +175,7 @@ const RangePanel = forwardRef<HTMLDivElement, RangePanelProps>((originalProps, r
               partial={'end'}
               year={endYear}
               month={endMonth}
-              time={time[1]}
+              time={time[activeIndex]}
               value={value}
               tableData={endTableData}
               {...panelContentProps}

diff --git a/src/time-picker/TimeRangePicker.tsx b/src/time-picker/TimeRangePicker.tsx
@@ -1,5 +1,6 @@
 import React, { FC, useState, useEffect } from 'react';
 import classNames from 'classnames';
+import dayjs from 'dayjs';
 
 import { TimeIcon as TdTimeIcon } from 'tdesign-icons-react';
 import isArray from 'lodash/isArray';
@@ -109,6 +110,16 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
     handleOnPick(nextCurrentValue, context);
   };
 
+  const autoSwapTime = (valueBeforeConfirm: Array<string>) => {
+    const [startTime, endTime] = valueBeforeConfirm;
+    const startDayjs = dayjs(startTime, props.format);
+    const endDayjs = dayjs(endTime, props.format);
+
+    if (startDayjs.isAfter(endDayjs, 'second')) return [endTime, startTime];
+
+    return [startTime, endTime];
+  };
+
   const handleInputBlur = (value: TimeRangeValue, { e }: { e: React.FocusEvent<HTMLInputElement> }) => {
     if (allowInput) {
       const isValidTime = validateInputValue(currentValue[currentPanelIdx], format);
@@ -132,7 +143,7 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
 
   const handleClickConfirm = () => {
     const isValidTime = !currentValue.find((v) => !validateInputValue(v, format));
-    if (isValidTime) onChange(currentValue);
+    if (isValidTime) onChange(autoSwapTime(currentValue));
     setPanelShow(false);
   };