hplx-react-elements-dev 1.0.97 → 1.0.99

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"
         })]
@@ -18617,14 +18657,18 @@ var CalendarView = function CalendarView(_a) {
       }, {
         children: jsxRuntime.exports.jsx(dist.Calendar, {
           date: dayjs(date1).isValid() ? date1 : new Date(),
-          onChange: handleSelect1
+          onChange: handleSelect1,
+          //   disabledDates={disabledDates}
+          minDate: new Date()
         })
       })), autoFocus2 && jsxRuntime.exports.jsx("div", __assign({
         className: "hplxt-flex"
       }, {
         children: jsxRuntime.exports.jsx(dist.Calendar, {
           date: dayjs(date2).isValid() ? date2 : new Date(),
-          onChange: handleSelect2
+          onChange: handleSelect2,
+          //   disabledDates={disabledDates}
+          minDate: date1
         })
       }))]
     })), jsxRuntime.exports.jsxs("div", __assign({

package/package.json

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