cecomponent 1.0.104 → 1.0.106

package/dist/ce-component-lib.mjs

@@ -15500,9 +15500,10 @@ const CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports$1.jsx("p
           className: "ce-step",
           style: {
             gridColumn: u * 2 + 1,
-            cursor: a ? "pointer" : "default"
+            cursor: "default"
+          },
+          onClick: () => {
           },
-          onClick: () => a == null ? void 0 : a(u),
           children: l(u)
         }
       ),
@@ -52542,30 +52543,46 @@ const CEInputBox$1 = ({
   onChange: t,
   size: i = "medium",
   style: n,
-  inputGroupStyle: s
+  inputGroupStyle: s,
+  mode: a = "range"
 }) => {
-  const [a, o] = useState(""), [l, c] = useState(""), [f, u] = useState(!1), [y, d] = useState(""), g = (x) => {
-    !x.currentTarget.value && !a && !l && u(!1);
-  }, m = (x, _) => {
-    x && _ && new Date(_) < new Date(x) ? d("End date must be after or equal to start date") : (d(""), t == null || t({ startDate: x, endDate: _ }));
-  }, p = (x) => {
-    const _ = x.target.value;
-    o(_), m(_, l);
-  }, S = (x) => {
-    const _ = x.target.value;
-    c(_), m(a, _);
+  const [o, l] = useState(""), [c, f] = useState(""), [u, y] = useState(!1), [d, g] = useState(""), m = (_) => {
+    !_.currentTarget.value && !o && !c && y(!1);
+  }, p = (_, E) => {
+    _ && E && new Date(E) < new Date(_) ? g("End date must be after or equal to start date") : (g(""), t == null || t({ startDate: _, endDate: E }));
+  }, S = (_) => {
+    const E = _.target.value;
+    l(E), p(E, c);
+  }, x = (_) => {
+    const E = _.target.value;
+    f(E), p(o, E);
   };
   return /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "date-range-picker", style: n, children: [
-    /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "date-range-field-group", style: s, children: [
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "date-range-field-group", style: s, children: a === "single" ? /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "field-box float", children: [
+      /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+        "input",
+        {
+          type: "date",
+          value: o,
+          onChange: (_) => {
+            const E = _.target.value;
+            l(E), t == null || t({ startDate: E, endDate: "" });
+          },
+          onFocus: () => y(!0),
+          onBlur: (_) => m(_)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports$1.jsx("label", { className: "floating-label-box", children: e || "Select Date" })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "field-box float", children: [
         /* @__PURE__ */ jsxRuntimeExports$1.jsx(
           "input",
           {
             type: "date",
-            value: a,
-            onChange: p,
-            onFocus: () => u(!0),
-            onBlur: (x) => g(x)
+            value: o,
+            onChange: S,
+            onFocus: () => y(!0),
+            onBlur: (_) => m(_)
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports$1.jsx("label", { className: "floating-label-box", children: "From" })
@@ -52576,16 +52593,16 @@ const CEInputBox$1 = ({
           "input",
           {
             type: "date",
-            value: l,
-            onChange: S,
-            onFocus: () => u(!0),
-            onBlur: (x) => g(x)
+            value: c,
+            onChange: x,
+            onFocus: () => y(!0),
+            onBlur: (_) => m(_)
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports$1.jsx("label", { className: "floating-label-box", children: "To" })
       ] })
-    ] }),
-    y && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "error-text", children: y })
+    ] }) }),
+    d && a !== "single" && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "error-text", children: d })
   ] });
 }, FieldsInput = ({
   label: e,

package/dist/components/Common/DateRangePicker/CEDateRangePicker.d.ts

@@ -10,6 +10,7 @@ interface CEDateRangePickerProps {
     size?: Size;
     style?: React.CSSProperties;
     inputGroupStyle?: React.CSSProperties;
+    mode?: "range" | "single";
 }
 declare const CEDateRangePicker: React.FC<CEDateRangePickerProps>;
 export default CEDateRangePicker;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.104",
+  "version": "1.0.106",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/index.d.ts",