Arbeitswoche

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.

React Blazor

Eine Arbeitswoche voller Termine

Bei jedem Mustertermin der Demo fünf Tage davon. Die Pfeile bewegen sich Woche für Woche.

React-Beispiel Blazor-Beispiel React TypeScript Razor

Tage und Arbeitszeiten

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.

Umzug und Erschaffen

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.