Weekly Hours Form
Weekly availability editor with one row per day, an on/off switch, from and to time selects for open days, and an apply-to-weekdays shortcut.
Weekly availability editor with one row per day, an on/off switch, from and to time selects for open days, and an apply-to-weekdays shortcut.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Weekly Hours Form is the availability editor: one row per day of the week, each with an on/off switch, and for open days a from and to time select pair (Monday to Friday open, Saturday and Sunday closed). Days that are off collapse to a muted Closed all day line, and an apply-to-weekdays shortcut copies Monday hours across the working week.
Days live in a typed const array with an open flag that branches the row between the time selects and the closed state, while the time options come from a shared const list. The footer note pins every window to the workspace timezone so the hours are never ambiguous.
Reach for this block wherever a resource has recurring weekly hours, wired to your availability state and the workspace timezone from settings. Use it for support windows, store hours, booking availability, or any schedule that repeats by weekday.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the support hours editor. Other weekly-hours surfaces:
Tip: keep the closed rows visible as a muted line rather than removing them; the full week reads at a glance and toggling a day back on is one switch away.