hplx-react-elements-dev 1.0.96 → 1.0.98

package/dist/esm/index.js

@@ -18564,27 +18564,37 @@ var CalendarView = function CalendarView(_a) {
 
   var _b = useState(true),
       autoFocus1 = _b[0],
-      seAutoFocus1 = _b[1];
+      setAutoFocus1 = _b[1];
 
   var _c = useState(false),
       autoFocus2 = _c[0],
-      seAutoFocus2 = _c[1]; // const [showCalender1, setShowCalender1] = useState(true);
+      setAutoFocus2 = _c[1]; // const [showCalender1, setShowCalender1] = useState(true);
   // const [showCalender2, setShowCalender2] = useState(false);
   // const [showCalender2, setShowCalender2] = useState(false);
 
 
   var handleSelect1 = function handleSelect1(selectedValue) {
-    seAutoFocus2(true);
-    seAutoFocus1(false);
+    setAutoFocus2(true);
+    setAutoFocus1(false);
     handleDate1(selectedValue);
   };
 
   var handleSelect2 = function handleSelect2(selectedValue) {
-    seAutoFocus1(true);
-    seAutoFocus2(false);
+    setAutoFocus1(true);
+    setAutoFocus2(false);
     handleDate2(selectedValue);
   };
 
+  var handleFocus1 = function handleFocus1() {
+    setAutoFocus2(false);
+    setAutoFocus1(true);
+  };
+
+  var handleFocus2 = function handleFocus2() {
+    setAutoFocus2(true);
+    setAutoFocus1(false);
+  };
+
   return jsxRuntime.exports.jsxs("div", {
     children: [jsxRuntime.exports.jsxs("div", __assign({
       className: " hplxt-flex hplxt-flex-col hplxt-box-border hplxt-w-[330px] hplxt-h-[450px]  hplxt-border-1 hplxt-border-Blue_gray-200 hplxt-rounded-t-md hplxt-bg-Blue_gray-25  hplxt-z-30"
@@ -18592,23 +18602,53 @@ var CalendarView = function CalendarView(_a) {
       children: [jsxRuntime.exports.jsxs("div", __assign({
         className: "hplxt-z-10 hplxt-flex hplxt-mt-1 hplxt-items-center hplxt-justify-center"
       }, {
-        children: [jsxRuntime.exports.jsx(InputField, {
+        children: [!date1 ? jsxRuntime.exports.jsx(InputField, {
           className: "hplxt-text-Gray-400 ".concat(autoFocus1 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
           inputProps: {
             placeholder: "Start From",
+            autoFocus: autoFocus1,
+            onFocus: function onFocus() {
+              return handleFocus1();
+            },
+            readOnly: true
+          },
+          isborderRequired: false,
+          width: "130px"
+        }) : jsxRuntime.exports.jsx(InputField, {
+          className: "hplxt-text-Gray-400 ".concat(autoFocus1 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
+          inputProps: {
             value: dayjs(date1).format("DD-MMM-YYYY"),
-            autoFocus: autoFocus1
+            autoFocus: autoFocus1,
+            onFocus: function onFocus() {
+              return handleFocus1();
+            }
           },
           isborderRequired: false,
           width: "130px"
         }), jsxRuntime.exports.jsx("div", {
           className: "hplxt-border hplxt-w-3 hplxt-border-Blue_gray-200"
-        }), jsxRuntime.exports.jsx(InputField, {
+        }), !date2 ? jsxRuntime.exports.jsx(InputField, {
+          isborderRequired: false,
+          className: "hplxt-text-Gray-400 ".concat(autoFocus2 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
+          inputProps: {
+            placeholder: "To Day",
+            autoFocus: autoFocus2,
+            onFocus: function onFocus() {
+              return handleFocus2();
+            },
+            readOnly: true
+          },
+          width: "130px"
+        }) : jsxRuntime.exports.jsx(InputField, {
+          isborderRequired: false,
           className: "hplxt-text-Gray-400 ".concat(autoFocus2 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
           inputProps: {
             placeholder: "To Day",
             value: dayjs(date2).format("DD-MMM-YYYY"),
-            autoFocus: autoFocus2
+            autoFocus: autoFocus2,
+            onFocus: function onFocus() {
+              return handleFocus2();
+            }
           },
           width: "130px"
         })]
@@ -18632,16 +18672,12 @@ var CalendarView = function CalendarView(_a) {
     }, {
       children: [jsxRuntime.exports.jsx("i", {
         className: "hx_calendar hplxt-text-Primary-700 hplxt-cursor-pointer",
-        onClick: function onClick() {
-          return handleSelectCalenderView;
-        }
+        onClick: handleSelectCalenderView
       }), jsxRuntime.exports.jsx(Typography, __assign({
         variant: "Regular",
         type: "Text sm",
         className: "hplxt-text-Primary-700 hplxt-mr-3  hplxt-cursor-pointer",
-        onClick: function onClick() {
-          return handleSelectCalenderView;
-        }
+        onClick: handleSelectCalenderView
       }, {
         children: "Number View"
       }))]

package/dist/esm/types.d.ts

@@ -65,7 +65,7 @@ export interface CalenderViewProps {
     date2?: Date;
     handleDate1: (val: Date) => void;
     handleDate2: (val: Date) => void;
-    handleSelectCalenderView?: (val: Date) => void;
+    handleSelectCalenderView?: () => void;
 }
 export interface InputFieldSplitProps {
     label?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.96",
+  "version": "1.0.98",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",