Calendario: vista, drag-reschedule, popup rápido
Actualizado el viernes 22 de mayo de 2026
Todas las funcionalidades del calendario interno: vistas, filtros, drag and drop, formulario rápido, atajos.
Referencia exhaustiva del Calendario (/admin/<slug>/calendar) — el panel operativo donde gestionás tu día a día.
Vistas
| Vista | Layout | Cuándo usarla |
|---|---|---|
| Día | Una sola fecha. Filas verticales por hora, columnas horizontales por profesional. | Detalle del día actual. Mejor en celular. |
| Semana | 7 días en columnas, horas en filas. Todos los profesionales mezclados. | Planificación semanal. Mejor en computadora. |
Cambias con el toggle arriba a la izquierda. La vista que elegís queda guardada por dispositivo (en celular abrís “día” la próxima vez aunque hayas usado “semana” en compu).
Navegación entre fechas
| Control | Acción |
|---|---|
| Botón “←” | Día/semana anterior |
| Botón “→” | Día/semana siguiente |
| Botón “Hoy” | Salta al día actual |
| Selector de fecha | Elegir una fecha específica con el calendario flotante |
Filtros
Sobre el calendario hay 3 filtros y un panel “Más filtros” para filtros avanzados.
Filtros principales
| Filtro | Opciones |
|---|---|
| Sucursal | Todas / específica. Solo si tu negocio tiene más de una. |
| Categoría de servicio | Todas / una categoría. Filtra qué tipos de servicio se muestran. |
| Buscar | Buscador por nombre de cliente, servicio o nota. |
Más filtros (panel colapsable)
| Filtro | Detalle |
|---|---|
| Tipos | Mostrar reservas, mostrar bloqueos, o ambos. |
| Profesionales | Avatares clickeables — marcás cuáles ver. “Seleccionar todos” / “Ninguno”. |
| Estado de reservas | Chips de color por estado: pendiente, confirmada, completada, cancelada, no-show. Marcás cuáles mostrar. |
Los filtros que apliques se persisten entre sesiones por dispositivo. Si filtraste por “solo confirmadas”, la próxima vez que abras el calendario sigue así hasta que limpies.
Botón “Limpiar filtros” resetea todo.
Estados visuales
Cada bloque de reserva tiene un color según su estado:
| Color | Estado |
|---|---|
| 🟢 Esmeralda | Confirmada |
| 🟡 Ámbar | Pendiente |
| 🟣 Índigo | Completada |
| 🔵 Azul | Reprogramada |
| 🔴 Rosa | Cancelada |
| ⚫ Slate sólido | Walk-in (creada manualmente, no por enlace público) |
| ⚪ Slate punteado | Bloqueo |
| Rayas diagonales | Fuera de horario laboral del profesional |
Cada bloque incluye:
- Nombre del cliente (arriba en negrita).
- Servicio principal.
- Hora de inicio (esquina).
- Pequeños iconos para indicar pago realizado, recordatorio enviado, etc.
Detalle de una reserva
Al tocar un bloque, se abre un panel lateral con:
- Datos completos del cliente.
- Servicio(s) reservado(s) + duración + precio.
- Profesional asignado.
- Estado y origen de la reserva.
- Notas del cliente o del admin.
- Historial de cambios.
- Pagos asociados (si seña activada).
Acciones disponibles
| Botón | Cuándo aparece | Acción |
|---|---|---|
| Confirmar | Reserva pendiente | Cambia estado a confirmada y notifica al cliente. |
| Rechazar | Reserva pendiente | Cambia estado a cancelada y notifica. Libera el slot. |
| Reprogramar | Cualquier estado activo | Abre un calendario para elegir nueva fecha/hora. |
| Cancelar | Reserva confirmada | Cambia estado a cancelada. Opción de notificar. |
| Marcar completada | Reserva confirmada después del horario | Cambia estado a completada. |
| Marcar no-show | Reserva confirmada después del horario | Cambia estado a no-show. Si modo seña, el cliente pierde la seña. |
| Editar | Cualquier estado | Cambia servicios, profesional, cliente, notas. |
| Duplicar | Cualquier estado | Crea una nueva reserva con los mismos datos (cliente decide nueva fecha). |
| Ver en página pública | Cualquier estado | Abre la página de confirmación del cliente. |
Crear reserva por arrastre
- En un slot vacío, arrastrá hacia abajo la duración deseada (cada slot = 10 min según interval).
- Se abre el formulario rápido con la fecha, hora y duración pre-cargadas.
Si solo tocás un slot vacío (sin arrastrar), se abre el formulario con duración del servicio que elijas.
Reprogramar por drag and drop
- Tocá y mantené presionado un bloque.
- Arrastralo al nuevo horario (dentro del mismo día o entre días en vista semana).
- Soltá.
- Aparece un popup confirmando: nueva fecha + hora + opción “Notificar al cliente”.
- Confirmá → la reserva se actualiza y (opcionalmente) sale email/WhatsApp al cliente.
Reglas del drag and drop
- No podés arrastrar a un slot ocupado.
- No podés arrastrar fuera del horario laboral del profesional.
- No podés arrastrar a un slot bloqueado.
- Si arrastrás a otro profesional, el sistema verifica que pueda atender ese servicio (si la asignación es específica).
Crear bloqueo desde el calendario
Mismo flujo que crear reserva, pero en el formulario rápido eliges la opción “Bloquear horario” en vez de “Crear reserva”.
Ver Bloquear horarios para detalles.
Sincronización con calendario externo
Cada profesional con la opción “Recibir invitaciones de calendario” activada recibe un archivo .ics por email con cada reserva nueva. Al abrirlo, se agrega a Google Calendar, Apple Calendar, Outlook, etc.
Si cambia el horario de la reserva, sale un nuevo .ics con el UID igual — los calendarios actualizan en lugar de duplicar.
Atajos de teclado (en computadora)
| Tecla | Acción |
|---|---|
D |
Vista día |
W |
Vista semana |
← |
Día/semana anterior |
→ |
Día/semana siguiente |
T |
Ir a hoy |
F |
Foco en el buscador |
Doble click |
Abrir formulario rápido en ese slot |
Esc |
Cerrar panel/formulario |
Comportamiento en celular
| Detalle | En celular |
|---|---|
| Vista por defecto | Día (la semana es difícil de leer) |
| Filtros | Colapsados detrás de “Filtros” toggle |
| Drag and drop | Mantener presionado 0.5s y arrastrar |
| Panel de detalle | Se abre como bottom sheet |
| Atajos | No aplican (sin teclado) |
Permisos por rol
| Rol | Lo que ve | Lo que puede hacer |
|---|---|---|
| Dueño | Calendario completo, todos los profesionales | Todo |
| Administrador | Calendario completo, todos los profesionales | Todo |
| Miembro | Solo su propia columna | Marcar sus reservas como completadas/no-show, crear bloqueos propios |
Errores comunes
| Síntoma | Causa | Solución |
|---|---|---|
| Drag and drop no funciona | Filtraste un profesional sin querer | Limpiá filtros |
| Veo reservas que no son mías (rol miembro) | Cambio reciente — refrescá la página | F5 |
| El calendario está vacío | Filtros aplicados | Tocá “Limpiar filtros” |
| La reserva no me deja confirmar | Tu rol es Miembro, solo el admin/dueño confirma | Pedile al administrador |