opus-toolkit-components 0.7.8 → 0.8.0

package/lib/{main.43655bc1feda5d97eff1.js → main.0b2b73d40c9be7ecb7d6.js}

@@ -3792,17 +3792,53 @@ function DatePicker(_ref) {
   } = _ref;
   const [selectedDate, setSelectedDate] = (0,external_react_.useState)(value || initialDate);
   const inputRef = (0,external_react_.useRef)(null);
+  function convertToInputDateFormat(dateString) {
+    if (!dateString) return '';
+    const parts = dateString.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)(() => {
-    if (value !== undefined) {
-      setSelectedDate(value);
+    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);
     } else {
-      setSelectedDate(initialDate);
+      setSelectedDate(normalizedInitialDate);
     }
   }, [value, initialDate]);
+  (0,external_react_.useEffect)(() => {
+    if (value !== undefined && value !== selectedDate) {
+      setSelectedDate(value); // Sync selectedDate when value prop changes
+    }
+  }, [value, selectedDate]);
   const handleDateChange = e => {
-    setSelectedDate(e.target.value);
-    if (onChange) {
-      onChange(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
+        }
+      });
     }
   };
   const handleIconClick = () => {
@@ -12517,4 +12553,4 @@ const Pill = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.43655bc1feda5d97eff1.js.map
+//# sourceMappingURL=main.0b2b73d40c9be7ecb7d6.js.map