pesona-ui 1.0.21 → 1.0.22

package/dist/index.cjs.js

@@ -8317,12 +8317,18 @@ const Input = React.forwardRef(({ className, name, label, floatingLabel, error,
 
 const InputDate = React.forwardRef(({ name, label, floatingLabel, value = '', error, ...rest }, ref) => {
     const [showDatePicker, setShowDatePicker] = React.useState(false);
-    const [selectedDate, setSelectedDate] = React.useState(value);
+    const [selectedDate, setSelectedDate] = React.useState(value ?? '');
     const datePickerRef = React.useRef(null);
+    // Sync when external value changes
+    React.useEffect(() => {
+        setSelectedDate(value);
+    }, [value]);
+    // Helper function to safely parse date
     const toggleDatePicker = (e) => {
         e.stopPropagation();
         setShowDatePicker((prevState) => !prevState);
     };
+    // Handle date selection from the date picker
     const handleDateSelect = (date) => {
         setSelectedDate(date);
         setShowDatePicker(false);
@@ -8332,6 +8338,7 @@ const InputDate = React.forwardRef(({ name, label, floatingLabel, value = '', er
             });
         }
     };
+    // Close date picker when clicking outside
     useOutsideClick([datePickerRef], () => {
         setShowDatePicker(false);
     });
@@ -8341,7 +8348,7 @@ const InputDate = React.forwardRef(({ name, label, floatingLabel, value = '', er
             " ",
             rest.required && React.createElement("span", { className: "text-danger" }, "*"))),
         React.createElement("div", { className: "input-group-icon" },
-            React.createElement("input", { type: "text", className: "form-control", id: name, name: name, placeholder: !floatingLabel ? ' ' : '', ref: ref, value: selectedDate, ...rest }),
+            React.createElement(Input, { type: "text", className: "form-control", id: name, name: name, placeholder: !floatingLabel ? ' ' : '', ref: ref, value: selectedDate, ...rest }),
             React.createElement("span", { role: "button", className: "icon", onClick: toggleDatePicker },
                 React.createElement(MdCalendarMonth, null)),
             showDatePicker && (React.createElement("div", { ref: datePickerRef },
@@ -8610,7 +8617,6 @@ const SelectWithSearch = React.forwardRef(({ name, label, selectLabel, size = 'm
     const displayText = value
         ? options.find((option) => option.value === value)?.label
         : selectLabel || 'Select an option';
-    console.log(isLoading);
     return (React.createElement(React.Fragment, null,
         label && !floatingLabel && (React.createElement("label", { htmlFor: name },
             label,