@apexcura/ui-components 0.0.14-Beta211 → 0.0.14-Beta213

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;
 }
@@ -404,6 +410,10 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.invert {
+  --tw-invert: invert(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

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 }, props.loading ? /* @__PURE__ */ import_react11.default.createElement("img", { src: props.icon, className: "icon-active" }) : /* @__PURE__ */ import_react11.default.createElement("span", { dangerouslySetInnerHTML: { __html: props.icon || "" } })), 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 {
+           filter: brightness(0) invert(1);
+          }`)), props.label)
   );
 };
 
@@ -899,6 +907,7 @@ var DatePickerElement = (props) => {
 var import_react22 = __toESM(require("react"));
 var import_antd16 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
+var import_moment3 = __toESM(require("moment"));
 var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = import_antd16.DatePicker;
@@ -906,7 +915,7 @@ var DateRangePickerElement = (props) => {
     if (dates) {
       props.onChange && props.onChange(dateStrings);
     } else {
-      props.onChange && props.onChange(["", ""]);
+      props.onChange && props.onChange("");
     }
   };
   const rangePresets = [
@@ -916,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,
@@ -925,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]),
-        (0, import_dayjs2.default)(value[1])
-      ]
+      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 }, props.loading ? /* @__PURE__ */ React11.createElement("img", { src: props.icon, className: "icon-active" }) : /* @__PURE__ */ React11.createElement("span", { dangerouslySetInnerHTML: { __html: props.icon || "" } })), 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 {
+           filter: brightness(0) invert(1);
+          }`)), props.label)
   );
 };
 
@@ -833,6 +841,7 @@ var DatePickerElement = (props) => {
 import React22 from "react";
 import { DatePicker as DatePicker2, Space } from "antd";
 import dayjs2 from "dayjs";
+import moment3 from "moment";
 var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = DatePicker2;
@@ -840,7 +849,7 @@ var DateRangePickerElement = (props) => {
     if (dates) {
       props.onChange && props.onChange(dateStrings);
     } else {
-      props.onChange && props.onChange(["", ""]);
+      props.onChange && props.onChange("");
     }
   };
   const rangePresets = [
@@ -850,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,
@@ -859,10 +868,7 @@ var DateRangePickerElement = (props) => {
       presets: rangePresets,
       format: { format: "DD-MM-YYYY" },
       onChange: handleChange,
-      value: value && value.length === 2 && [
-        dayjs2(value[0]),
-        dayjs2(value[1])
-      ]
+      value: value && [dayjs2(value[0]), dayjs2(value[1])]
     }
   ));
 };

package/package.json

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