primefaces / primefaces/primereact

Strange behavior deleting a date in multiple inline Calendar

Open
#8,506 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Status: Needs Triage
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

react: 9.1.0
primereact: 10.9.7

Define a multiple inline Calendar
const [dates, setDates] = useState<Nullable<Date[]>>(null);
<Calendar
data-id={calendarid}
id={'calendarid'}
key={'calendarid'}
value={dates}
onChange={(e) => setDates(e.value)}
inline={true}
selectionMode="multiple"
className={""}
showTime={false}
showSeconds
disabled={false}
baseZIndex={10002}
/>

Select dates in different months. Go back to the previos month and delete a date: the calendar sets on the last month. See the video.
It is a strange behavior... Can you comment?

https://github.com/user-attachments/assets/c01debc4-6744-4921-8629-426c16442e2f

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

Reproduce the provided multiple inline Calendar case by selecting dates in different months, then deleting one after navigating back. Inspect the Calendar behavior around month navigation and date deletion; done means deleting a selected date does not unexpectedly navigate to the last month.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.