Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2025-12-29 00:16:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Date & Time: only show date for date filters

Browse Source
This commit is contained in:
Sidney Alcantara
2022-06-30 19:19:25 +10:00
parent 2f7f569303
commit d98d726676
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/TableToolbar/Filters/FiltersPopover.tsx
View File

@@ -75,7 +75,7 @@ export default function FiltersPopover({
);
const formattedValue = availableFilters?.valueFormatter
? availableFilters.valueFormatter(filter.value)
? availableFilters.valueFormatter(filter.value, filter.operator)
: filter.value.toString();
return (

10
src/components/fields/DateTime/filters.ts
View File

@@ -1,5 +1,5 @@
import { format } from "date-fns";
import { DATE_TIME_FORMAT } from "@src/constants/dates";
import { DATE_TIME_FORMAT, DATE_FORMAT } from "@src/constants/dates";
import { IFilterOperator } from "@src/components/fields/types";
export const filterOperators: IFilterOperator[] = [
@@ -71,7 +71,11 @@ export const filterOperators: IFilterOperator[] = [
},
];
export const valueFormatter = (value: any) => {
if (value && value.toDate) return format(value.toDate(), DATE_TIME_FORMAT);
export const valueFormatter = (value: any, operator: string) => {
if (value && value.toDate)
return format(
value.toDate(),
operator.startsWith("date") ? DATE_FORMAT : DATE_TIME_FORMAT
);
return "";
};

2
src/components/fields/types.ts
View File

@@ -37,7 +37,7 @@ export interface IFieldConfig {
operators: IFilterOperator[];
customInput?: React.ComponentType<IFilterCustomInputProps>;
defaultValue?: any;
valueFormatter?: (value: any) => string;
valueFormatter?: (value: any, operator: TableFilter["operator"]) => string;
};
sortKey?: string;
csvExportFormatter?: (value: any, config?: any) => string;