opus-toolkit-components 0.8.1 → 0.8.3

package/lib/{main.3e2d4fa6c0b568552cc7.js → main.3cbe68884c7de90ac040.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,43 @@ 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 in yyyy-MM-dd
+    }
+    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 [a, b, c] = parts.map(p => p.padStart(2, '0'));
+    if (parseInt(a, 10) > 12) {
+      // Assume dd/MM/yyyy
+      return "".concat(c, "-").concat(b, "-").concat(a);
     } else {
-      setSelectedDate(normalizedInitialDate);
+      // Assume MM/dd/yyyy
+      return "".concat(c, "-").concat(a, "-").concat(b);
     }
-  }, [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);
+      const formattedValue = "".concat(day, "/").concat(month, "/").concat(year); // dd/MM/yyyy
       onChange({
         target: {
           name,
           value: formattedValue,
-          // dd/MM/yyyy
-          rawValue // yyyy-MM-dd
+          rawValue
         }
       });
     }
@@ -12310,8 +12300,7 @@ function Dropdown(_ref) {
     disabled = false,
     dataCy // optional override
   } = _ref;
-  const initialSelectedItem = items.find(item => item.value === value) || null;
-  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(initialSelectedItem);
+  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(null);
   const [isOpen, setIsOpen] = (0,external_react_.useState)(false);
   (0,external_react_.useEffect)(() => {
     const newSelectedItem = items.find(item => item.value === value) || null;
@@ -12553,4 +12542,4 @@ const Pill = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.3e2d4fa6c0b568552cc7.js.map
+//# sourceMappingURL=main.3cbe68884c7de90ac040.js.map