trotl-table 1.0.82 → 1.0.84

package/dist/Table.esm.js

@@ -10525,9 +10525,9 @@ function TableInner({
 
     // Custom column type (editable in-table)
     if (col && col.type === "custom") {
-      const customComp = col["modal-comp"];
-      if (customComp) {
-        return /*#__PURE__*/React__default.createElement("customComp", {
+      const CustomComp = col["modal-comp"];
+      if (CustomComp) {
+        return /*#__PURE__*/React__default.createElement(CustomComp, {
           value: v
         });
       }
@@ -10677,6 +10677,50 @@ function TableInner({
       });
     }
 
+    // Date column type (editable date picker)
+    if (col && col.type === "date") {
+      const dateValue = isNoData ? "" : v == null ? "" : v instanceof Date ? v.toISOString().slice(0, 10) : String(v).slice(0, 10);
+      return /*#__PURE__*/React__default.createElement("input", {
+        type: "date",
+        className: "table-cell-input",
+        value: dateValue,
+        placeholder: isNoData ? "..." : undefined,
+        title: isNoData ? translate("noData") : dateValue,
+        onClick: e => {
+          e.stopPropagation();
+          triggerCellCallback(row, col, dateValue);
+        },
+        onChange: e => {
+          const next = e.target.value;
+          setLocalData(prev => {
+            if (isGrouped) {
+              return prev.map(g => ({
+                ...g,
+                rows: (g.rows || []).map(r => r.id === row.id ? {
+                  ...r,
+                  [accessor]: next
+                } : r)
+              }));
+            }
+            return (prev || []).map(r => r.id === row.id ? {
+              ...r,
+              [accessor]: next
+            } : r);
+          });
+          refreshTriggerRef.current?.();
+          try {
+            onCellChangeRef.current?.(row, accessor, next);
+          } catch (err) {
+            console.error("onCellChange error", err);
+          }
+        },
+        style: {
+          border: "1px solid var(--border-light, #ccc)",
+          padding: "2px 4px"
+        }
+      });
+    }
+
     // Number column type (format decimals) - default two decimals
     if (col && col.type === "number") {
       if (isNoData) {