Calendário: visualização, reagendamento por arrastar, popup rápido

Atualizado em sexta-feira, 22 de maio de 2026

Todas as funcionalidades do calendário interno: visualizações, filtros, drag and drop, formulário rápido, atalhos.

Referência completa do Calendário (/admin/<slug>/calendar) — o painel operacional onde você gerencia o seu dia a dia.

Visualização completa do calendário com agendamentos da equipe

Visualizações

Visualização Layout Quando usar
Dia Uma única data. Linhas verticais por hora, colunas horizontais por profissional. Detalhe do dia atual. Melhor no celular.
Semana 7 dias em colunas, horas em linhas. Todos os profissionais misturados. Planejamento semanal. Melhor no computador.

Você alterna com o toggle no canto superior esquerdo. A visualização que você escolher fica salva por dispositivo (no celular você abre “dia” na próxima vez, mesmo que tenha usado “semana” no computador).

Controle Ação
Botão “←” Dia/semana anterior
Botão “→” Dia/semana seguinte
Botão “Hoje” Salta para o dia atual
Seletor de data Escolher uma data específica com o calendário flutuante

Filtros

Acima do calendário há 3 filtros e um painel “Mais filtros” para filtros avançados.

Filtros principais

Filtro Opções
Filial Todas / específica. Apenas se o seu negócio tiver mais de uma.
Categoria de serviço Todas / uma categoria. Filtra quais tipos de serviço são exibidos.
Buscar Buscador por nome de cliente, serviço ou nota.

Mais filtros (painel recolhível)

Filtro Detalhe
Tipos Mostrar reservas, mostrar bloqueios ou ambos.
Profissionais Avatares clicáveis — você marca quais ver. “Selecionar todos” / “Nenhum”.
Status de reservas Chips coloridos por status: pendente, confirmada, concluída, cancelada, falta/ausência. Você marca quais mostrar.

Os filtros que você aplicar ficam persistidos entre sessões, por dispositivo. Se você filtrou por “apenas confirmadas”, na próxima vez que abrir o calendário continua assim até você limpar.

O botão “Limpar filtros” reseta tudo.

Status visuais

Cada bloco de reserva tem uma cor conforme o seu status:

Cor Status
🟢 Esmeralda Confirmada
🟡 Âmbar Pendente
🟣 Índigo Concluída
🔵 Azul Reagendada
🔴 Rosa Cancelada
⚫ Slate sólido Walk-in (criada manualmente, não pelo link público)
⚪ Slate pontilhado Bloqueio
Listras diagonais Fora do horário de trabalho do profissional

Cada bloco inclui:

  • Nome do cliente (no topo, em negrito).
  • Serviço principal.
  • Horário de início (no canto).
  • Pequenos ícones para indicar pagamento realizado, lembrete enviado, etc.

Detalhe de uma reserva

Ao tocar em um bloco, abre-se um painel lateral com:

  • Dados completos do cliente.
  • Serviço(s) reservado(s) + duração + preço.
  • Profissional atribuído.
  • Status e origem da reserva.
  • Notas do cliente ou do admin.
  • Histórico de alterações.
  • Pagamentos associados (se o sinal estiver ativado).

Ações disponíveis

Botão Quando aparece Ação
Confirmar Reserva pendente Muda o status para confirmada e notifica o cliente.
Recusar Reserva pendente Muda o status para cancelada e notifica. Libera o slot.
Reagendar Qualquer status ativo Abre um calendário para escolher nova data/hora.
Cancelar Reserva confirmada Muda o status para cancelada. Opção de notificar.
Marcar como concluída Reserva confirmada após o horário Muda o status para concluída.
Marcar como falta Reserva confirmada após o horário Muda o status para falta/ausência. Se o modo sinal estiver ativo, o cliente perde o sinal.
Editar Qualquer status Muda serviços, profissional, cliente, notas.
Duplicar Qualquer status Cria uma nova reserva com os mesmos dados (o cliente decide a nova data).
Ver na página pública Qualquer status Abre a página de confirmação do cliente.

Criar reserva por arrastar

  1. Em um slot vazio, arraste para baixo a duração desejada (cada slot = 10 min conforme o intervalo).
  2. Abre-se o formulário rápido com a data, o horário e a duração pré-preenchidos.

Se você apenas tocar em um slot vazio (sem arrastar), abre-se o formulário com a duração do serviço que você escolher.

Reagendar por drag and drop

  1. Toque e mantenha pressionado um bloco.
  2. Arraste-o para o novo horário (dentro do mesmo dia ou entre dias na visualização semana).
  3. Solte.
  4. Aparece um popup confirmando: nova data + hora + opção “Notificar o cliente”.
  5. Confirme → a reserva é atualizada e (opcionalmente) sai e-mail/WhatsApp ao cliente.

Regras do drag and drop

  • Você não pode arrastar para um slot ocupado.
  • Você não pode arrastar para fora do horário de trabalho do profissional.
  • Você não pode arrastar para um slot bloqueado.
  • Se você arrastar para outro profissional, o sistema verifica se ele pode atender aquele serviço (se a atribuição for específica).

Criar bloqueio pelo calendário

Mesmo fluxo de criar reserva, mas no formulário rápido você escolhe a opção “Bloquear horário” em vez de “Criar reserva”.

Veja Bloquear horários para detalhes.

Sincronização com calendário externo

Cada profissional com a opção “Receber convites de calendário” ativada recebe um arquivo .ics por e-mail com cada reserva nova. Ao abri-lo, ela é adicionada ao Google Calendar, Apple Calendar, Outlook, etc.

Se o horário da reserva mudar, sai um novo .ics com o mesmo UID — os calendários atualizam em vez de duplicar.

Atalhos de teclado (no computador)

Tecla Ação
D Visualização dia
W Visualização semana
Dia/semana anterior
Dia/semana seguinte
T Ir para hoje
F Foco no buscador
Duplo clique Abrir o formulário rápido naquele slot
Esc Fechar painel/formulário

Comportamento no celular

Detalhe No celular
Visualização padrão Dia (a semana é difícil de ler)
Filtros Recolhidos atrás do toggle “Filtros”
Drag and drop Manter pressionado 0,5s e arrastar
Painel de detalhe Abre como bottom sheet
Atalhos Não se aplicam (sem teclado)

Permissões por papel

Papel O que vê O que pode fazer
Proprietário Calendário completo, todos os profissionais Tudo
Administrador Calendário completo, todos os profissionais Tudo
Membro Apenas a própria coluna Marcar as próprias reservas como concluídas/falta, criar bloqueios próprios

Erros comuns

Sintoma Causa Solução
Drag and drop não funciona Você filtrou um profissional sem querer Limpe os filtros
Vejo reservas que não são minhas (papel membro) Mudança recente — atualize a página F5
O calendário está vazio Filtros aplicados Toque em “Limpar filtros”
A reserva não me deixa confirmar Seu papel é Membro; só o admin/proprietário confirma Peça ao administrador