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çõ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).
Navegação entre datas
| 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
- Em um slot vazio, arraste para baixo a duração desejada (cada slot = 10 min conforme o intervalo).
- 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
- Toque e mantenha pressionado um bloco.
- Arraste-o para o novo horário (dentro do mesmo dia ou entre dias na visualização semana).
- Solte.
- Aparece um popup confirmando: nova data + hora + opção “Notificar o cliente”.
- 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 |