@kopexa/filter 0.0.83 → 0.0.84

package/dist/{chunk-TCLE7EEK.mjs → chunk-3LFPXMAB.mjs}

@@ -1,12 +1,16 @@
 "use client";
 import {
   DEFAULT_FILTER_BAR_OPERATORS
-} from "./chunk-HACVUP5P.mjs";
+} from "./chunk-L3J62ATJ.mjs";
 
 // src/filter-bar-internal.tsx
 import { Button } from "@kopexa/button";
 import { Checkbox } from "@kopexa/checkbox";
 import { Command } from "@kopexa/command";
+import {
+  DateFieldPicker,
+  parseDate
+} from "@kopexa/date-picker";
 import { DropdownMenu } from "@kopexa/dropdown-menu";
 import { CheckIcon, ChevronDownIcon, CloseIcon, PlusIcon } from "@kopexa/icons";
 import { Input } from "@kopexa/input";
@@ -70,7 +74,8 @@ function FilterPill(props) {
   const isEmptyOperator = filter.operator === "is_empty" || filter.operator === "is_not_empty";
   const hasCustomRenderer = !!field.customRenderer;
   const useInlineInput = !hasCustomRenderer && (field.type === "text" || field.type === "number");
-  const usePopover = !useInlineInput && !isEmptyOperator;
+  const useDateInput = !hasCustomRenderer && field.type === "date" && !isEmptyOperator;
+  const usePopover = !useInlineInput && !useDateInput && !isEmptyOperator;
   const handleOpenChange = useCallback(
     (isOpen) => {
       setOpen(isOpen);
@@ -131,6 +136,7 @@ function FilterPill(props) {
             operator: filter.operator,
             operators,
             i18n,
+            fieldType: field.type,
             onChange: (op) => {
               const newUpdates = { operator: op };
               if (op === "is_empty" || op === "is_not_empty") {
@@ -151,6 +157,15 @@ function FilterPill(props) {
             disabled
           }
         ),
+        useDateInput && /* @__PURE__ */ jsx(
+          DateFilterValue,
+          {
+            filter,
+            field,
+            onUpdate,
+            disabled
+          }
+        ),
         usePopover && /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ jsxs(
             Popover.Trigger,
@@ -208,9 +223,13 @@ function FilterPill(props) {
   );
 }
 function OperatorDropdown(props) {
-  const { operator, operators, i18n, onChange, disabled } = props;
+  const { operator, operators, i18n, fieldType, onChange, disabled } = props;
+  const label = (op) => {
+    var _a;
+    return fieldType === "date" && ((_a = i18n.dateOperators) == null ? void 0 : _a[op]) || i18n.operators[op];
+  };
   const hasSingleOperator = operators.length === 1;
-  const currentLabel = i18n.operators[operator];
+  const currentLabel = label(operator);
   if (hasSingleOperator) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -250,7 +269,7 @@ function OperatorDropdown(props) {
         className: "gap-2",
         children: [
           op === operator && /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: op !== operator ? "pl-6" : "", children: i18n.operators[op] })
+          /* @__PURE__ */ jsx("span", { className: op !== operator ? "pl-6" : "", children: label(op) })
         ]
       },
       op
@@ -284,7 +303,7 @@ function InlineValueInput(props) {
       children: /* @__PURE__ */ jsx(
         "input",
         {
-          type: field.type === "number" ? "number" : "text",
+          type: field.type === "number" ? "number" : field.type === "date" ? "date" : "text",
           className: cn(
             "bg-transparent border-none outline-none",
             "placeholder:text-muted-foreground",
@@ -294,7 +313,7 @@ function InlineValueInput(props) {
           onChange: handleChange,
           placeholder,
           "aria-label": `${field.label} value`,
-          style: { width: getInputWidth(filter.value, placeholder, 6) },
+          style: field.type === "date" ? void 0 : { width: getInputWidth(filter.value, placeholder, 6) },
           min: field.min,
           max: field.max,
           step: field.step,
@@ -304,6 +323,28 @@ function InlineValueInput(props) {
     }
   );
 }
+function safeParseDate(value) {
+  if (typeof value !== "string" || !value) return null;
+  try {
+    return parseDate(value.slice(0, 10));
+  } catch {
+    return null;
+  }
+}
+function DateFilterValue(props) {
+  const { filter, field, onUpdate, disabled } = props;
+  return /* @__PURE__ */ jsx("span", { className: "flex items-center px-1 py-0.5", children: /* @__PURE__ */ jsx(
+    DateFieldPicker,
+    {
+      variant: "ghost",
+      size: "sm",
+      value: safeParseDate(filter.value),
+      onChange: (v) => onUpdate({ value: v ? v.toString() : null }),
+      isDisabled: disabled,
+      "aria-label": field.label
+    }
+  ) });
+}
 function ValueEditor(props) {
   var _a, _b, _c, _d;
   const { filter, field, i18n, onUpdate, onClose } = props;

package/dist/{chunk-VII35ERE.mjs → chunk-C5Z5JGHO.mjs}

@@ -2,13 +2,13 @@
 import {
   AddFilterDropdown,
   FilterPill
-} from "./chunk-TCLE7EEK.mjs";
+} from "./chunk-3LFPXMAB.mjs";
 import {
   filterBarMessages
-} from "./chunk-I7WCYMXD.mjs";
+} from "./chunk-XXUWQU2D.mjs";
 import {
   getFilterDefaultValue
-} from "./chunk-HACVUP5P.mjs";
+} from "./chunk-L3J62ATJ.mjs";
 
 // src/filter-bar.tsx
 import { useSafeIntl } from "@kopexa/i18n";
@@ -56,6 +56,14 @@ function FilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -64,6 +72,10 @@ function FilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);

package/dist/{chunk-HACVUP5P.mjs → chunk-L3J62ATJ.mjs}

@@ -24,6 +24,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 function isBooleanSelectField(field) {

package/dist/{chunk-I7WCYMXD.mjs → chunk-XXUWQU2D.mjs}

@@ -94,6 +94,36 @@ var filterBarMessages = defineMessages({
     defaultMessage: "less or equal",
     description: "Operator: less than or equal"
   },
+  op_date_on: {
+    id: "filter-bar.operator.date_on",
+    defaultMessage: "on",
+    description: "Date operator: equals (on)"
+  },
+  op_date_not_on: {
+    id: "filter-bar.operator.date_not_on",
+    defaultMessage: "not on",
+    description: "Date operator: not equals"
+  },
+  op_date_after: {
+    id: "filter-bar.operator.date_after",
+    defaultMessage: "after",
+    description: "Date operator: greater than (after)"
+  },
+  op_date_before: {
+    id: "filter-bar.operator.date_before",
+    defaultMessage: "before",
+    description: "Date operator: less than (before)"
+  },
+  op_date_on_or_after: {
+    id: "filter-bar.operator.date_on_or_after",
+    defaultMessage: "on or after",
+    description: "Date operator: greater or equal"
+  },
+  op_date_on_or_before: {
+    id: "filter-bar.operator.date_on_or_before",
+    defaultMessage: "on or before",
+    description: "Date operator: less or equal"
+  },
   op_is_empty: {
     id: "filter-bar.operator.is_empty",
     defaultMessage: "is empty",

package/dist/{chunk-QRWKEHAH.mjs → chunk-ZXC2YC65.mjs}

@@ -2,13 +2,13 @@
 import {
   AddFilterDropdown,
   FilterPill
-} from "./chunk-TCLE7EEK.mjs";
+} from "./chunk-3LFPXMAB.mjs";
 import {
   filterBarMessages
-} from "./chunk-I7WCYMXD.mjs";
+} from "./chunk-XXUWQU2D.mjs";
 import {
   getFilterDefaultValue
-} from "./chunk-HACVUP5P.mjs";
+} from "./chunk-L3J62ATJ.mjs";
 
 // src/search-filter-bar.tsx
 import { useSafeIntl } from "@kopexa/i18n";
@@ -72,6 +72,14 @@ function SearchFilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -80,6 +88,10 @@ function SearchFilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);

package/dist/filter-bar-internal.js

@@ -29,6 +29,7 @@ module.exports = __toCommonJS(filter_bar_internal_exports);
 var import_button = require("@kopexa/button");
 var import_checkbox = require("@kopexa/checkbox");
 var import_command = require("@kopexa/command");
+var import_date_picker = require("@kopexa/date-picker");
 var import_dropdown_menu = require("@kopexa/dropdown-menu");
 var import_icons = require("@kopexa/icons");
 var import_input = require("@kopexa/input");
@@ -60,6 +61,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 
@@ -116,7 +127,8 @@ function FilterPill(props) {
   const isEmptyOperator = filter.operator === "is_empty" || filter.operator === "is_not_empty";
   const hasCustomRenderer = !!field.customRenderer;
   const useInlineInput = !hasCustomRenderer && (field.type === "text" || field.type === "number");
-  const usePopover = !useInlineInput && !isEmptyOperator;
+  const useDateInput = !hasCustomRenderer && field.type === "date" && !isEmptyOperator;
+  const usePopover = !useInlineInput && !useDateInput && !isEmptyOperator;
   const handleOpenChange = (0, import_react.useCallback)(
     (isOpen) => {
       setOpen(isOpen);
@@ -177,6 +189,7 @@ function FilterPill(props) {
             operator: filter.operator,
             operators,
             i18n,
+            fieldType: field.type,
             onChange: (op) => {
               const newUpdates = { operator: op };
               if (op === "is_empty" || op === "is_not_empty") {
@@ -197,6 +210,15 @@ function FilterPill(props) {
             disabled
           }
         ),
+        useDateInput && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DateFilterValue,
+          {
+            filter,
+            field,
+            onUpdate,
+            disabled
+          }
+        ),
         usePopover && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             import_popover.Popover.Trigger,
@@ -254,9 +276,13 @@ function FilterPill(props) {
   );
 }
 function OperatorDropdown(props) {
-  const { operator, operators, i18n, onChange, disabled } = props;
+  const { operator, operators, i18n, fieldType, onChange, disabled } = props;
+  const label = (op) => {
+    var _a;
+    return fieldType === "date" && ((_a = i18n.dateOperators) == null ? void 0 : _a[op]) || i18n.operators[op];
+  };
   const hasSingleOperator = operators.length === 1;
-  const currentLabel = i18n.operators[operator];
+  const currentLabel = label(operator);
   if (hasSingleOperator) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -296,7 +322,7 @@ function OperatorDropdown(props) {
         className: "gap-2",
         children: [
           op === operator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: i18n.operators[op] })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: label(op) })
         ]
       },
       op
@@ -330,7 +356,7 @@ function InlineValueInput(props) {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         {
-          type: field.type === "number" ? "number" : "text",
+          type: field.type === "number" ? "number" : field.type === "date" ? "date" : "text",
           className: (0, import_shared_utils.cn)(
             "bg-transparent border-none outline-none",
             "placeholder:text-muted-foreground",
@@ -340,7 +366,7 @@ function InlineValueInput(props) {
           onChange: handleChange,
           placeholder,
           "aria-label": `${field.label} value`,
-          style: { width: getInputWidth(filter.value, placeholder, 6) },
+          style: field.type === "date" ? void 0 : { width: getInputWidth(filter.value, placeholder, 6) },
           min: field.min,
           max: field.max,
           step: field.step,
@@ -350,6 +376,28 @@ function InlineValueInput(props) {
     }
   );
 }
+function safeParseDate(value) {
+  if (typeof value !== "string" || !value) return null;
+  try {
+    return (0, import_date_picker.parseDate)(value.slice(0, 10));
+  } catch {
+    return null;
+  }
+}
+function DateFilterValue(props) {
+  const { filter, field, onUpdate, disabled } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex items-center px-1 py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DateFieldPicker,
+    {
+      variant: "ghost",
+      size: "sm",
+      value: safeParseDate(filter.value),
+      onChange: (v) => onUpdate({ value: v ? v.toString() : null }),
+      isDisabled: disabled,
+      "aria-label": field.label
+    }
+  ) });
+}
 function ValueEditor(props) {
   var _a, _b, _c, _d;
   const { filter, field, i18n, onUpdate, onClose } = props;

package/dist/filter-bar-internal.mjs

@@ -3,8 +3,8 @@
 import {
   AddFilterDropdown,
   FilterPill
-} from "./chunk-TCLE7EEK.mjs";
-import "./chunk-HACVUP5P.mjs";
+} from "./chunk-3LFPXMAB.mjs";
+import "./chunk-L3J62ATJ.mjs";
 export {
   AddFilterDropdown,
   FilterPill

package/dist/filter-bar-messages.d.mts

@@ -89,6 +89,36 @@ declare const filterBarMessages: {
         defaultMessage: string;
         description: string;
     };
+    op_date_on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_not_on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_after: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_before: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_on_or_after: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_on_or_before: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     op_is_empty: {
         id: string;
         defaultMessage: string;

package/dist/filter-bar-messages.d.ts

@@ -89,6 +89,36 @@ declare const filterBarMessages: {
         defaultMessage: string;
         description: string;
     };
+    op_date_on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_not_on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_after: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_before: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_on_or_after: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    op_date_on_or_before: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     op_is_empty: {
         id: string;
         defaultMessage: string;

package/dist/filter-bar-messages.js

@@ -117,6 +117,36 @@ var filterBarMessages = (0, import_i18n.defineMessages)({
     defaultMessage: "less or equal",
     description: "Operator: less than or equal"
   },
+  op_date_on: {
+    id: "filter-bar.operator.date_on",
+    defaultMessage: "on",
+    description: "Date operator: equals (on)"
+  },
+  op_date_not_on: {
+    id: "filter-bar.operator.date_not_on",
+    defaultMessage: "not on",
+    description: "Date operator: not equals"
+  },
+  op_date_after: {
+    id: "filter-bar.operator.date_after",
+    defaultMessage: "after",
+    description: "Date operator: greater than (after)"
+  },
+  op_date_before: {
+    id: "filter-bar.operator.date_before",
+    defaultMessage: "before",
+    description: "Date operator: less than (before)"
+  },
+  op_date_on_or_after: {
+    id: "filter-bar.operator.date_on_or_after",
+    defaultMessage: "on or after",
+    description: "Date operator: greater or equal"
+  },
+  op_date_on_or_before: {
+    id: "filter-bar.operator.date_on_or_before",
+    defaultMessage: "on or before",
+    description: "Date operator: less or equal"
+  },
   op_is_empty: {
     id: "filter-bar.operator.is_empty",
     defaultMessage: "is empty",

package/dist/filter-bar-messages.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   filterBarMessages
-} from "./chunk-I7WCYMXD.mjs";
+} from "./chunk-XXUWQU2D.mjs";
 export {
   filterBarMessages
 };

package/dist/filter-bar-types.d.mts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 /**
  * Supported field types for FilterBar
  */
-type FilterBarFieldType = "select" | "multiselect" | "text" | "number" | "custom";
+type FilterBarFieldType = "select" | "multiselect" | "text" | "number" | "date" | "custom";
 /**
  * Supported operators for FilterBar
  */
@@ -113,6 +113,8 @@ interface FilterBarI18nConfig {
     selectValue: string;
     enterValue: string;
     operators: Record<FilterBarOperator, string>;
+    /** Operator labels specific to `date` fields (e.g. before/after/on). */
+    dateOperators?: Partial<Record<FilterBarOperator, string>>;
     validation?: {
         required?: string;
         invalid?: string;

package/dist/filter-bar-types.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 /**
  * Supported field types for FilterBar
  */
-type FilterBarFieldType = "select" | "multiselect" | "text" | "number" | "custom";
+type FilterBarFieldType = "select" | "multiselect" | "text" | "number" | "date" | "custom";
 /**
  * Supported operators for FilterBar
  */
@@ -113,6 +113,8 @@ interface FilterBarI18nConfig {
     selectValue: string;
     enterValue: string;
     operators: Record<FilterBarOperator, string>;
+    /** Operator labels specific to `date` fields (e.g. before/after/on). */
+    dateOperators?: Partial<Record<FilterBarOperator, string>>;
     validation?: {
         required?: string;
         invalid?: string;

package/dist/filter-bar-types.js

@@ -50,6 +50,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 function isBooleanSelectField(field) {

package/dist/filter-bar-types.mjs

@@ -4,7 +4,7 @@ import {
   DEFAULT_FILTER_BAR_OPERATORS,
   getFilterDefaultValue,
   isBooleanSelectField
-} from "./chunk-HACVUP5P.mjs";
+} from "./chunk-L3J62ATJ.mjs";
 export {
   DEFAULT_FILTER_BAR_OPERATORS,
   getFilterDefaultValue,

package/dist/filter-bar.js

@@ -34,6 +34,7 @@ var import_react2 = require("react");
 var import_button = require("@kopexa/button");
 var import_checkbox = require("@kopexa/checkbox");
 var import_command = require("@kopexa/command");
+var import_date_picker = require("@kopexa/date-picker");
 var import_dropdown_menu = require("@kopexa/dropdown-menu");
 var import_icons = require("@kopexa/icons");
 var import_input = require("@kopexa/input");
@@ -65,6 +66,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 function isBooleanSelectField(field) {
@@ -139,7 +150,8 @@ function FilterPill(props) {
   const isEmptyOperator = filter.operator === "is_empty" || filter.operator === "is_not_empty";
   const hasCustomRenderer = !!field.customRenderer;
   const useInlineInput = !hasCustomRenderer && (field.type === "text" || field.type === "number");
-  const usePopover = !useInlineInput && !isEmptyOperator;
+  const useDateInput = !hasCustomRenderer && field.type === "date" && !isEmptyOperator;
+  const usePopover = !useInlineInput && !useDateInput && !isEmptyOperator;
   const handleOpenChange = (0, import_react.useCallback)(
     (isOpen) => {
       setOpen(isOpen);
@@ -200,6 +212,7 @@ function FilterPill(props) {
             operator: filter.operator,
             operators,
             i18n,
+            fieldType: field.type,
             onChange: (op) => {
               const newUpdates = { operator: op };
               if (op === "is_empty" || op === "is_not_empty") {
@@ -220,6 +233,15 @@ function FilterPill(props) {
             disabled
           }
         ),
+        useDateInput && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DateFilterValue,
+          {
+            filter,
+            field,
+            onUpdate,
+            disabled
+          }
+        ),
         usePopover && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             import_popover.Popover.Trigger,
@@ -277,9 +299,13 @@ function FilterPill(props) {
   );
 }
 function OperatorDropdown(props) {
-  const { operator, operators, i18n, onChange, disabled } = props;
+  const { operator, operators, i18n, fieldType, onChange, disabled } = props;
+  const label = (op) => {
+    var _a;
+    return fieldType === "date" && ((_a = i18n.dateOperators) == null ? void 0 : _a[op]) || i18n.operators[op];
+  };
   const hasSingleOperator = operators.length === 1;
-  const currentLabel = i18n.operators[operator];
+  const currentLabel = label(operator);
   if (hasSingleOperator) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -319,7 +345,7 @@ function OperatorDropdown(props) {
         className: "gap-2",
         children: [
           op === operator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: i18n.operators[op] })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: label(op) })
         ]
       },
       op
@@ -353,7 +379,7 @@ function InlineValueInput(props) {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         {
-          type: field.type === "number" ? "number" : "text",
+          type: field.type === "number" ? "number" : field.type === "date" ? "date" : "text",
           className: (0, import_shared_utils.cn)(
             "bg-transparent border-none outline-none",
             "placeholder:text-muted-foreground",
@@ -363,7 +389,7 @@ function InlineValueInput(props) {
           onChange: handleChange,
           placeholder,
           "aria-label": `${field.label} value`,
-          style: { width: getInputWidth(filter.value, placeholder, 6) },
+          style: field.type === "date" ? void 0 : { width: getInputWidth(filter.value, placeholder, 6) },
           min: field.min,
           max: field.max,
           step: field.step,
@@ -373,6 +399,28 @@ function InlineValueInput(props) {
     }
   );
 }
+function safeParseDate(value) {
+  if (typeof value !== "string" || !value) return null;
+  try {
+    return (0, import_date_picker.parseDate)(value.slice(0, 10));
+  } catch {
+    return null;
+  }
+}
+function DateFilterValue(props) {
+  const { filter, field, onUpdate, disabled } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex items-center px-1 py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DateFieldPicker,
+    {
+      variant: "ghost",
+      size: "sm",
+      value: safeParseDate(filter.value),
+      onChange: (v) => onUpdate({ value: v ? v.toString() : null }),
+      isDisabled: disabled,
+      "aria-label": field.label
+    }
+  ) });
+}
 function ValueEditor(props) {
   var _a, _b, _c, _d;
   const { filter, field, i18n, onUpdate, onClose } = props;
@@ -759,6 +807,36 @@ var filterBarMessages = (0, import_i18n.defineMessages)({
     defaultMessage: "less or equal",
     description: "Operator: less than or equal"
   },
+  op_date_on: {
+    id: "filter-bar.operator.date_on",
+    defaultMessage: "on",
+    description: "Date operator: equals (on)"
+  },
+  op_date_not_on: {
+    id: "filter-bar.operator.date_not_on",
+    defaultMessage: "not on",
+    description: "Date operator: not equals"
+  },
+  op_date_after: {
+    id: "filter-bar.operator.date_after",
+    defaultMessage: "after",
+    description: "Date operator: greater than (after)"
+  },
+  op_date_before: {
+    id: "filter-bar.operator.date_before",
+    defaultMessage: "before",
+    description: "Date operator: less than (before)"
+  },
+  op_date_on_or_after: {
+    id: "filter-bar.operator.date_on_or_after",
+    defaultMessage: "on or after",
+    description: "Date operator: greater or equal"
+  },
+  op_date_on_or_before: {
+    id: "filter-bar.operator.date_on_or_before",
+    defaultMessage: "on or before",
+    description: "Date operator: less or equal"
+  },
   op_is_empty: {
     id: "filter-bar.operator.is_empty",
     defaultMessage: "is empty",
@@ -835,6 +913,14 @@ function FilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -843,6 +929,10 @@ function FilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);

package/dist/filter-bar.mjs

@@ -2,10 +2,10 @@
 "use client";
 import {
   FilterBar
-} from "./chunk-VII35ERE.mjs";
-import "./chunk-TCLE7EEK.mjs";
-import "./chunk-I7WCYMXD.mjs";
-import "./chunk-HACVUP5P.mjs";
+} from "./chunk-C5Z5JGHO.mjs";
+import "./chunk-3LFPXMAB.mjs";
+import "./chunk-XXUWQU2D.mjs";
+import "./chunk-L3J62ATJ.mjs";
 export {
   FilterBar
 };

package/dist/index.js

@@ -1146,6 +1146,7 @@ var import_react3 = require("react");
 var import_button = require("@kopexa/button");
 var import_checkbox2 = require("@kopexa/checkbox");
 var import_command = require("@kopexa/command");
+var import_date_picker = require("@kopexa/date-picker");
 var import_dropdown_menu4 = require("@kopexa/dropdown-menu");
 var import_icons3 = require("@kopexa/icons");
 var import_input2 = require("@kopexa/input");
@@ -1177,6 +1178,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 function isBooleanSelectField(field) {
@@ -1251,7 +1262,8 @@ function FilterPill(props) {
   const isEmptyOperator = filter.operator === "is_empty" || filter.operator === "is_not_empty";
   const hasCustomRenderer = !!field.customRenderer;
   const useInlineInput = !hasCustomRenderer && (field.type === "text" || field.type === "number");
-  const usePopover = !useInlineInput && !isEmptyOperator;
+  const useDateInput = !hasCustomRenderer && field.type === "date" && !isEmptyOperator;
+  const usePopover = !useInlineInput && !useDateInput && !isEmptyOperator;
   const handleOpenChange = (0, import_react2.useCallback)(
     (isOpen) => {
       setOpen(isOpen);
@@ -1312,6 +1324,7 @@ function FilterPill(props) {
             operator: filter.operator,
             operators,
             i18n,
+            fieldType: field.type,
             onChange: (op) => {
               const newUpdates = { operator: op };
               if (op === "is_empty" || op === "is_not_empty") {
@@ -1332,6 +1345,15 @@ function FilterPill(props) {
             disabled
           }
         ),
+        useDateInput && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          DateFilterValue,
+          {
+            filter,
+            field,
+            onUpdate,
+            disabled
+          }
+        ),
         usePopover && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_popover2.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
             import_popover2.Popover.Trigger,
@@ -1389,9 +1411,13 @@ function FilterPill(props) {
   );
 }
 function OperatorDropdown(props) {
-  const { operator, operators, i18n, onChange, disabled } = props;
+  const { operator, operators, i18n, fieldType, onChange, disabled } = props;
+  const label = (op) => {
+    var _a;
+    return fieldType === "date" && ((_a = i18n.dateOperators) == null ? void 0 : _a[op]) || i18n.operators[op];
+  };
   const hasSingleOperator = operators.length === 1;
-  const currentLabel = i18n.operators[operator];
+  const currentLabel = label(operator);
   if (hasSingleOperator) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "span",
@@ -1431,7 +1457,7 @@ function OperatorDropdown(props) {
         className: "gap-2",
         children: [
           op === operator && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons3.CheckIcon, { className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: op !== operator ? "pl-6" : "", children: i18n.operators[op] })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: op !== operator ? "pl-6" : "", children: label(op) })
         ]
       },
       op
@@ -1465,7 +1491,7 @@ function InlineValueInput2(props) {
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
-          type: field.type === "number" ? "number" : "text",
+          type: field.type === "number" ? "number" : field.type === "date" ? "date" : "text",
           className: (0, import_shared_utils5.cn)(
             "bg-transparent border-none outline-none",
             "placeholder:text-muted-foreground",
@@ -1475,7 +1501,7 @@ function InlineValueInput2(props) {
           onChange: handleChange,
           placeholder,
           "aria-label": `${field.label} value`,
-          style: { width: getInputWidth2(filter.value, placeholder, 6) },
+          style: field.type === "date" ? void 0 : { width: getInputWidth2(filter.value, placeholder, 6) },
           min: field.min,
           max: field.max,
           step: field.step,
@@ -1485,6 +1511,28 @@ function InlineValueInput2(props) {
     }
   );
 }
+function safeParseDate(value) {
+  if (typeof value !== "string" || !value) return null;
+  try {
+    return (0, import_date_picker.parseDate)(value.slice(0, 10));
+  } catch {
+    return null;
+  }
+}
+function DateFilterValue(props) {
+  const { filter, field, onUpdate, disabled } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex items-center px-1 py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_date_picker.DateFieldPicker,
+    {
+      variant: "ghost",
+      size: "sm",
+      value: safeParseDate(filter.value),
+      onChange: (v) => onUpdate({ value: v ? v.toString() : null }),
+      isDisabled: disabled,
+      "aria-label": field.label
+    }
+  ) });
+}
 function ValueEditor(props) {
   var _a, _b, _c, _d;
   const { filter, field, i18n, onUpdate, onClose } = props;
@@ -1871,6 +1919,36 @@ var filterBarMessages = (0, import_i18n6.defineMessages)({
     defaultMessage: "less or equal",
     description: "Operator: less than or equal"
   },
+  op_date_on: {
+    id: "filter-bar.operator.date_on",
+    defaultMessage: "on",
+    description: "Date operator: equals (on)"
+  },
+  op_date_not_on: {
+    id: "filter-bar.operator.date_not_on",
+    defaultMessage: "not on",
+    description: "Date operator: not equals"
+  },
+  op_date_after: {
+    id: "filter-bar.operator.date_after",
+    defaultMessage: "after",
+    description: "Date operator: greater than (after)"
+  },
+  op_date_before: {
+    id: "filter-bar.operator.date_before",
+    defaultMessage: "before",
+    description: "Date operator: less than (before)"
+  },
+  op_date_on_or_after: {
+    id: "filter-bar.operator.date_on_or_after",
+    defaultMessage: "on or after",
+    description: "Date operator: greater or equal"
+  },
+  op_date_on_or_before: {
+    id: "filter-bar.operator.date_on_or_before",
+    defaultMessage: "on or before",
+    description: "Date operator: less or equal"
+  },
   op_is_empty: {
     id: "filter-bar.operator.is_empty",
     defaultMessage: "is empty",
@@ -1947,6 +2025,14 @@ function FilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -1955,6 +2041,10 @@ function FilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);
@@ -2129,6 +2219,14 @@ function SearchFilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -2137,6 +2235,10 @@ function SearchFilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-LWDVRMCI.mjs";
 import {
   SearchFilterBar
-} from "./chunk-QRWKEHAH.mjs";
+} from "./chunk-ZXC2YC65.mjs";
 import {
   FilterActive
 } from "./chunk-KBVTXOFI.mjs";
@@ -17,15 +17,15 @@ import {
 import "./chunk-PHESMHTT.mjs";
 import {
   FilterBar
-} from "./chunk-VII35ERE.mjs";
-import "./chunk-TCLE7EEK.mjs";
+} from "./chunk-C5Z5JGHO.mjs";
+import "./chunk-3LFPXMAB.mjs";
 import {
   filterBarMessages
-} from "./chunk-I7WCYMXD.mjs";
+} from "./chunk-XXUWQU2D.mjs";
 import {
   getFilterDefaultValue,
   isBooleanSelectField
-} from "./chunk-HACVUP5P.mjs";
+} from "./chunk-L3J62ATJ.mjs";
 import "./chunk-3WNAREG6.mjs";
 import {
   FilterGroup,

package/dist/search-filter-bar.js

@@ -37,6 +37,7 @@ var import_react2 = require("react");
 var import_button = require("@kopexa/button");
 var import_checkbox = require("@kopexa/checkbox");
 var import_command = require("@kopexa/command");
+var import_date_picker = require("@kopexa/date-picker");
 var import_dropdown_menu = require("@kopexa/dropdown-menu");
 var import_icons = require("@kopexa/icons");
 var import_input = require("@kopexa/input");
@@ -68,6 +69,16 @@ var DEFAULT_FILTER_BAR_OPERATORS = {
     "is_empty",
     "is_not_empty"
   ],
+  date: [
+    "equals",
+    "not_equals",
+    "gt",
+    "lt",
+    "gte",
+    "lte",
+    "is_empty",
+    "is_not_empty"
+  ],
   custom: ["equals", "not_equals"]
 };
 function isBooleanSelectField(field) {
@@ -142,7 +153,8 @@ function FilterPill(props) {
   const isEmptyOperator = filter.operator === "is_empty" || filter.operator === "is_not_empty";
   const hasCustomRenderer = !!field.customRenderer;
   const useInlineInput = !hasCustomRenderer && (field.type === "text" || field.type === "number");
-  const usePopover = !useInlineInput && !isEmptyOperator;
+  const useDateInput = !hasCustomRenderer && field.type === "date" && !isEmptyOperator;
+  const usePopover = !useInlineInput && !useDateInput && !isEmptyOperator;
   const handleOpenChange = (0, import_react.useCallback)(
     (isOpen) => {
       setOpen(isOpen);
@@ -203,6 +215,7 @@ function FilterPill(props) {
             operator: filter.operator,
             operators,
             i18n,
+            fieldType: field.type,
             onChange: (op) => {
               const newUpdates = { operator: op };
               if (op === "is_empty" || op === "is_not_empty") {
@@ -223,6 +236,15 @@ function FilterPill(props) {
             disabled
           }
         ),
+        useDateInput && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DateFilterValue,
+          {
+            filter,
+            field,
+            onUpdate,
+            disabled
+          }
+        ),
         usePopover && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             import_popover.Popover.Trigger,
@@ -280,9 +302,13 @@ function FilterPill(props) {
   );
 }
 function OperatorDropdown(props) {
-  const { operator, operators, i18n, onChange, disabled } = props;
+  const { operator, operators, i18n, fieldType, onChange, disabled } = props;
+  const label = (op) => {
+    var _a;
+    return fieldType === "date" && ((_a = i18n.dateOperators) == null ? void 0 : _a[op]) || i18n.operators[op];
+  };
   const hasSingleOperator = operators.length === 1;
-  const currentLabel = i18n.operators[operator];
+  const currentLabel = label(operator);
   if (hasSingleOperator) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -322,7 +348,7 @@ function OperatorDropdown(props) {
         className: "gap-2",
         children: [
           op === operator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: i18n.operators[op] })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: op !== operator ? "pl-6" : "", children: label(op) })
         ]
       },
       op
@@ -356,7 +382,7 @@ function InlineValueInput(props) {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         {
-          type: field.type === "number" ? "number" : "text",
+          type: field.type === "number" ? "number" : field.type === "date" ? "date" : "text",
           className: (0, import_shared_utils.cn)(
             "bg-transparent border-none outline-none",
             "placeholder:text-muted-foreground",
@@ -366,7 +392,7 @@ function InlineValueInput(props) {
           onChange: handleChange,
           placeholder,
           "aria-label": `${field.label} value`,
-          style: { width: getInputWidth(filter.value, placeholder, 6) },
+          style: field.type === "date" ? void 0 : { width: getInputWidth(filter.value, placeholder, 6) },
           min: field.min,
           max: field.max,
           step: field.step,
@@ -376,6 +402,28 @@ function InlineValueInput(props) {
     }
   );
 }
+function safeParseDate(value) {
+  if (typeof value !== "string" || !value) return null;
+  try {
+    return (0, import_date_picker.parseDate)(value.slice(0, 10));
+  } catch {
+    return null;
+  }
+}
+function DateFilterValue(props) {
+  const { filter, field, onUpdate, disabled } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex items-center px-1 py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DateFieldPicker,
+    {
+      variant: "ghost",
+      size: "sm",
+      value: safeParseDate(filter.value),
+      onChange: (v) => onUpdate({ value: v ? v.toString() : null }),
+      isDisabled: disabled,
+      "aria-label": field.label
+    }
+  ) });
+}
 function ValueEditor(props) {
   var _a, _b, _c, _d;
   const { filter, field, i18n, onUpdate, onClose } = props;
@@ -762,6 +810,36 @@ var filterBarMessages = (0, import_i18n.defineMessages)({
     defaultMessage: "less or equal",
     description: "Operator: less than or equal"
   },
+  op_date_on: {
+    id: "filter-bar.operator.date_on",
+    defaultMessage: "on",
+    description: "Date operator: equals (on)"
+  },
+  op_date_not_on: {
+    id: "filter-bar.operator.date_not_on",
+    defaultMessage: "not on",
+    description: "Date operator: not equals"
+  },
+  op_date_after: {
+    id: "filter-bar.operator.date_after",
+    defaultMessage: "after",
+    description: "Date operator: greater than (after)"
+  },
+  op_date_before: {
+    id: "filter-bar.operator.date_before",
+    defaultMessage: "before",
+    description: "Date operator: less than (before)"
+  },
+  op_date_on_or_after: {
+    id: "filter-bar.operator.date_on_or_after",
+    defaultMessage: "on or after",
+    description: "Date operator: greater or equal"
+  },
+  op_date_on_or_before: {
+    id: "filter-bar.operator.date_on_or_before",
+    defaultMessage: "on or before",
+    description: "Date operator: less or equal"
+  },
   op_is_empty: {
     id: "filter-bar.operator.is_empty",
     defaultMessage: "is empty",
@@ -851,6 +929,14 @@ function SearchFilterBar(props) {
         lte: t.formatMessage(filterBarMessages.op_lte),
         is_empty: t.formatMessage(filterBarMessages.op_is_empty),
         is_not_empty: t.formatMessage(filterBarMessages.op_is_not_empty)
+      },
+      dateOperators: {
+        equals: t.formatMessage(filterBarMessages.op_date_on),
+        not_equals: t.formatMessage(filterBarMessages.op_date_not_on),
+        gt: t.formatMessage(filterBarMessages.op_date_after),
+        lt: t.formatMessage(filterBarMessages.op_date_before),
+        gte: t.formatMessage(filterBarMessages.op_date_on_or_after),
+        lte: t.formatMessage(filterBarMessages.op_date_on_or_before)
       }
     };
     return {
@@ -859,6 +945,10 @@ function SearchFilterBar(props) {
       operators: {
         ...defaultI18n.operators,
         ...i18nProp == null ? void 0 : i18nProp.operators
+      },
+      dateOperators: {
+        ...defaultI18n.dateOperators,
+        ...i18nProp == null ? void 0 : i18nProp.dateOperators
       }
     };
   }, [t, i18nProp]);

package/dist/search-filter-bar.mjs

@@ -2,10 +2,10 @@
 "use client";
 import {
   SearchFilterBar
-} from "./chunk-QRWKEHAH.mjs";
-import "./chunk-TCLE7EEK.mjs";
-import "./chunk-I7WCYMXD.mjs";
-import "./chunk-HACVUP5P.mjs";
+} from "./chunk-ZXC2YC65.mjs";
+import "./chunk-3LFPXMAB.mjs";
+import "./chunk-XXUWQU2D.mjs";
+import "./chunk-L3J62ATJ.mjs";
 export {
   SearchFilterBar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/filter",
-  "version": "0.0.83",
+  "version": "0.0.84",
   "description": "A filter component for building complex filtering interfaces",
   "keywords": [
     "filter",
@@ -30,26 +30,27 @@
   "peerDependencies": {
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.34.0"
+    "@kopexa/theme": "17.35.0"
   },
   "dependencies": {
-    "@kopexa/react-utils": "17.1.35",
-    "@kopexa/shared-utils": "17.0.93",
-    "@kopexa/use-controllable-state": "17.0.93",
-    "@kopexa/use-debounced-callback": "17.0.93",
-    "@kopexa/icons": "17.10.22",
-    "@kopexa/button": "17.0.93",
-    "@kopexa/input": "17.0.93",
-    "@kopexa/select": "17.2.58",
-    "@kopexa/combobox": "17.4.16",
-    "@kopexa/i18n": "17.15.8",
-    "@kopexa/popover": "17.2.58",
-    "@kopexa/dropdown-menu": "17.0.93",
-    "@kopexa/calendar": "17.0.93",
-    "@kopexa/checkbox": "17.0.93",
-    "@kopexa/switch": "17.2.58",
-    "@kopexa/command": "17.0.93",
-    "@kopexa/spinner": "17.0.93"
+    "@kopexa/react-utils": "17.1.36",
+    "@kopexa/shared-utils": "17.0.94",
+    "@kopexa/use-controllable-state": "17.0.94",
+    "@kopexa/use-debounced-callback": "17.0.94",
+    "@kopexa/icons": "17.10.23",
+    "@kopexa/button": "17.0.94",
+    "@kopexa/i18n": "17.16.0",
+    "@kopexa/input": "17.0.94",
+    "@kopexa/combobox": "17.4.17",
+    "@kopexa/calendar": "17.0.94",
+    "@kopexa/select": "17.2.59",
+    "@kopexa/date-picker": "1.5.0",
+    "@kopexa/popover": "17.2.59",
+    "@kopexa/dropdown-menu": "17.0.94",
+    "@kopexa/checkbox": "17.0.94",
+    "@kopexa/command": "17.0.94",
+    "@kopexa/switch": "17.2.59",
+    "@kopexa/spinner": "17.0.94"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",