fix: goal date settings

src/FormBuilder/resources/js/form-builder/src/components/DatePicker/index.tsx

@@ -32,20 +32,15 @@ export default ({
 
     const popoverRef = useRef();
 
-    const [date, setDate] = useState<string>(value);
+    const [date, setDate] = useState<string>(value || new Date().toISOString().slice(0, 19));
     const [isVisible, setIsVisible] = useState<boolean>(false);
 
-    const convertJsDateToMySQLDate = (dateTime: string) => {
-        const [date, time] = dateTime.split('T');
-        return `${date} ${time}`;
-    };
-
     const toggleVisible = () => {
         setIsVisible((state) => !state);
     };
 
     const onSelectDate = () => {
-        onSelect(convertJsDateToMySQLDate(date));
+        onSelect(date.replace('T', ' '));
         setIsVisible(false);
     };
 
@@ -99,15 +94,15 @@ export default ({
                         {showTimeSelector ? (
                             <DateTimePicker
                                 is12Hour={is12Hour}
-                                currentDate={value}
+                                currentDate={date}
                                 isInvalidDate={(date) => checkDate(date)}
                                 onChange={(date) => {
                                     setDate(date);
                                 }}
                             />
                         ) : (
                             <DatePicker
-                                currentDate={value}
+                                currentDate={date}
                                 isInvalidDate={(date) => checkDate(date)}
                                 onChange={(date) => {
                                     setDate(date);