opus-toolkit-components 0.7.9 → 0.8.1

package/lib/{main.767016c34b63c5836808.js → main.3e2d4fa6c0b568552cc7.js}

@@ -3690,7 +3690,7 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     className: iconClasses
   })), /*#__PURE__*/external_react_default().createElement("input", {
     ref: ref,
-    className: "w-full ".concat(Icon ? iconPosition === 'left' ? 'pl-10' : 'pr-10' : '', " bg-[--color-input-bg] border-none focus:ring-0 focus:outline-none rounded-md p-3"),
+    className: "w-full ".concat(Icon ? iconPosition === 'left' ? 'pl-10' : 'pr-10' : '', " bg-[--color-input-bg] border-none focus:ring-0 focus:outline-none rounded-md py-2 px-3"),
     type: type,
     name: name,
     placeholder: placeholder,
@@ -3820,10 +3820,25 @@ function DatePicker(_ref) {
       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 = () => {
@@ -3886,6 +3901,7 @@ const RadioButton = _ref => {
       label: 'Other'
     }],
     name,
+    value,
     onChange,
     className = '',
     tabIndex = '',
@@ -3896,10 +3912,9 @@ const RadioButton = _ref => {
     dataCy,
     disabled = false
   } = _ref;
-  const [selectedValue, setSelectedValue] = (0,external_react_.useState)('');
+  const selectedValue = value;
   const handleChange = item => {
     if (disabled) return;
-    setSelectedValue(item.value);
     const event = {
       target: {
         name: name,
@@ -12538,4 +12553,4 @@ const Pill = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.767016c34b63c5836808.js.map
+//# sourceMappingURL=main.3e2d4fa6c0b568552cc7.js.map