trotl-filter 1.0.8 → 1.0.9

package/dist/index.cjs.js

@@ -9973,6 +9973,28 @@ function RangePicker({
     const newUrl = window.location.pathname + (params.toString() ? `?${params.toString()}` : "");
     window.history.replaceState({}, "", newUrl);
   }, [paramKey]);
+
+  // Extract HH:mm part from the current range value
+  const getTimeValue = React.useCallback(which => {
+    const val = which === 'start' ? range[0] : range[1];
+    if (val && val.includes('T')) {
+      return val.split('T')[1].slice(0, 5);
+    }
+    return which === 'start' ? timeStart || "" : timeEnd || "";
+  }, [range, timeStart, timeEnd]);
+
+  // Update time while keeping the selected date
+  const handleTimeChange = which => e => {
+    const newTime = e.target.value;
+    const currentVal = which === 'start' ? range[0] : range[1];
+    const datePart = currentVal && currentVal.split('T')[0] || formatDate(new Date(), false);
+    const newVal = `${datePart}T${newTime}`;
+    const newRange = which === 'start' ? [newVal, range[1]] : [range[0], newVal];
+    if (!controlledValue) setRange(newRange);
+    setUrlParam(newRange);
+    setSelectedRange("");
+    onChange?.(newRange);
+  };
   const handleClear = () => {
     if (!controlledValue) setRange(["", ""]);
     setUrlParam(["", ""]);
@@ -10153,7 +10175,51 @@ function RangePicker({
     timeStart: timeStart,
     timeEnd: timeEnd,
     startWith: startWith
-  }), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }), time && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 1fr',
+      columnGap: 16,
+      rowGap: 6,
+      marginTop: 16,
+      width: '99%',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: '#555',
+      marginBottom: 6
+    }
+  }, "Start time"), /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: getTimeValue('start'),
+    onChange: handleTimeChange('start'),
+    style: {
+      width: '100%',
+      padding: '4px 6px',
+      border: '1px solid #d1d5db',
+      borderRadius: 2,
+      fontSize: 12
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: '#555',
+      marginBottom: 6
+    }
+  }, "End time"), /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: getTimeValue('end'),
+    onChange: handleTimeChange('end'),
+    style: {
+      width: '100%',
+      padding: '4px 6px',
+      border: '1px solid #d1d5db',
+      borderRadius: 2,
+      fontSize: 12
+    }
+  }))), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,
       paddingTop: 12,