@raystack/apsara 0.20.0 → 0.20.1

package/dist/index.js

@@ -28143,6 +28143,10 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD
     const textFieldRef = useRef(null);
     const contentRef = useRef(null);
     const isInputFieldFocused = useRef(false);
+    const calendarValRef = useRef(value);
+    useEffect(() => {
+        calendarValRef.current = calendarVal;
+    }, [calendarVal]);
     function isElementOutside(el) {
         return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker
             !textFieldRef.current?.contains(el) && // TextField
@@ -28155,12 +28159,12 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD
     }, []);
     function registerEventListeners() {
         isInputFieldFocused.current = true;
-        document.addEventListener('mouseup', handleMouseDown, true);
+        document.addEventListener('mouseup', handleMouseDown);
     }
     function removeEventListeners() {
         isInputFieldFocused.current = false;
         setShowCalendar(false);
-        const updatedVal = dayjs(calendarVal).format(dateFormat);
+        const updatedVal = dayjs(calendarValRef.current).format(dateFormat);
         if (textFieldRef.current)
             textFieldRef.current.value = updatedVal;
         if (inputState === undefined)
@@ -28170,6 +28174,7 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD
     const handleSelect = (day) => {
         onSelect(day);
         setCalendarVal(day);
+        calendarValRef.current = day;
         setInputState(undefined);
         removeEventListeners();
     };