Das Arbeitswochen-Layout zeigt Montag bis Freitag stündlich: das Wochen-Layout ohne Wochenende für einen Kalender mit Arbeitstagen, wobei Samstag und Sonntag nur Platz von den Tagen mit Terminen nehmen. Ein Kalender öffnet sich darin mit DefaultLayout (React: defaultLayout), und der Layout-Picker der Symbolleiste wechselt darauf.
<Calendar defaultLayout="workWeek" /><Calendar DefaultLayout="CalendarLayout.WorkWeek" />Bei jedem Mustertermin der Demo fünf Tage davon. Die Pfeile bewegen sich Woche für Woche.
Jeder Tag ist eine Spalte mit halbstündigen Zeilen, wie im Tageslayout: Er öffnet sich gescrollt bis 8:00 Uhr, markiert die aktuelle Zeit in der heutigen Spalte, legt Termine zur gleichen Zeit nebeneinander und speichert die ganztägigen Termine in der Reihe über den Stunden. Der Name eines Tages oben in seiner Spalte öffnet diesen Tag im Tageslayout, wenn der Kalender ihn anbietet.
In einem Editable Kalender kann ein Termin sowohl auf einen anderen Tag als auch auf eine andere Zeit verschoben werden, und sein unterer Rand kann sich ändern, wenn er endet; die Auswahl eines Tagesabschnitts startet einen neuen Termin darüber.
Die anderen Anordnungen des Kalenders: Tag, Woche, Monat und Tagesordnung.