Calendar missing month and year info and overlapping dates on Thrive search filter (Windows Edge) #71

New Issue

swap12875d · 2025-09-22T01:41:58-04:00

swap12875d commented

2025-09-22 01:41:58 -04:00

Description:

On the Thrive search page, when selecting filters and clicking on the start date or end date fields, the calendar popup appears without displaying the month and year information. Additionally, the date numbers in the first row of the calendar overlap with the weekday names, causing readability issues.

Current URL:

https://www.topcoder.com/thrive/search?author=rng_58&endDate=2025-09-22&startDate=2001-01-01&track=Competitive%20Programming

Steps to reproduce:

Navigate to the Thrive search page using the URL provided.
Select or open the filter section.
Click on the "Start Date" input field to trigger the calendar popup.
Observe the calendar — note the missing month and year information and overlapping of dates on the days row.
Repeat the same by clicking on the "End Date" input field to confirm the issue.

Actual results:

The calendar popup does not display the month and year information.
The dates in the first row of the calendar overlap visually with the day names row, causing confusion.
The calendar UI is broken and not user-friendly for date selection.

Expected results:

The calendar popup should clearly show the current month and year at the top.
Dates should be correctly aligned beneath their respective day names without any overlap.
The calendar should present a clean, readable UI to facilitate easy and error-free date selection.

Screenshots/Videos:

OS and Browser version:

Windows 11, Edge 140.0.3485.81

VersionDetails:

Device:

Windows Laptop

Reproducibility:

5/5 (reproducible every time)

#### Description: On the Thrive search page, when selecting filters and clicking on the start date or end date fields, the calendar popup appears without displaying the month and year information. Additionally, the date numbers in the first row of the calendar overlap with the weekday names, causing readability issues. #### Current URL: https://www.topcoder.com/thrive/search?author=[[rng_58]]&endDate=2025-09-22&startDate=2001-01-01&track=Competitive%20Programming #### Steps to reproduce: 1. Navigate to the Thrive search page using the URL provided. 2. Select or open the filter section. 3. Click on the "Start Date" input field to trigger the calendar popup. 4. Observe the calendar — note the missing month and year information and overlapping of dates on the days row. 5. Repeat the same by clicking on the "End Date" input field to confirm the issue. #### Actual results: - The calendar popup does not display the month and year information. - The dates in the first row of the calendar overlap visually with the day names row, causing confusion. - The calendar UI is broken and not user-friendly for date selection. #### Expected results: - The calendar popup should clearly show the current month and year at the top. - Dates should be correctly aligned beneath their respective day names without any overlap. - The calendar should present a clean, readable UI to facilitate easy and error-free date selection. #### Screenshots/Videos: ![image.png](/attachments/efad35e9-fdee-40bf-89c0-cefae94edda2) #### OS and Browser version: Windows 11, Edge 140.0.3485.81 VersionDetails: <img src='/attachments/8ff74cb7-ba4b-4ef3-b25c-b2b8058aad3e' width='600' height='400' alt='Windows_edge_version_screenshot'> #### Device: Windows Laptop #### Reproducibility: 5/5 (reproducible every time)

image.png

352 KiB

swap12875d added the Edge UI Windows Functional labels 2025-09-22 01:42:12 -04:00

nithya160925 added Chrome valid S: Medium and removed Functional labels 2025-09-24 06:02:55 -04:00

nithya160925 added the P: Thrive label 2025-09-25 05:03:21 -04:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#71