oolib 2.173.2 → 2.173.3

package/dist/components/DatePicker/index.js

@@ -125,17 +125,32 @@ function DatePicker(props) {
             (0, handlePos_1.handleHorizontalPos)(calenderRef, id);
         }, 500);
     }, [screenWidth]);
+    var isValidDateInput = function (value) {
+        if (!value)
+            return false;
+        var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+        // Check if we have all parts
+        if (!day || !month || !year)
+            return false;
+        var dateObj = new Date(year, month - 1, day);
+        return !isNaN(dateObj.getTime()) &&
+            dateObj.getDate() === parseInt(day) &&
+            dateObj.getMonth() === parseInt(month) - 1 &&
+            dateObj.getFullYear() === parseInt(year);
+    };
     (0, react_1.useEffect)(function () {
         // buildDateinput return date string in dd/mm/yyyy format if you pass date object
         if (readOnly)
             return;
-        if (value) {
-            inputRef.current.value =
-                value === "Ongoing" ? value : buildDateInput(new Date(value));
-        }
-        else {
-            inputRef.current.value = "";
-            setRange(null);
+        if (!isValidDateInput(inputRef.current.value)) {
+            if (value) {
+                inputRef.current.value =
+                    value === "Ongoing" ? value : buildDateInput(new Date(value));
+            }
+            else {
+                inputRef.current.value = "";
+                setRange(null);
+            }
         }
         if (from) {
             setRange(new Date(calender.year, calender.month, calender.today));
@@ -155,12 +170,14 @@ function DatePicker(props) {
     }, [value]);
     // handle on change month
     var handleChangeMonth = function (e, month) {
+        console.log('change month fired');
         e.preventDefault();
         monthNumber += month;
         setMonthNumber(monthNumber < 0 ? 0 : monthNumber); // if
         (0, buildCalenderObj_1.buildCalenderObj)(from, inputRef, monthNumber, calender, setCalender);
     };
     var handleDayClick = function (e, item) {
+        console.log('day click fired');
         var clickedDate = item;
         inputRef.current.value = buildDateInput(clickedDate);
         monthNumber = 0;
@@ -196,6 +213,8 @@ function DatePicker(props) {
     };
     var handleFocusOut = function () {
         var _a;
+        console.log('focus out fired');
+        console.log({ from: from });
         if (from && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.split("/")[1]) == calender.month + 1) {
             setRange(new Date(calender.year, calender.month, calender.today));
         }
@@ -206,9 +225,11 @@ function DatePicker(props) {
             dateObj = from;
         }
         inputRef.current.value = buildDateInput(dateObj);
+        console.log({ dateObj: dateObj, inpuRefVal: inputRef.current.value });
         onParentChange(id, dateObj.toISOString(), props.passChangeHandlerOps && props);
     };
     var handleOnChange = function () {
+        console.log('input onchange fired');
         autoFormatter();
         setMonthNumber(0);
         var dateObj = (0, buildCalenderObj_1.buildCalenderObj)(from, inputRef, monthNumber, calender, setCalender);
@@ -217,6 +238,7 @@ function DatePicker(props) {
         }
     };
     var handleKeyDown = function (e) {
+        console.log('key down fired');
         if (e.keyCode === 8) {
             flag = false;
         }
@@ -225,6 +247,7 @@ function DatePicker(props) {
         }
     };
     var handlePointerEnter = function (item) {
+        console.log('pointer enter fired');
         setRange(item);
     };
     var wrapCaretLeft = react_1.default.useCallback(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.173.2",
+  "version": "2.173.3",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",