Added timezone to dates

[sarth-akvaish]

This PR adds the timezone selector in the Navbar using the exisiting menu item which is present in the users list.

Fixes : #60302

Video

Screencast.from.2026-01-15.12-52-38.mp4

Was generative AI tooling used to co-author this PR?

• Yes (please specify the tool below)

---

• Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
• For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
• When adding dependency, check compliance with the ASF 3rd Party License Policy.
• For significant user-facing changes create newsfragment: {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

[bbovenzi]

I would prefer that we not add the timezone onto every single datetime in the UI.

If we think that the timezone needs to always be shown, then I would prefer that we integrate it into the nav bar under "User" similar to how it worked in Airflow 2.

[erinforman]

I would prefer that we not add the timezone onto every single datetime in the UI.

If we think that the timezone needs to always be shown, then I would prefer that we integrate it into the nav bar under "User" similar to how it worked in Airflow 2.

@bbovenzi i think that's fair. if i had to distill my expectation in the original issue: the timezone of timestamps in run IDs should match the timezone of dates/timestamps shown elsewhere in the UI. if that consistency is guaranteed, then we don't need timezone displayed on every single datetime. putting it in one place (like the nav bar) is fine.

[sarth-akvaish]

Thanks for the feedback.
Before I proceed, I want to clarify the expected direction.
Would you prefer that :

1. The run_id is formatted only in the UI layer
   (using the existing run_id value but displaying it in a user-friendly/timezone-consistent form),
   or
2. The run_id format itself should be changed at creation time.( In this case it will affect api endpoints)

[bbovenzi]

RunId should not be altered.

Instead, we should take the timezone selector out of the user menu in the left-hand nav bar. And move it to its own button right about "User". The button's text will have the current timezone so that the user always has the TZ at-a-glance.

[bbovenzi]

Thanks! Do you mind adding a screenshot of the changes?

[sarth-akvaish]

Updated the description.

[bbovenzi]

The timezone location label is always going to be too long. Let's just show the GMT offset (-5:00, +11:00, etc) and put anything else inside a tooltip.

[bbovenzi]

Great job!

[tirkarthi]

Thanks for the PR. Airflow 2 had a clock on the header and it was easy to compare the current time in different timezone with the UI timestamps. Maybe it will good to add HH:MM also to be displayed that is updated every minute as a potential enhancement.

[tirkarthi]

Minor nit: It seems button uses title props to display its own tooltip hence the offset tooltip from button is displayed on top of the current time tooltip hiding some content.