Skip to content
Bug reportSep 3, 2026· 0:22· 2 views

antd RangePicker with showTime loses start-date highlight when hovering another date

0:22 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

mediumComponents/DatePicker/RangePicker
os: macOSlocale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720

Repro steps

  1. 1.Navigate to Ant Design DatePicker documentation under the 'Choose Time' section.
  2. 2.Click on the RangePicker input with showTime to open the calendar dropdown.
  3. 3.Select a start date (e.g., September 10, 2026).
  4. 4.Hover over another date (e.g., September 17, 2026 or September 5, 2026) to select an end date.

Expected

The selected start date should remain highlighted, and a range hover preview/highlight should connect the start date to the hovered end date.

Actual

The start date (September 10) loses its active highlight completely as soon as another date cell is hovered.

Evidence

visualAt 9.0s, September 10 is highlighted in blue as the active selected start date. At 13.0s, hovering over September 17 highlights September 17 but completely clears the highlight and range styling on September 10.
visualAt 17.0s, hovering over September 5 similarly shows only September 5 highlighted, with September 10 remaining unhighlighted.
Issue markdown (copy-paste ready)
### Summary
When selecting a start date in Ant Design's `RangePicker` configured with `showTime`, hovering over another date to select an end date causes the previously selected start date's highlight to disappear entirely rather than maintaining the start date highlight and rendering a range selection preview.

### Steps to Reproduce
1. Go to the DatePicker documentation (`/components/date-picker`) under the **Choose Time** example.
2. Open the RangePicker dropdown popup.
3. Click a start date (e.g., September 10, 2026).
4. Hover the cursor over a subsequent date (e.g., September 17, 2026) or a preceding date (e.g., September 5, 2026).

### Expected Behavior
The selected start date should remain highlighted, and hovering over target end dates should render a visual range preview between the start date and hovered date.

### Actual Behavior
The start date's active highlight disappears upon hovering over other calendar cells, leaving only the hovered cell styled.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
antd RangePicker with showTime loses start-date highlight when hovering another date · SceneRecap