Calendar View
Visualização do calendário
Uma visualização de calendário coloca itens agendados em dias ou faixas de horário. As pessoas podem visualizar um dia, semana ou mês.
Outro exemplo
Uma equipe de pesquisa visualiza entrevistas em uma grade semanal e abre um evento para detalhes.
Partes principais
- 01Intervalo de datas visível
- 02Rótulo de fuso horário
- 03Grade de tempo
- 04bloco de evento
- 05alternativa de lista
Use-o quando
Use-o quando datas, duração, sobreposição ou tempo livre forem importantes para a tarefa.
Não o use quando
Não use um calendário para dados sem significado de tempo. Ofereça uma lista quando a grade for difícil de ler.
Nome usado no código
visible range + time zone + event start/end + overlap + list fallback Antes de lançar
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Visualização do calendário (Calendar View). User context: Uma equipe de pesquisa visualiza entrevistas em uma grade semanal e abre um evento para detalhes. Recommended pattern: Visualização do calendário (Calendar View). Why it fits: Use-o quando datas, duração, sobreposição ou tempo livre forem importantes para a tarefa. Do not use it when: Não use um calendário para dados sem significado de tempo. Ofereça uma lista quando a grade for difícil de ler. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Nenhum padrão oficial único controla todo o termo. Seu significado pode mudar entre equipes, plataformas ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Conferir este pedido
Review how Visualização do calendário (Calendar View) is used now. Definition: Uma visualização de calendário coloca itens agendados em dias ou faixas de horário. As pessoas podem visualizar um dia, semana ou mês. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.