Resolve useEffect dependency

Author: onesine

src/components/Datepicker.tsx

@@ -231,7 +231,7 @@ const Datepicker: React.FC<Props> = ({
                 end: null
             });
         }
-    }, [asSingle, value, displayFormat]);
+    }, [asSingle, value, displayFormat, separator]);
 
     // Variable
     const colorPrimary = useMemo(() => {

src/components/Input.tsx

@@ -115,7 +115,8 @@ const Input: React.FC = () => {
         dayHover,
         inputText,
         period.end,
-        period.start
+        period.start,
+        readOnly
     ]);
 
     useEffect(() => {
@@ -159,7 +160,7 @@ const Input: React.FC = () => {
                 input.removeEventListener("focus", showCalendarContainer);
             }
         };
-    }, [calendarContainer, arrowContainer]);
+    }, [calendarContainer, arrowContainer, readOnly]);
 
     return (
         <>