Modify isRangeFilter for Custom Filter Functions in getColumnFilterInfo

[samchiu90]

in getColumnFilterInfo

  const { column } = header;
  const { columnDef } = column;
  const { filterVariant } = columnDef;

  const isDateFilter = !!(
    filterVariant?.startsWith('date') || filterVariant?.startsWith('time')
  );
  const isAutocompleteFilter = filterVariant === 'autocomplete';
  const isRangeFilter =
    filterVariant?.includes('range') ||
    ['between', 'betweenInclusive', 'inNumberRange'].includes(
      columnDef._filterFn,
    );

isRangeFilter is true when filterVariant in columnDef is fixed as range
or
the current filterFn selected (_filterFn) is between or betweenInclusive or inNumberRange

I want to add a new custom filter function betweenIncExc for the user to select in the menu to filter the date-time column with a start and an end date-time value, but I find that I cannot set the filter as range since the logic above.

in MRT_TableHeadCellFilterContainer

      {columnDef.filterVariant === 'checkbox' ? (
        <MRT_FilterCheckbox column={column} table={table} />
      ) : columnDef.filterVariant === 'range-slider' ? (
        <MRT_FilterRangeSlider header={header} table={table} />
      ) : isRangeFilter ? (
        <MRT_FilterRangeFields header={header} table={table} />
      ) : (
        <MRT_FilterTextField header={header} table={table} />
      )}

The simplest solution is to modify the logic of isRangeFilter ?
e.g.

  const isRangeFilter =
    filterVariant?.includes('range') ||
    ['between', 'betweenInclusive', 'inNumberRange'].includes(
      columnDef._filterFn,
    )|| 
    columnDef._filterFn?.startsWith('between') ;