Future Time Machine date picker needs an extra click

[jdcmsd]

Parent Issue

No response

Problem Statement

This dropdown requires two clicks after being opened:

The first click, whether on the left-right caret buttons to select a month, or on the individual days, does nothing. Any click after that works normally.

The time buttons work normally and do not require an extra click; from the moment the dropdown opens, you are able to use the up/down carets on the time as expected.

Clicking on the whitespace anywhere in the dropdown also enables clicking on the dates or month-select buttons. So, it's clearly a focus-related issue — when the dropdown is summoned, focus is given only to the time buttons and not the month/date.

Curiously, if I secure focus for the date/month elements, the time elements still work without having to take focus "back." So there's a definite asymmetry.

Steps to Reproduce

• Open a page in the UVE
• Switch to Live mode
• Click the date to call the dropdown
• Click on tomorrow's date
  • Nothing happens
• Click it again
  • Date updates.

Acceptance Criteria

All elements in the date-picker dropdown should share focus and be immediately responsive from the moment it is called upon.

dotCMS Version

25.01.30

Proposed Objective

User Experience

Proposed Priority

Priority 4 - Trivial

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

https://dotcms.slack.com/archives/CQNF9PCFQ/p1738680630969759?thread_ts=1738610618.649869&cid=CQNF9PCFQ

(Jump to 1:40 in the video shared in thread)

[fmontes]

Also...