@charlesgomes/leafcode-shared-lib-react 1.0.40 → 1.0.42

package/dist/index.d.mts

@@ -94,7 +94,7 @@ interface IItemProps {
 }
 
 declare const DateFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, mask?: (value: Date) => string | number) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
 declare const ValueFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
 declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
 declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -94,7 +94,7 @@ interface IItemProps {
 }
 
 declare const DateFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, mask?: (value: Date) => string | number) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
 declare const ValueFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
 declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
 declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -1043,50 +1043,27 @@ var DateFilterTemplate = (options, mask) => {
   );
 };
 var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = (() => {
-    if (!options.value) {
-      return (0, import_moment2.default)().set({
-        hour: 0,
-        minute: 0,
-        second: 0,
-        millisecond: 0
-      }).toDate();
-    }
-    if (typeof options.value === "string") {
-      return (0, import_moment2.default)(options.value, [
-        "YYYY-MM-DD",
-        "YYYY-MM-DDTHH:mm:ss.SSS"
-      ]).toDate();
-    }
-    return options.value;
-  })();
-  const handleChange = (e) => {
-    if (!e.value) {
-      options.filterCallback(null, options.index);
-      return;
-    }
-    const date = e.value;
-    const normalizedDate = (0, import_moment2.default)(date).set({
-      hour: 0,
-      minute: 0,
-      second: 0,
-      millisecond: 0
-    }).toDate();
-    const valueToFilter = mask ? mask(normalizedDate) : (0, import_moment2.default)(normalizedDate).format("YYYY-MM-DDTHH:mm:ss.SSS");
-    options.filterCallback(valueToFilter, options.index);
-  };
+  const value = typeof options.value === "string" ? (0, import_moment2.default)(options.value).toDate() : options.value ?? null;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_calendar.Calendar,
     {
-      value: parsedValue,
-      onChange: handleChange,
+      value,
       showTime: true,
       showSeconds: true,
       hourFormat: "24",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy 00:00:00.000",
+      placeholder: "dd/mm/yyyy 00:00:00",
+      readOnlyInput: true,
       inputClassName: "custom-input",
-      mask: "99/99/9999 99:99:99.999"
+      onChange: (e) => {
+        const selectedDate = e.value;
+        if (!selectedDate) {
+          options.filterCallback(null, options.index);
+          return;
+        }
+        const formatted = mask ? mask(selectedDate) : (0, import_moment2.default)(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
+        options.filterCallback(formatted, options.index);
+      }
     }
   );
 };

package/dist/index.mjs

@@ -992,50 +992,27 @@ var DateFilterTemplate = (options, mask) => {
   );
 };
 var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = (() => {
-    if (!options.value) {
-      return moment2().set({
-        hour: 0,
-        minute: 0,
-        second: 0,
-        millisecond: 0
-      }).toDate();
-    }
-    if (typeof options.value === "string") {
-      return moment2(options.value, [
-        "YYYY-MM-DD",
-        "YYYY-MM-DDTHH:mm:ss.SSS"
-      ]).toDate();
-    }
-    return options.value;
-  })();
-  const handleChange = (e) => {
-    if (!e.value) {
-      options.filterCallback(null, options.index);
-      return;
-    }
-    const date = e.value;
-    const normalizedDate = moment2(date).set({
-      hour: 0,
-      minute: 0,
-      second: 0,
-      millisecond: 0
-    }).toDate();
-    const valueToFilter = mask ? mask(normalizedDate) : moment2(normalizedDate).format("YYYY-MM-DDTHH:mm:ss.SSS");
-    options.filterCallback(valueToFilter, options.index);
-  };
+  const value = typeof options.value === "string" ? moment2(options.value).toDate() : options.value ?? null;
   return /* @__PURE__ */ jsx11(
     Calendar,
     {
-      value: parsedValue,
-      onChange: handleChange,
+      value,
       showTime: true,
       showSeconds: true,
       hourFormat: "24",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy 00:00:00.000",
+      placeholder: "dd/mm/yyyy 00:00:00",
+      readOnlyInput: true,
       inputClassName: "custom-input",
-      mask: "99/99/9999 99:99:99.999"
+      onChange: (e) => {
+        const selectedDate = e.value;
+        if (!selectedDate) {
+          options.filterCallback(null, options.index);
+          return;
+        }
+        const formatted = mask ? mask(selectedDate) : moment2(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
+        options.filterCallback(formatted, options.index);
+      }
     }
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",