primefaces / primefaces/primereact

DataTable: Global SearchBar doesn't work with Date

Open
#6,377 10 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Type: Enhancement
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

Hi,
In your example of using DataTable with advanced_filter we can't search the Date Column in the upper right SearchBar.
See : https://primereact.org/datatable/#advanced_filter

Reproducer

https://stackblitz.com/edit/hhcpxt?file=src%2FApp.jsx

PrimeReact version

10.6.3

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

Type a date in the Keyword Search

Expected behavior

When we search a Date it work.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked StackBlitz reproducer at src/App.jsx and the PrimeReact DataTable advanced_filter example. Reproduce the global Keyword Search against the Date column and trace the DataTable filtering path. Done means entering a date in the upper-right search returns matching rows.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.