[Fix] Date format onesine#25

[Fix] Refresh `startFrom` when selection changes

Author: JefteCaro

Diff for: src/components/Datepicker.tsx

@@ -140,8 +140,8 @@ const Datepicker: React.FC<Props> = ({
 
     const secondGotoDate = useCallback(
         (date: dayjs.Dayjs) => {
-            const newDate = dayjs(formatDate(date));
-            const reformatDate = dayjs(formatDate(firstDate));
+            const newDate = dayjs(formatDate(date, displayFormat));
+            const reformatDate = dayjs(formatDate(firstDate, displayFormat));
             if (newDate.isSame(reformatDate) || newDate.isBefore(reformatDate)) {
                 setFirstDate(previousMonth(date));
             }
@@ -214,8 +214,8 @@ const Datepicker: React.FC<Props> = ({
                 validDate && (startDate.isSame(endDate) || startDate.isBefore(endDate));
             if (condition) {
                 setPeriod({
-                    start: formatDate(startDate),
-                    end: formatDate(endDate)
+                    start: formatDate(startDate, displayFormat),
+                    end: formatDate(endDate, displayFormat)
                 });
                 setInputText(
                     `${formatDate(startDate, displayFormat)}${
@@ -233,6 +233,19 @@ const Datepicker: React.FC<Props> = ({
         }
     }, [asSingle, value, displayFormat, separator]);
 
+    useEffect(() => {
+        if(startFrom && dayjs(startFrom).isValid()) {
+
+            if(value != null && value.startDate != null) {
+                setFirstDate(dayjs(value.startDate))
+                setSecondDate(nextMonth(dayjs(value.startDate)))
+            } else {
+                setFirstDate(dayjs(startFrom))
+                setSecondDate(nextMonth(dayjs(startFrom)))
+            }
+        }
+    }, [startFrom, value])
+
     // Variable
     const colorPrimary = useMemo(() => {
         if (COLORS.includes(primaryColor)) {