アジェンダのレイアウトは、1週間の予定を日々のグリッドに並べるのではなく、日ごとに一覧化しています。狭い画面でも読みやすく、重要なのは次に来るもので、自由時間の場所ではありません。カレンダーが開き、 DefaultLayout (React: defaultLayout)が表示され、ツールバーのレイアウトピッカーがそれに切り替わります。
<Calendar defaultLayout="agenda" /><Calendar DefaultLayout="CalendarLayout.Agenda" />シュメラー&サンズに関する予約、仕事、電話。矢印は一週間ずつ動いていく。
何かがある日は見出しがあり、その下に行が記されています:その日の時間( 通日)、主題、そして予定の時間を示す色の点が横に表示されます。何も記載されていない週は 「予定なし」と表示されます。行をクリックすると、他のレイアウトと同様に開きます。リストには行を落とす時間がないため、 Editable カレンダーでも予定に何も動かされません。
Layoutsで単一のレイアウト(React: layouts)を指定すると、レイアウトピッカーが移動し、カレンダーはその中に残ります。例えば、ページの他のコンテンツの隣に来る予定のリストです。その日の見出しは、カレンダーに日付レイアウトがないため、日のレイアウトは開きません。
<Calendar layouts={['agenda']} /><Calendar Layouts="@([CalendarLayout.Agenda])" />