Seven-day working-week picker

Seven toggles, Monday first, used identically at company, crew and job level.

What it is

A row of day toggles rendered Monday-first with a summary line ('Mon–Fri', 'Mon, Wed, Fri', 'Every day'). The only difference between the three levels it serves is whether an 'inherit' option is offered.

Also called: choose working days · which days do you work

See it
Seven-day working-week picker
Day rate
$500
Days figured
11
Crew size
4
Fuel & equipment
$300
Finished 2 days early — $1,400 back to the crew
The picker with Sat/Sun off and a 'Mon–Fri' summary beneath — WorkingDaysPicker.tsx. Sample data — no customer information appears here.
How it works
  1. 1WEEK_ORDER renders Monday first because that is how a work week reads
  2. 2describeWorkingDays() collapses contiguous runs into a range and otherwise lists the days
  3. 3Toggling off the last remaining day is a no-op rather than an error to explain later
Why we built it

Setting a working week behind a dropdown meant the setting was only correct if someone opened it — a crew mistakenly on a six-day week looked identical to one on five until you clicked in, so wrong weeks went unnoticed for months and quietly bent every schedule they touched. Seven labelled day buttons show the whole week at once, so a Saturday that is switched on is visible without opening anything.

The problem
  • A dropdown hiding the very thing the setting exists to show
Sound familiar?
What you get
The working week is readable without opening anything
Same control at all three levels, so it is learned once

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →