Cross-Timezone Meeting Planner
Drag a meeting window across a 24-hour timeline to find the ideal time slot across multiple timezones. Working hours are highlighted per zone, and a golden window glows when your chosen time falls within business hours for every participant. DST-aware using the Intl API.
Cross-Timezone Meeting Planner
Drag the meeting window across the timeline to find a time that works for everyone. Green bands = working hours.
How to use the Cross-Timezone Meeting Planner
Add the timezones of every participant using the Add timezone dropdown. Your local timezone is added automatically. Each zone appears as a horizontal row showing the full 24-hour day with working hours highlighted. Drag the yellow meeting window to slide the proposed time. When the window sits inside working hours on every row simultaneously, it turns gold.
Find meeting times that fall within working hours for team members across New York, London, Sydney, and Tokyo without manual timezone math.
Identify the golden window when both your team and an international client are available, accounting for DST transitions on the exact meeting date.
Plan webinars or live streams that reach the maximum global audience by finding the overlap between working hours across target regions.
How it works
DST-aware timezone offsets
The tool uses the Intl.DateTimeFormat API with each IANA timezone identifier and the selected date to resolve the actual UTC offset in effect on that day, accounting for Daylight Saving Time transitions.
24-hour timeline rendering
Each row renders a 1440-minute timeline as a proportional CSS grid. Working-hour bands are positioned as percentage-width overlays. The meeting window position is converted back to a UTC minute value and localised per row.
The golden window
At each drag position the tool checks whether the meeting start and end times fall entirely within the configured working hours for every active zone. If all zones pass, the overlay turns gold.
Drag interaction
Drag uses pointermove events (works on mouse and touch). The window snaps to 15-minute increments for clean time values and is clamped to the 24-hour boundary.
Frequently asked questions
Does it handle Daylight Saving Time correctly?
Yes. The Intl.DateTimeFormat API with the selected date resolves the correct UTC offset for each timezone on that specific day. If you pick a date in March when the US springs forward but the UK has not yet changed, the tool shows the correct offset difference between New York (UTC-5 becoming UTC-4) and London (still UTC+0). This means a meeting that works in March might not work in July when both regions have shifted.
How do I find the right timezone identifier?
The dropdown lists 35 IANA timezone identifiers in human-readable format -- for example, "America/New_York" is labeled "New York / Toronto". These are the same identifiers used by operating systems, databases, and the Intl API. If your city is not listed, choose the closest major city in the same timezone offset.
What does the golden window mean?
The meeting window turns gold when every active timezone shows the proposed time within configured working hours. For a team spanning New York, London, and Sydney, the golden window typically falls between 7:00-9:00 UTC -- which is 8-10am London, 3-5am New York (outside hours), and 5-7pm Sydney. If even one zone falls outside working hours, the window stays yellow.
Can I change working hours?
Yes. The Working Hours fields let you set start and end hours (0-24) in each timezone local time. The default is 9:00-18:00. Change it to 8:00-17:00 for an earlier team or 10:00-20:00 for a late-starting crew. Each row applies the same working hour window in that timezone local time, so the green band shifts position per row.
How does the drag interaction work?
Click and drag anywhere on a timeline row to slide the meeting window. The window snaps to 15-minute increments (9:00, 9:15, 9:30, 9:45) for clean scheduling. You can drag on any timezone row -- they all move together since they represent the same UTC moment. On touch devices, use a finger drag. The meeting summary below updates in real-time as you drag.