@react-querybuilder/antd 6.6.0-alpha.0 → 7.0.0-alpha.1

package/dist/react-querybuilder_antd.legacy-esm.js

@@ -83,9 +83,9 @@ var require_dayjs_min = __commonJS({
         return void 0 === t2;
       } }, g = "en", D = {};
       D[g] = M;
-      var p = function(t2) {
-        return t2 instanceof b;
-      }, S = function t2(e2, n2, r2) {
+      var p = "$isDayjsObject", S = function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, w = function t2(e2, n2, r2) {
         var i2;
         if (!e2)
           return g;
@@ -100,18 +100,18 @@ var require_dayjs_min = __commonJS({
           D[a2] = e2, i2 = a2;
         }
         return !r2 && i2 && (g = i2), i2 || !r2 && g;
-      }, w = function(t2, e2) {
-        if (p(t2))
+      }, O = function(t2, e2) {
+        if (S(t2))
           return t2.clone();
         var n2 = "object" == typeof e2 ? e2 : {};
-        return n2.date = t2, n2.args = arguments, new b(n2);
-      }, O = v;
-      O.l = S, O.i = p, O.w = function(t2, e2) {
-        return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
       };
-      var b = function() {
+      var _ = function() {
         function M2(t2) {
-          this.$L = S(t2.locale, null, true), this.parse(t2);
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
         }
         var m2 = M2.prototype;
         return m2.parse = function(t2) {
@@ -119,7 +119,7 @@ var require_dayjs_min = __commonJS({
             var e2 = t3.date, n2 = t3.utc;
             if (null === e2)
               return /* @__PURE__ */ new Date(NaN);
-            if (O.u(e2))
+            if (b.u(e2))
               return /* @__PURE__ */ new Date();
             if (e2 instanceof Date)
               return new Date(e2);
@@ -131,33 +131,33 @@ var require_dayjs_min = __commonJS({
               }
             }
             return new Date(e2);
-          }(t2), this.$x = t2.x || {}, this.init();
+          }(t2), this.init();
         }, m2.init = function() {
           var t2 = this.$d;
           this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
         }, m2.$utils = function() {
-          return O;
+          return b;
         }, m2.isValid = function() {
           return !(this.$d.toString() === l);
         }, m2.isSame = function(t2, e2) {
-          var n2 = w(t2);
+          var n2 = O(t2);
           return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
         }, m2.isAfter = function(t2, e2) {
-          return w(t2) < this.startOf(e2);
+          return O(t2) < this.startOf(e2);
         }, m2.isBefore = function(t2, e2) {
-          return this.endOf(e2) < w(t2);
+          return this.endOf(e2) < O(t2);
         }, m2.$g = function(t2, e2, n2) {
-          return O.u(t2) ? this[e2] : this.set(n2, t2);
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
         }, m2.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, m2.valueOf = function() {
           return this.$d.getTime();
         }, m2.startOf = function(t2, e2) {
-          var n2 = this, r2 = !!O.u(e2) || e2, f2 = O.p(t2), l2 = function(t3, e3) {
-            var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
             return r2 ? i2 : i2.endOf(a);
           }, $2 = function(t3, e3) {
-            return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
           }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
           switch (f2) {
             case h:
@@ -182,7 +182,7 @@ var require_dayjs_min = __commonJS({
         }, m2.endOf = function(t2) {
           return this.startOf(t2, false);
         }, m2.$set = function(t2, e2) {
-          var n2, o2 = O.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
           if (o2 === c || o2 === h) {
             var y2 = this.clone().set(d, 1);
             y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
@@ -192,13 +192,13 @@ var require_dayjs_min = __commonJS({
         }, m2.set = function(t2, e2) {
           return this.clone().$set(t2, e2);
         }, m2.get = function(t2) {
-          return this[O.p(t2)]();
+          return this[b.p(t2)]();
         }, m2.add = function(r2, f2) {
           var d2, l2 = this;
           r2 = Number(r2);
-          var $2 = O.p(f2), y2 = function(t2) {
-            var e2 = w(l2);
-            return O.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          var $2 = b.p(f2), y2 = function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
           };
           if ($2 === c)
             return this.set(c, this.$M + r2);
@@ -209,17 +209,17 @@ var require_dayjs_min = __commonJS({
           if ($2 === o)
             return y2(7);
           var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
-          return O.w(m3, this);
+          return b.w(m3, this);
         }, m2.subtract = function(t2, e2) {
           return this.add(-1 * t2, e2);
         }, m2.format = function(t2) {
           var e2 = this, n2 = this.$locale();
           if (!this.isValid())
             return n2.invalidDate || l;
-          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
             return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
           }, d2 = function(t3) {
-            return O.s(s2 % 12 || 12, t3, "0");
+            return b.s(s2 % 12 || 12, t3, "0");
           }, $2 = f2 || function(t3, e3, n3) {
             var r3 = t3 < 12 ? "AM" : "PM";
             return n3 ? r3.toLowerCase() : r3;
@@ -230,11 +230,11 @@ var require_dayjs_min = __commonJS({
                 case "YY":
                   return String(e2.$y).slice(-2);
                 case "YYYY":
-                  return O.s(e2.$y, 4, "0");
+                  return b.s(e2.$y, 4, "0");
                 case "M":
                   return a2 + 1;
                 case "MM":
-                  return O.s(a2 + 1, 2, "0");
+                  return b.s(a2 + 1, 2, "0");
                 case "MMM":
                   return h2(n2.monthsShort, a2, c2, 3);
                 case "MMMM":
@@ -242,7 +242,7 @@ var require_dayjs_min = __commonJS({
                 case "D":
                   return e2.$D;
                 case "DD":
-                  return O.s(e2.$D, 2, "0");
+                  return b.s(e2.$D, 2, "0");
                 case "d":
                   return String(e2.$W);
                 case "dd":
@@ -254,7 +254,7 @@ var require_dayjs_min = __commonJS({
                 case "H":
                   return String(s2);
                 case "HH":
-                  return O.s(s2, 2, "0");
+                  return b.s(s2, 2, "0");
                 case "h":
                   return d2(1);
                 case "hh":
@@ -266,13 +266,13 @@ var require_dayjs_min = __commonJS({
                 case "m":
                   return String(u2);
                 case "mm":
-                  return O.s(u2, 2, "0");
+                  return b.s(u2, 2, "0");
                 case "s":
                   return String(e2.$s);
                 case "ss":
-                  return O.s(e2.$s, 2, "0");
+                  return b.s(e2.$s, 2, "0");
                 case "SSS":
-                  return O.s(e2.$ms, 3, "0");
+                  return b.s(e2.$ms, 3, "0");
                 case "Z":
                   return i2;
               }
@@ -282,8 +282,8 @@ var require_dayjs_min = __commonJS({
         }, m2.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, m2.diff = function(r2, d2, l2) {
-          var $2, y2 = this, M3 = O.p(d2), m3 = w(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
-            return O.m(y2, m3);
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
           };
           switch (M3) {
             case h:
@@ -313,7 +313,7 @@ var require_dayjs_min = __commonJS({
             default:
               $2 = g2;
           }
-          return l2 ? $2 : O.a($2);
+          return l2 ? $2 : b.a($2);
         }, m2.daysInMonth = function() {
           return this.endOf(c).$D;
         }, m2.$locale = function() {
@@ -321,10 +321,10 @@ var require_dayjs_min = __commonJS({
         }, m2.locale = function(t2, e2) {
           if (!t2)
             return this.$L;
-          var n2 = this.clone(), r2 = S(t2, e2, true);
+          var n2 = this.clone(), r2 = w(t2, e2, true);
           return r2 && (n2.$L = r2), n2;
         }, m2.clone = function() {
-          return O.w(this.$d, this);
+          return b.w(this.$d, this);
         }, m2.toDate = function() {
           return new Date(this.valueOf());
         }, m2.toJSON = function() {
@@ -334,16 +334,16 @@ var require_dayjs_min = __commonJS({
         }, m2.toString = function() {
           return this.$d.toUTCString();
         }, M2;
-      }(), _ = b.prototype;
-      return w.prototype = _, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
-        _[t2[1]] = function(e2) {
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
           return this.$g(e2, t2[0], t2[1]);
         };
-      }), w.extend = function(t2, e2) {
-        return t2.$i || (t2(e2, b, w), t2.$i = true), w;
-      }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
-        return w(1e3 * t2);
-      }, w.en = D[g], w.Ls = D, w.p = {}, w;
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
     });
   }
 });
@@ -361,9 +361,9 @@ var require_interopRequireDefault = __commonJS({
   }
 });
 
-// ../../node_modules/rc-util/lib/warning.js
+// ../../node_modules/rc-picker/node_modules/rc-util/lib/warning.js
 var require_warning = __commonJS({
-  "../../node_modules/rc-util/lib/warning.js"(exports) {
+  "../../node_modules/rc-picker/node_modules/rc-util/lib/warning.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -988,12 +988,20 @@ var require_dayjs = __commonJS({
         }
       }
     };
-    var _default = generateConfig;
-    exports.default = _default;
+    var _default = exports.default = generateConfig;
   }
 });
 
-// src/index.ts
+// src/index.tsx
+import {
+  CloseOutlined,
+  CopyOutlined,
+  DownOutlined,
+  LockOutlined,
+  UnlockOutlined,
+  UpOutlined
+} from "@ant-design/icons";
+import * as React8 from "react";
 import { getCompatContextProvider } from "react-querybuilder";
 
 // src/AntDActionElement.tsx
@@ -1130,29 +1138,71 @@ var AntDNotToggle = (_a) => {
 };
 AntDNotToggle.displayName = "AntDNotToggle";
 
+// src/AntDShiftActions.tsx
+import { Button as Button2 } from "antd";
+import * as React4 from "react";
+import { useShiftActions } from "react-querybuilder";
+var AntDShiftActions = ({
+  path,
+  disabled,
+  className,
+  labels,
+  titles,
+  testID,
+  lastInGroup,
+  schema: { combinators, dispatchQuery, getQuery }
+}) => {
+  const { shiftUp, shiftUpDisabled, shiftDown, shiftDownDisabled } = useShiftActions({
+    combinators,
+    disabled,
+    dispatchQuery,
+    getQuery,
+    lastInGroup,
+    path
+  });
+  return /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
+    Button2,
+    {
+      type: "primary",
+      size: "small",
+      title: titles == null ? void 0 : titles.shiftUp,
+      onClick: shiftUp,
+      disabled: shiftUpDisabled
+    },
+    labels == null ? void 0 : labels.shiftUp
+  ), /* @__PURE__ */ React4.createElement(
+    Button2,
+    {
+      type: "primary",
+      size: "small",
+      title: titles == null ? void 0 : titles.shiftDown,
+      onClick: shiftDown,
+      disabled: shiftDownDisabled
+    },
+    labels == null ? void 0 : labels.shiftDown
+  ));
+};
+AntDShiftActions.displayName = "AntDShiftActions";
+
 // src/AntDValueEditor.tsx
 var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
-import { DatePicker as AntdDatePicker, Checkbox, Input, Radio, Switch as Switch2, TimePicker } from "antd";
-import * as React6 from "react";
-import {
-  getFirstOption,
-  standardClassnames,
-  toArray,
-  useValueEditor
-} from "react-querybuilder";
+import { Checkbox, Input, Radio, Switch as Switch2 } from "antd";
+import generatePicker from "antd/es/date-picker/generatePicker/index.js";
+import * as React7 from "react";
+import { getFirstOption, joinWith, standardClassnames, useValueEditor } from "react-querybuilder";
 
 // src/AntDValueSelector.tsx
 import { Select as Select2 } from "antd";
-import * as React5 from "react";
+import * as React6 from "react";
 import { useValueSelector } from "react-querybuilder";
 
 // src/utils.tsx
 import { Select } from "antd";
-import * as React4 from "react";
+import * as React5 from "react";
 import { isOptionGroupArray } from "react-querybuilder";
 var { OptGroup, Option } = Select;
-var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ React4.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
+var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ React5.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
   /* istanbul ignore next */
   null
 );
@@ -1169,6 +1219,7 @@ var AntDValueSelector = (_a) => {
     multiple,
     listsAsArrays,
     testID: _testID,
+    rule: _rule,
     rules: _rules,
     level: _level,
     path: _path,
@@ -1189,6 +1240,7 @@ var AntDValueSelector = (_a) => {
     "listsAsArrays",
     // Props that should not be in extraProps
     "testID",
+    "rule",
     "rules",
     "level",
     "path",
@@ -1201,7 +1253,7 @@ var AntDValueSelector = (_a) => {
   ]);
   const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });
   const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
     Select2,
     __spreadValues(__spreadProps(__spreadValues({}, modeObj), {
       popupMatchSelectWidth: false,
@@ -1215,7 +1267,7 @@ var AntDValueSelector = (_a) => {
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-var DatePicker = AntdDatePicker.generatePicker(import_dayjs2.default);
+var DatePicker = generatePicker(import_dayjs2.default);
 var AntDValueEditor = (_a) => {
   var _b = _a, {
     fieldData,
@@ -1252,7 +1304,7 @@ var AntDValueEditor = (_a) => {
     "testID",
     "selectorComponent"
   ]);
-  var _a2, _b2;
+  var _a2;
   const { valueAsArray, multiValueHandler } = useValueEditor({
     handleOnChange,
     inputType,
@@ -1271,11 +1323,11 @@ var AntDValueEditor = (_a) => {
   if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && // Date ranges are handled differently in AntD--see below
   inputTypeCoerced !== "date" && inputTypeCoerced !== "datetime-local") {
     const editors = ["from", "to"].map((key, i) => {
-      var _a3, _b3;
+      var _a3, _b2;
       if (type === "text") {
         if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ React6.createElement(
-            TimePicker,
+          return /* @__PURE__ */ React7.createElement(
+            DatePicker.TimePicker,
             {
               key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
@@ -1289,7 +1341,7 @@ var AntDValueEditor = (_a) => {
             }
           );
         }
-        return /* @__PURE__ */ React6.createElement(
+        return /* @__PURE__ */ React7.createElement(
           Input,
           {
             key,
@@ -1302,25 +1354,25 @@ var AntDValueEditor = (_a) => {
           }
         );
       }
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         SelectorComponent,
         __spreadProps(__spreadValues({}, props), {
           key,
           className: standardClassnames.valueListItem,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled,
-          value: (_b3 = valueAsArray[i]) != null ? _b3 : getFirstOption(values),
+          value: (_b2 = valueAsArray[i]) != null ? _b2 : getFirstOption(values),
           options: values,
           listsAsArrays
         })
       );
     });
-    return /* @__PURE__ */ React6.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
+    return /* @__PURE__ */ React7.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
   }
   switch (type) {
     case "select":
     case "multiselect":
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         SelectorComponent,
         __spreadProps(__spreadValues({}, props), {
           className,
@@ -1334,7 +1386,7 @@ var AntDValueEditor = (_a) => {
         })
       );
     case "textarea":
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         Input.TextArea,
         {
           value,
@@ -1346,7 +1398,7 @@ var AntDValueEditor = (_a) => {
         }
       );
     case "switch":
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         Switch2,
         {
           checked: !!value,
@@ -1357,7 +1409,7 @@ var AntDValueEditor = (_a) => {
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement("span", { title, className }, /* @__PURE__ */ React7.createElement(
         Checkbox,
         {
           type: "checkbox",
@@ -1367,7 +1419,7 @@ var AntDValueEditor = (_a) => {
         }
       ));
     case "radio":
-      return /* @__PURE__ */ React6.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React7.createElement(
         Radio,
         {
           key: v.name,
@@ -1381,28 +1433,36 @@ var AntDValueEditor = (_a) => {
   }
   switch (inputTypeCoerced) {
     case "date":
-    case "datetime-local":
-      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React6.createElement(
-        DatePicker.RangePicker,
-        {
-          value: ((_b2 = toArray(value)) == null ? void 0 : _b2.length) >= 2 ? toArray(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
-          showTime: inputTypeCoerced === "datetime-local",
-          className,
-          disabled,
-          placeholder: [placeHolderText, placeHolderText],
-          onChange: (
-            /* istanbul ignore next */
-            (dates) => {
-              const format = `YYYY-MM-DD${inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : ""}`;
-              const dateArray = dates == null ? void 0 : dates.map((d) => d == null ? void 0 : d.format(format));
-              handleOnChange(dateArray ? listsAsArrays ? dateArray : dateArray.join(",") : dates);
-            }
-          )
-        }
-      ) : /* @__PURE__ */ React6.createElement(
+    case "datetime-local": {
+      if (operator === "between" || operator === "notBetween") {
+        const dayjsArray = valueAsArray.slice(0, 2).map(import_dayjs.default);
+        return /* @__PURE__ */ React7.createElement(
+          DatePicker.RangePicker,
+          {
+            value: dayjsArray.every((d) => d.isValid()) ? dayjsArray : void 0,
+            showTime: inputTypeCoerced === "datetime-local",
+            className,
+            disabled,
+            placeholder: [placeHolderText, placeHolderText],
+            onChange: (
+              /* istanbul ignore next */
+              (dates) => {
+                const timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
+                const format = `YYYY-MM-DD${timeFormat}`;
+                const dateArray = dates == null ? void 0 : dates.map((d) => (d == null ? void 0 : d.isValid()) ? d.format(format) : void 0);
+                handleOnChange(
+                  dateArray ? listsAsArrays ? dateArray : joinWith(dateArray, ",") : dates
+                );
+              }
+            )
+          }
+        );
+      }
+      const dateValue = (0, import_dayjs.default)(value);
+      return /* @__PURE__ */ React7.createElement(
         DatePicker,
         {
-          value: value ? (0, import_dayjs.default)(value) : null,
+          value: dateValue.isValid() ? dateValue : void 0,
           showTime: inputTypeCoerced === "datetime-local",
           className,
           disabled,
@@ -1410,11 +1470,13 @@ var AntDValueEditor = (_a) => {
           onChange: (_d, dateString) => handleOnChange(dateString)
         }
       );
-    case "time":
-      return /* @__PURE__ */ React6.createElement(
-        TimePicker,
+    }
+    case "time": {
+      const dateValue = (0, import_dayjs.default)(value, "HH:mm:ss");
+      return /* @__PURE__ */ React7.createElement(
+        DatePicker.TimePicker,
         {
-          value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
+          value: dateValue.isValid() ? dateValue : void 0,
           className,
           disabled,
           placeholder: placeHolderText,
@@ -1424,8 +1486,9 @@ var AntDValueEditor = (_a) => {
           }
         }
       );
+    }
   }
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(
     Input,
     {
       type: inputTypeCoerced,
@@ -1440,7 +1503,7 @@ var AntDValueEditor = (_a) => {
 };
 AntDValueEditor.displayName = "AntDValueEditor";
 
-// src/index.ts
+// src/index.tsx
 var antdControlElements = {
   addGroupAction: AntDActionElement,
   addRuleAction: AntDActionElement,
@@ -1456,19 +1519,35 @@ var antdControlElements = {
   removeRuleAction: AntDActionElement,
   valueEditor: AntDValueEditor,
   dragHandle: AntDDragHandle,
-  valueSourceSelector: AntDValueSelector
+  valueSourceSelector: AntDValueSelector,
+  shiftActions: AntDShiftActions
+};
+var antdTranslations = {
+  removeGroup: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
+  removeRule: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
+  cloneRule: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
+  cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
+  lockGroup: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
+  lockRule: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
+  lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
+  lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
+  shiftActionUp: { label: /* @__PURE__ */ React8.createElement(UpOutlined, null) },
+  shiftActionDown: { label: /* @__PURE__ */ React8.createElement(DownOutlined, null) }
 };
 var QueryBuilderAntD = getCompatContextProvider({
   key: "antd",
-  controlElements: antdControlElements
+  controlElements: antdControlElements,
+  translations: antdTranslations
 });
 export {
   AntDActionElement,
   AntDDragHandle,
   AntDNotToggle,
+  AntDShiftActions,
   AntDValueEditor,
   AntDValueSelector,
   QueryBuilderAntD,
-  antdControlElements
+  antdControlElements,
+  antdTranslations
 };
 //# sourceMappingURL=react-querybuilder_antd.legacy-esm.js.map