O layout da agenda lista os compromissos da semana dia a dia, em vez de colocá-los em uma grade de horas ou dias. Ele lê bem em uma tela estreita, e onde importa é o que vem a seguir, e não onde está o tempo livre. Um calendário abre nele com DefaultLayout (Reagir: defaultLayout), e o seletor de layout da barra de ferramentas muda para ele.
<Calendar defaultLayout="agenda" /><Calendar DefaultLayout="CalendarLayout.Agenda" />As consultas, tarefas e ligações sobre Schmeler e Filhos. As flechas se movem semana a semana.
Cada dia que tem algo é um título, com suas linhas embaixo: o horário deles, ou Todo o dia, e o assunto, ao lado de um ponto na cor de como uma consulta mostra seu horário. Uma semana sem nada diz Nada agendado. Clicar em uma linha a abre, como nos outros layouts. Uma lista não tem horários para colocar uma linha, então nada é movido na agenda, nem mesmo em um Editable calendário.
Nomeie um único layout em Layouts (React: layouts) e o seletor de layout vai, mantendo o calendário nele — uma lista do que está por vir ao lado do outro conteúdo de uma página, por exemplo. O título de um dia então não abre layout de dia, já que o calendário não oferece nenhum.
<Calendar layouts={['agenda']} /><Calendar Layouts="@([CalendarLayout.Agenda])" />Os outros layouts do calendário: Dia, Semana de Trabalho, Semana e Mês.