primefaces / primefaces/primeng

Range ends highlighted in all months for multi month view

Open
#17,547 0 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Type: Bug
Dominant language
TypeScript
Stars
12.5k
Forks
5.1k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

When using range selection in multiple month view, the range end dates are getting highlighted in all months when range is spanning more than one month.
Range selection form 1-Jan-2025 to 10-Mar-2025 is highlighting dates 1 and 10 in all months with selection.

Image

Pull Request Link

No response

Reason for not contributing a PR
  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other
Other Reason

No response

Reproducer

https://stackblitz.com/edit/primeng-multimonth-range?file=src%2Fapp%2Fapp.component.html

Environment

Reproducible in any browser with PrimeNg 18.

Angular version

18.0.1

PrimeNG version

v18 (LTS Only)

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior
  1. Navigate to stackblitz link attached above.
  2. Pre selected date range is from 1-Jan-2025 to 10-Mar-2025. The calendar view will by default show only the last selected month (March). Move back 2 months to see selection form Jan and Feb.
  3. Check the start and end highlight of the selection range.
Expected behavior

Only 01-Jan-2025 and 10-Mar-2025 should be highlighted

Contributor guide

No contributing guide indexed for this repository

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 StackBlitz reproducer and its src/app/app.component.html entry point, using the preselected range from 1-Jan-2025 to 10-Mar-2025 in the multi-month calendar. Check the January and February views after moving back two months. Done means only 01-Jan-2025 and 10-Mar-2025 are highlighted, while intermediate-month dates are not.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.