From bebcde476347e60fde47293a92505af730ffdb73 Mon Sep 17 00:00:00 2001 From: kabin thakuri Date: Wed, 1 Jul 2026 13:19:02 +0545 Subject: [PATCH] feat(table): add support to limit date for date range filter --- apps/demo/src/Views/Ui/components/Table/Table.tsx | 2 ++ packages/ui/src/Table/TableDateFilter.tsx | 4 ++++ packages/ui/src/Table/types.ts | 2 ++ 3 files changed, 8 insertions(+) diff --git a/apps/demo/src/Views/Ui/components/Table/Table.tsx b/apps/demo/src/Views/Ui/components/Table/Table.tsx index f3a97403b..c3031a04d 100644 --- a/apps/demo/src/Views/Ui/components/Table/Table.tsx +++ b/apps/demo/src/Views/Ui/components/Table/Table.tsx @@ -1012,6 +1012,7 @@ export const TableDemo = () => { filterPlaceholder: t("table.placeholder.date"), header: "Date", meta: { + dateFilterMax: new Date(), filterVariant: "dateRange", }, }, @@ -1023,6 +1024,7 @@ export const TableDemo = () => { filterPlaceholder: t("table.placeholder.date"), header: "Datetime", meta: { + dateFilterMin: new Date(2024, 0, 1), filterVariant: "dateRange", }, }, diff --git a/packages/ui/src/Table/TableDateFilter.tsx b/packages/ui/src/Table/TableDateFilter.tsx index 5de116016..e0d709b00 100644 --- a/packages/ui/src/Table/TableDateFilter.tsx +++ b/packages/ui/src/Table/TableDateFilter.tsx @@ -38,9 +38,13 @@ export const TableDateFilter = ({ return null; }; + const meta = column.columnDef.meta; + return ( { if (!date) { diff --git a/packages/ui/src/Table/types.ts b/packages/ui/src/Table/types.ts index c267f0d04..336446da0 100644 --- a/packages/ui/src/Table/types.ts +++ b/packages/ui/src/Table/types.ts @@ -44,6 +44,8 @@ declare module "@tanstack/react-table" { /* eslint-disable-next-line @typescript-eslint/no-unused-vars */ interface ColumnMeta { + dateFilterMax?: Date; + dateFilterMin?: Date; filterOptions?: FilterOption[]; filterVariant?: TFilterVariant; rangeFilterMax?: number;