Día

La disposición del día muestra un día por hora, como lo hace la vista de día de Outlook. En ella se abre un calendario con DefaultLayout (React: defaultLayout), y el selector de maquetación de la barra de herramientas cambia a él. En las maquetaciones de semana, semana y mes, el nombre o número de un día se abre ese día aquí, siempre que la disposición del día sea uno de los del calendario Layouts.

React Blazor

Un día de citas

Cada cita de muestra que tiene la demo, no solo la de una cuenta, así que un día laborable está lleno. Las flechas junto a Hoy se mueven día a día; los fines de semana están tranquilos.

Ejemplo de reacción Ejemplo de Blazor React TypeScript Razor

Horarios

El día se dibuja en filas de media hora y se abre desplazado hasta las 8:00, con las primeras horas a un desplazamiento de distancia. Una línea a lo otro lado marca la hora actual. Los horarios están en la zona horaria del usuario, como todas las horas en el portal. Las citas a la misma hora se colocan una al lado de la otra en lugar de una sobre otra, cada una mostrando su hora, tema y lugar hasta donde su altura lo permita.

Citas de día completo

Una cita de todo el día, y que se extiende a lo largo de varios días, se sitúa en la fila de todo el día por encima de las horas, así que las horas solo muestran lo que tiene una hora.

Mover, redimensionar y crear

En un Editable calendario, arrastra una cita para moverla, o su borde inferior para cambiarla cuando termine, en pasos de un cuarto de hora, y arrástrala a la fila de Todo el día para que ocupe todo el día. Selecciona un tramo de tiempo para empezar una nueva cita sobre ella. Qué filas se pueden mover y cómo se guarda una mudanza está en la página de Calendario .

Los otros diseños del calendario: Semana de trabajo, Semana, Mes y Agenda.