Skip to content
SceneRecap
Try free
Bug reportNov 5, 2026· 0:27· 13 views

ng-zorro-antd RangePicker week: end week invisible when both weeks fall in the same month

0:27 total

Comments · 0

Be the first to comment.

Bug reportby SceneRecap AI

mediumng-zorro-antd date-picker range mode with nzMode='week': selected and in-range cell state computation in the week panel when the panel is reopened with both values in the same month. The end value may be checked only against the right panel's month. Also check the start/end slot assignment after the panel shifts months (seen at 19.0s).
os: macOSdpr: 1url: angular-nxgm1o.stackblitz.io (StackBlitz preview, /edit/angular-nxgm1o)locale: en-USbrowser: Chromium 151.0.7922.34library: NG-ZORRO (page title 'NG-ZORRO - StackBlitz')timezone: Europe/Berlinviewport: 1280x720

Repro steps

  1. 1.Open the StackBlitz preview with the five range pickers. The week picker is prefilled with 2026-45 → 2022-50.
  2. 2.Click 'Clear dates' on the week range picker. All pickers show placeholders.
  3. 3.Click 'Open week range picker'. The panel shows 2026 Nov and 2026 Dec.
  4. 4.Click the week 46 row (Nov 8-14) in the Nov panel as the start week. The start field shows 2026-46.
  5. 5.Click the week 48 row (Nov 22-28) in the same Nov panel as the end week. The field shows 2026-46 → 2026-48.
  6. 6.Click the week picker input again to reopen the panel.
  7. 7.Look at the Nov panel. Only week 46 is highlighted. Week 48 is not highlighted.

Expected

When the panel is reopened with value 2026-46 → 2026-48, both the start week (46) and the end week (48) are highlighted, and the weeks between them show the in-range style.

Actual

The input shows 2026-46 → 2026-48. The reopened panel highlights only week 46 (Nov 8-14). Week 48 (Nov 22-28) has no selected style, so the end of the range is not visible in the calendar.

Evidence

visualAfter the start week click, week 46 (Nov 8-14) is highlighted and the start field shows 2026-46. The end field still shows the 'End week' placeholder.
visualAfter the end week click, the week picker shows 2026-46 → 2026-48 and the panel is closed. The value is stored correctly.
visualReopened panel shows 2026 Nov and 2026 Dec. Only week 46 is highlighted. Week 48 (Nov 22-28) has no selected style, although the input shows 2026-48.
visualAfter Escape the panel closes and the value is still 2026-46 → 2026-48. Only the panel display is wrong.
visualSecond attempt, labeled cross-month: after clicking a start week, the panel shifts to 2026 Oct and 2026 Nov. Week 46 is highlighted in Nov, but the value went into the end field (2026-46) and the start field stays empty.
visualThe second attempt ends as 2026-46 → 2026-46, a single week. The reopened panel at 23.0s shows Nov and Dec with week 46 highlighted. This attempt does not show a two-month range, so it does not work as a control for a cross-month case.
consoleConsole error "Could not find source file: 'inmemory://model/1'." This comes from the StackBlitz editor and is likely unrelated to the picker.
consoleThe console counter rises from 1 to 5 during the session (2 at 4.5s, 3 at 11.0s, 4 at 17.0s, 5 at 20.9s). The message content is not visible in the recording.
Issue markdown (copy-paste ready)
## Summary
With `nz-range-picker` in week mode, if the start and end weeks are in the same month, the end week is not highlighted when the panel is reopened. The input value is correct.

## Environment
- Browser: Chromium 151.0.7922.34, macOS
- Viewport: 1280x720, dpr 1, locale en-US, timezone Europe/Berlin
- Repro: StackBlitz `angular-nxgm1o` (NG-ZORRO)

## Steps to reproduce
1. Open the preview. The week picker is prefilled (2026-45 → 2022-50) (0.0s).
2. Click **Clear dates** on the week range picker (4.5s).
3. Click the week picker input to open it. The panels show 2026 Nov and 2026 Dec (5.9s).
4. Click week 46 (Nov 8-14) as the start week (7.3s).
5. Click week 48 (Nov 22-28) in the same Nov panel as the end week (10.2s). The input shows `2026-46 → 2026-48` (11.0s).
6. Click the input again to reopen the panel (11.4s).

## Expected
Weeks 46 and 48 are both highlighted, and week 47 shows the in-range style.

## Actual
Only week 46 is highlighted (13.0s). Week 48 has no selected style, although the input shows `2026-48`. After Escape the value is still `2026-46 → 2026-48` (15.0s), so only the panel display is wrong.

## Additional observations
- In a second attempt labeled cross-month, clicking a start week shifted the panel to Oct/Nov. The selected week went into the end field (`2026-46`) and the start field stayed empty (19.0s).
- That attempt ended as `2026-46 → 2026-46` (20.9s). It is a single week, so it does not confirm whether a range across two months renders correctly.
- Console error `Could not find source file: 'inmemory://model/1'.` at 1.0s comes from the StackBlitz editor and is likely unrelated.

## Suspected area
Date picker range mode with `nzMode="week"`: selected and in-range cell state in the week panel on reopen, when both values are in the same month. Also check the start/end slot assignment after the panel changes months.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
ng-zorro-antd RangePicker week: end week invisible when both weeks fall in the same month · SceneRecap