Timezone Overlap
A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working hour cells, with a legend and best window footer.
A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working hour cells, with a legend and best window footer.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Timezone Overlap is the team hours panel, one row per teammate showing an avatar, city, and current local time beside a 24 hour UTC strip. Each working hour renders as a filled cell, off hours stay muted, and the single hour shared by three or more people renders solid across every row so the overlap reads at a glance. A legend maps the three cell states and a footer calls out the best meeting window.
Members are one array with whole hour UTC working ranges, and the overlap hours are derived from that array so the badge count, the solid cells, and the footer window never drift apart. Local times and the current UTC time are static values you replace with your own clock.
Reach for this block in team settings, scheduling tools, and workspace dashboards where a distributed team needs to find a time that works across cities. Wire the member array to your directory and compute the overlap from each person's stored working hours.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the meeting window finder for a remote team. Other overlap surfaces:
Tip: keep the row for the person outside the shared window; naming who catches up async is more honest than pretending one hour covers the whole team.