@oliasoft-open-source/react-ui-library 5.0.1 → 5.0.2-beta-1

package/dist/index.js

@@ -27698,7 +27698,7 @@ function requireCookie() {
     }
     return new Date(Date.UTC(year, month, dayOfMonth, hour, minute, second));
   }
-  function formatDate(date2) {
+  function formatDate2(date2) {
     validators2.validate(validators2.isDate(date2), date2);
     return date2.toUTCString();
   }
@@ -28109,7 +28109,7 @@ function requireCookie() {
       let str = this.cookieString();
       if (this.expires != Infinity) {
         if (this.expires instanceof Date) {
-          str += `; Expires=${formatDate(this.expires)}`;
+          str += `; Expires=${formatDate2(this.expires)}`;
         } else {
           str += `; Expires=${this.expires}`;
         }
@@ -28700,7 +28700,7 @@ function requireCookie() {
   cookie.Store = Store;
   cookie.MemoryCookieStore = MemoryCookieStore;
   cookie.parseDate = parseDate;
-  cookie.formatDate = formatDate;
+  cookie.formatDate = formatDate2;
   cookie.parse = parse2;
   cookie.fromJSON = fromJSON;
   cookie.domainMatch = domainMatch;
@@ -168886,6 +168886,68 @@ const SelectCell = ({
     }
   );
 };
+function formatDate(value, showTime) {
+  if (!value) {
+    return null;
+  }
+  const date2 = new Date(value);
+  const formattedDate = date2.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    hour: showTime ? "2-digit" : void 0,
+    minute: showTime ? "2-digit" : void 0
+  });
+  return formattedDate;
+}
+const Date$1 = (props) => {
+  const { children, showTime } = props;
+  const formattedDate = formatDate(children, showTime);
+  return formattedDate;
+};
+const DateInput = (props) => {
+  const { value, error: error2, tooltip: tooltip2 } = props;
+  const stringValue = value;
+  const tooltipText = value || error2 || tooltip2 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    value && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Date$1, { children: stringValue }) }),
+    (error2 || tooltip2) && /* @__PURE__ */ jsx("div", { children: error2 || tooltip2 })
+  ] }) : null;
+  return /* @__PURE__ */ jsx(Input$1, { type: "date", ...props, tooltip: tooltipText });
+};
+const DateInputCell = ({
+  cell: cell2,
+  columnAlignment,
+  testId
+}) => {
+  return /* @__PURE__ */ jsx(
+    DateInput,
+    {
+      name: cell2.name,
+      value: cell2.value,
+      onChange: (ev) => {
+        var _a2;
+        return (_a2 = cell2.onChange) == null ? void 0 : _a2.call(cell2, ev);
+      },
+      onFocus: cell2.onFocus,
+      onBlur: cell2.onBlur,
+      onPaste: (ev) => {
+        var _a2;
+        return (_a2 = cell2.onPaste) == null ? void 0 : _a2.call(cell2, ev);
+      },
+      placeholder: cell2.placeholder,
+      error: cell2.error,
+      warning: cell2.warning,
+      disabled: cell2.disabled,
+      isInTable: true,
+      maxTooltipWidth: cell2.maxTooltipWidth,
+      right: columnAlignment === Align.RIGHT,
+      selectOnFocus: cell2.selectOnFocus,
+      testId,
+      tabIndex: cell2.disabled ? -1 : 0,
+      tooltip: cell2.tooltip
+    }
+  );
+};
 const InputCellWrapper = ({
   cell: cell2,
   columnAlignment,
@@ -168912,7 +168974,14 @@ const InputCellWrapper = ({
           columnAlignment,
           testId
         }
-      ) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(InputCell, { cell: cell2, testId, type: "date" }) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
+      ) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(
+        DateInputCell,
+        {
+          cell: cell2,
+          columnAlignment,
+          testId
+        }
+      ) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
         SelectCell,
         {
           cell: cell2,