@apexcura/ui-components 0.0.14-Beta210 → 0.0.14-Beta212

package/dist/index.css

@@ -338,9 +338,15 @@ video {
 .fixed {
   position: fixed;
 }
+.relative {
+  position: relative;
+}
 .m-\[10px\] {
   margin: 10px;
 }
+.inline-block {
+  display: inline-block;
+}
 .flex {
   display: flex;
 }
@@ -350,6 +356,9 @@ video {
 .grid {
   display: grid;
 }
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rounded-\[8px\] {
   border-radius: 8px;
 }

package/dist/index.js

@@ -394,7 +394,15 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react11.default.createElement("img", { src: props.icon, className: "icon-active" })), props.label)
+    /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, props.loading ? /* @__PURE__ */ import_react11.default.createElement("img", { src: props.icon, className: "icon-active", alt: props.label }) : /* @__PURE__ */ import_react11.default.createElement(
+      "span",
+      {
+        dangerouslySetInnerHTML: { __html: props.icon || "" },
+        style: { display: "inline-block" }
+      }
+    ), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName}:hover {
+            transform: scale(1.1);
+          }`)), props.label)
   );
 };
 
@@ -904,15 +912,10 @@ var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = import_antd16.DatePicker;
   const handleChange = (dates, dateStrings) => {
-    console.log(dateStrings);
     if (dates) {
-      const formattedDate = [];
-      formattedDate.push((0, import_moment3.default)(dateStrings[0]).format("DD-MM-YYYY"));
-      formattedDate.push((0, import_moment3.default)(dateStrings[1]).format("DD-MM-YYYY"));
-      console.log("formattedDate", formattedDate);
-      props.onChange && props.onChange(formattedDate);
+      props.onChange && props.onChange(dateStrings);
     } else {
-      props.onChange && props.onChange(["", ""]);
+      props.onChange && props.onChange("");
     }
   };
   const rangePresets = [
@@ -922,7 +925,7 @@ var DateRangePickerElement = (props) => {
     { label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
   ];
   const disabledDate = (current) => {
-    return current && current > (0, import_dayjs2.default)();
+    return current && current > (0, import_moment3.default)();
   };
   return /* @__PURE__ */ import_react22.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(
     RangePicker,
@@ -931,10 +934,7 @@ var DateRangePickerElement = (props) => {
       presets: rangePresets,
       format: { format: "DD-MM-YYYY" },
       onChange: handleChange,
-      value: value && value.length === 2 && [
-        (0, import_dayjs2.default)(value[0], "DD-MM-YYYY"),
-        (0, import_dayjs2.default)(value[1], "DD-MM-YYYY")
-      ]
+      value: value && [(0, import_dayjs2.default)(value[0]), (0, import_dayjs2.default)(value[1])]
     }
   ));
 };

package/dist/index.mjs

@@ -328,7 +328,15 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React11.createElement("img", { src: props.icon, className: "icon-active" })), props.label)
+    /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, props.loading ? /* @__PURE__ */ React11.createElement("img", { src: props.icon, className: "icon-active", alt: props.label }) : /* @__PURE__ */ React11.createElement(
+      "span",
+      {
+        dangerouslySetInnerHTML: { __html: props.icon || "" },
+        style: { display: "inline-block" }
+      }
+    ), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName}:hover {
+            transform: scale(1.1);
+          }`)), props.label)
   );
 };
 
@@ -838,15 +846,10 @@ var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = DatePicker2;
   const handleChange = (dates, dateStrings) => {
-    console.log(dateStrings);
     if (dates) {
-      const formattedDate = [];
-      formattedDate.push(moment3(dateStrings[0]).format("DD-MM-YYYY"));
-      formattedDate.push(moment3(dateStrings[1]).format("DD-MM-YYYY"));
-      console.log("formattedDate", formattedDate);
-      props.onChange && props.onChange(formattedDate);
+      props.onChange && props.onChange(dateStrings);
     } else {
-      props.onChange && props.onChange(["", ""]);
+      props.onChange && props.onChange("");
     }
   };
   const rangePresets = [
@@ -856,7 +859,7 @@ var DateRangePickerElement = (props) => {
     { label: "Last 90 Days", value: [dayjs2().add(-90, "d"), dayjs2()] }
   ];
   const disabledDate = (current) => {
-    return current && current > dayjs2();
+    return current && current > moment3();
   };
   return /* @__PURE__ */ React22.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(
     RangePicker,
@@ -865,10 +868,7 @@ var DateRangePickerElement = (props) => {
       presets: rangePresets,
       format: { format: "DD-MM-YYYY" },
       onChange: handleChange,
-      value: value && value.length === 2 && [
-        dayjs2(value[0], "DD-MM-YYYY"),
-        dayjs2(value[1], "DD-MM-YYYY")
-      ]
+      value: value && [dayjs2(value[0]), dayjs2(value[1])]
     }
   ));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta210",
+  "version": "0.0.14-Beta212",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",