primefaces / primefaces/primereact
Calendar: Add Clear "X" button to input field
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Currently the component exposes clearButtonClassName, however there is no property that allows me to enable the clear button in the input or something like that, as it can be done with the nextIcon, icon, etc. buttons. What should be done to make the button clear in the input?
Reproducer
No response
PrimeReact version
latest
React version
18.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
No response
Expected behavior
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the Calendar component's clearButtonClassName option and the existing nextIcon and icon button handling. Determine how a clear-button property should be exposed and verify the completed behavior in the Calendar component's existing test or example coverage, if present.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100