trotl-filter 1.0.45 → 1.0.46

package/dist/index.cjs.js

@@ -9514,6 +9514,7 @@ function DateTimeInput({
   style = {},
   predefinedRanges = ["today", "yesterday"],
   startWith = "sunday",
+  presets = [],
   ...rest
 }) {
   let translate;
@@ -9883,6 +9884,56 @@ function DateTimeInput({
     applySelection(d);
     setSelectedPredefined(String(idx));
   };
+  const handlePresetClick = preset => {
+    if (!preset || !preset.type) return;
+    const type = String(preset.type).toLowerCase();
+    if (type === 'clear') {
+      handleClear();
+      return;
+    }
+    if (type === 'today') {
+      const d = new Date();
+      if (time && timeStart) {
+        const [h, m] = (timeStart || "00:00").split(":");
+        d.setHours(Number(h), Number(m), 0, 0);
+      } else if (!time) {
+        d.setHours(0, 0, 0, 0);
+      }
+      applySelection(d);
+      return;
+    }
+
+    // base = selected date (if present) or now
+    const base = selectedDate ? new Date(selectedDate) : new Date();
+    const val = Number(preset.value || 0);
+    if (type === 'days') {
+      base.setDate(base.getDate() + val);
+      if (!selectedDate && time && timeStart) {
+        const [h, m] = (timeStart || "00:00").split(":");
+        base.setHours(Number(h), Number(m), 0, 0);
+      }
+      applySelection(base);
+      return;
+    }
+    if (type === 'months') {
+      base.setMonth(base.getMonth() + val);
+      if (!selectedDate && time && timeStart) {
+        const [h, m] = (timeStart || "00:00").split(":");
+        base.setHours(Number(h), Number(m), 0, 0);
+      }
+      applySelection(base);
+      return;
+    }
+    if (type === 'years') {
+      base.setFullYear(base.getFullYear() + val);
+      if (!selectedDate && time && timeStart) {
+        const [h, m] = (timeStart || "00:00").split(":");
+        base.setHours(Number(h), Number(m), 0, 0);
+      }
+      applySelection(base);
+      return;
+    }
+  };
   const handleDayClick = day => {
     applySelection(day);
   };
@@ -10086,7 +10137,30 @@ function DateTimeInput({
       background: disabled ? '#f9fafb' : undefined,
       color: disabled ? '#9ca3af' : undefined
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), presets && presets.length > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 8,
+      marginTop: 8,
+      marginBottom: 8,
+      flexWrap: 'wrap'
+    }
+  }, presets.map((p, i) => /*#__PURE__*/React.createElement("button", {
+    key: `preset_${i}`,
+    type: "button",
+    onClick: () => !disabled && handlePresetClick(p),
+    disabled: disabled,
+    className: "basic-btn",
+    style: {
+      padding: '6px 10px',
+      fontSize: 12,
+      background: disabled ? '#f9fafb' : '#fff',
+      color: disabled ? '#9ca3af' : '#000',
+      border: '1px solid #d9d9d9',
+      borderRadius: 4,
+      cursor: disabled ? 'not-allowed' : 'pointer'
+    }
+  }, p.label || p.type))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       justifyContent: 'space-between',
@@ -10150,7 +10224,8 @@ DateTimeInput.propTypes = {
   disabled: PropTypes.bool,
   className: PropTypes.string,
   style: PropTypes.object,
-  predefinedRanges: PropTypes.array
+  predefinedRanges: PropTypes.array,
+  presets: PropTypes.array
 };
 const buttonStyle = {
   padding: '6px 16px',