opus-toolkit-components 0.8.2 → 0.8.4

package/lib/{main.ac163118cf08b8a8b6fc.js → main.4f1c65e3bc1a8de293ea.js}

@@ -3780,7 +3780,7 @@ function DatePicker(_ref) {
     initialDate = '',
     label = 'Select a Date:',
     isValid = true,
-    errorMessage = "Error message",
+    errorMessage = 'Error message',
     name = 'date',
     onChange,
     value,
@@ -3790,53 +3790,42 @@ function DatePicker(_ref) {
     dataCy,
     disabled = false
   } = _ref;
-  const [selectedDate, setSelectedDate] = (0,external_react_.useState)(value || initialDate);
+  const [selectedDate, setSelectedDate] = (0,external_react_.useState)('');
   const inputRef = (0,external_react_.useRef)(null);
-  function convertToInputDateFormat(dateString) {
+  const normalizeToInputFormat = dateString => {
     if (!dateString) return '';
-    const parts = dateString.split('/');
+    const [datePart] = dateString.split(' '); // Remove time if present
+
+    if (/^\d{4}-\d{2}-\d{2}$/.test(datePart)) {
+      return datePart; // Already ISO format
+    }
+    const parts = datePart.split('/');
     if (parts.length !== 3) return '';
-    const [day, month, year] = parts;
-    return "".concat(year, "-").concat(month.padStart(2, '0'), "-").concat(day.padStart(2, '0'));
-  }
-  (0,external_react_.useEffect)(() => {
-    function normalizeDate(dateString) {
-      if (!dateString) return '';
-      // Remove the time part if it exists
-      const [datePart] = dateString.split(' ');
-      if (datePart.includes('-')) {
-        return datePart;
-      }
-      const parts = datePart.split('/');
-      if (parts.length !== 3) return '';
-      const [month, day, year] = parts; // notice month first here
-      return "".concat(year, "-").concat(month.padStart(2, '0'), "-").concat(day.padStart(2, '0'));
-    }
-    const normalizedValue = normalizeDate(value);
-    const normalizedInitialDate = normalizeDate(initialDate);
-    if (value !== undefined && value !== null) {
-      setSelectedDate(normalizedValue);
+    const [part1, part2, part3] = parts.map(p => p.padStart(2, '0'));
+    if (parseInt(part1, 10) > 12) {
+      // Assume dd/MM/yyyy
+      const [day, month, year] = [part1, part2, part3];
+      return "".concat(year, "-").concat(month, "-").concat(day);
     } else {
-      setSelectedDate(normalizedInitialDate);
+      // Assume MM/dd/yyyy
+      const [month, day, year] = [part1, part2, part3];
+      return "".concat(year, "-").concat(month, "-").concat(day);
     }
-  }, [value, initialDate]);
+  };
   (0,external_react_.useEffect)(() => {
-    if (value !== undefined && value !== selectedDate) {
-      setSelectedDate(value); // Sync selectedDate when value prop changes
+    const newDate = normalizeToInputFormat(value || initialDate);
+    if (newDate !== selectedDate) {
+      setSelectedDate(newDate);
     }
-  }, [value, selectedDate]);
+  }, [value, initialDate]);
   const handleDateChange = e => {
     const rawValue = e.target.value; // yyyy-MM-dd
     setSelectedDate(rawValue);
     if (onChange && rawValue) {
-      const [year, month, day] = rawValue.split('-');
-      const formattedValue = "".concat(day, "/").concat(month, "/").concat(year);
       onChange({
         target: {
           name,
-          value: formattedValue,
-          // dd/MM/yyyy
-          rawValue // yyyy-MM-dd
+          value: rawValue // Keep value in ISO format for form submission
         }
       });
     }
@@ -12552,4 +12541,4 @@ const Pill = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.ac163118cf08b8a8b6fc.js.map
+//# sourceMappingURL=main.4f1c65e3bc1a8de293ea.js.map