Time Zone Hours About Block for React

METHODS is the email, the chat and the phone: a name, the address, where it links, and the reply line. ZONES is the Select, and OFFSETS is how many hours each zone adds to the Pacific window of 8:00–18:00. DAYS says which days are open. The bars and the weekday label are computed from that window, so a zone that crosses midnight gets two segments.

The bars move to that zone and the label above them changes, for example 11:00–21:00 in Eastern. Saturday and Sunday stay closed in every zone. A polite line names the zone, the weekday window and the closed weekend. The page does not jump.

The Select opens with Enter or Space and moves with the arrow keys on every library. Choosing a zone updates the chart. The trigger is named "Time zone".

The heading is an h2, and the hours chart is an h3. Email, chat and phone are a description list, and the address of each is a link. The week is a list of seven days. The bars are hidden from assistive technology because the clock time is written beside them. The status dot is decorative; the words "Staffed on weekdays" are what get read.

The methods stack, then the hours card sits under them with its own top rule. The Select takes the full width of the card. Nothing in the block scrolls sideways at 320 pixels, and the clock times stay in reading order in a right-to-left layout.

No. The links open mail, the in-app chat and the phone. The Select only changes which time zone the hours are drawn in. The status is a standing weekday fact, not a live open-or-closed clock.