Calendario: vistas, filtros y popup rápido
Actualizado el miércoles 09 de septiembre de 2026
Todo lo que hace el calendario interno: vistas día y semana, filtros, colores, creación por arrastre y el popup de reserva.
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. Horas en filas, un profesional por columna. | Ver quién atiende qué. Es la vista que abre por defecto. |
| Semana | 7 días en columnas, horas en filas. Todos los profesionales mezclados en cada día. | Planificar la semana. Mejor en computadora. |
Cambiás con el toggle Día / Semana. Tu elección se guarda por negocio y por tipo de dispositivo: si elegís “Semana” en la compu, en el celular vas a seguir abriendo en “Día”.
En vista semana, el encabezado de cada día es un enlace: tocalo y saltás a la vista día de esa fecha.
La fecha no se guarda. El calendario siempre abre en el día de hoy.
Navegación entre fechas
| Control | Acción |
|---|---|
| Botón “←” | Día anterior (o semana anterior en vista semana) |
| Botón “Hoy” | Salta al día actual |
| Botón “→” | Día siguiente (o semana siguiente) |
| Selector de fecha | Elegir una fecha puntual con el calendario flotante |
Filtros
Sobre el calendario hay dos filtros siempre visibles y un panel “Más filtros” con el resto.
Filtros principales
| Filtro | Opciones |
|---|---|
| Sucursal | “Todas” o una sucursal puntual. |
| Categoría de servicio | “Todas las categorías” o una categoría. Muestra solo las reservas que incluyen un servicio de esa categoría. |
Más filtros (panel colapsable)
| Filtro | Detalle |
|---|---|
| Mostrar | Chips Reservas, Bloqueos y Descansos. Los tres vienen marcados. |
| Equipo | Un chip con avatar por profesional. Botones “Todos” / “Ninguno”. Con “Ninguno” ves solo las reservas sin profesional asignado. |
| Estado | Un chip por estado, con el color del estado. Botones “Todos” / “Ninguno”. |
Por defecto el calendario muestra Pendiente, Confirmada, Reprogramada y Completada. Las canceladas, rechazadas y no-show quedan ocultas hasta que marques su chip.
Los filtros se guardan en tu sesión, por negocio y por tipo de dispositivo — vuelven a aplicarse la próxima vez que abras el calendario. El botón “Limpiar filtros” los resetea a los valores iniciales.
Estados visuales
Debajo del calendario hay una leyenda con los mismos colores que usan los bloques:
| Color | Significa |
|---|---|
| Ámbar | Pendiente |
| Esmeralda | Confirmada |
| Índigo | Completada |
| Rosa (con el texto tachado) | Cancelada / No-show / Rechazada |
| Azul | Reprogramada |
| Gris con borde punteado | Bloqueado |
| Rayas diagonales | Fuera de horario del profesional |
| Gris sólido | Local cerrado a esa hora |
| Gris rayado con la etiqueta “Ocupado en otra ubicación” | El profesional tiene una reserva en otra sucursal a esa hora |
Cada bloque de reserva muestra:
- La hora de inicio y el nombre del cliente (con el avatar del profesional).
- Los servicios, si el bloque es lo bastante alto.
- Duración y precio, si es todavía más alto.
- Una barra vertical de color en el borde izquierdo, con el color del profesional.
La altura del bloque es la duración: una reserva de 60 min ocupa el doble que una de 30.
Los bloqueos se dibujan con rayas diagonales y un icono según su alcance: Toda la empresa, Sucursal completa o el avatar del miembro del equipo.
Detalle de una reserva
Al tocar un bloque se abre un popup flotante (podés moverlo arrastrando su encabezado; Esc lo cierra) con:
- Estado y código de la reserva.
- Nombre del cliente, fecha y horario.
- Profesional asignado.
- Servicios con su duración y el total.
- Email y WhatsApp del cliente.
- Notas del cliente.
Acciones disponibles en el popup
| Botón | Cuándo aparece | Acción |
|---|---|---|
| Reprogramar | Pendiente o confirmada | Abre el formulario de reprogramación en el mismo popup. |
| Confirmar | Pendiente | Pasa a confirmada y manda el email de confirmación al cliente. |
| Cancelar reserva | Pendiente o confirmada | Pasa a “cancelada por negocio” y manda el email de cancelación. |
| Marcar completada | Confirmada | Pasa a completada. No notifica al cliente. |
| Marcar no-show | Confirmada | Pasa a no-show. No notifica al cliente. |
| Abrir página completa | Siempre | Va a la página de la reserva, con historial y opción de corregir el estado. |
Rechazar no está en el popup del calendario: está en la página de la reserva y en la lista “Pendientes de confirmar” del Dashboard.
Crear reserva por arrastre
- En un hueco vacío, arrastrá hacia abajo con el mouse la duración que quieras. El rango se ajusta de a 15 minutos.
- Al soltar se abre el formulario rápido con fecha, hora y rango ya cargados.
Si solo hacés click en un hueco (sin arrastrar), se abre el mismo formulario con esa hora de inicio; el final lo calcula el servicio que elijas.
Los huecos clickeables son de media hora. En la vista día se dibujan solo dentro del horario de la sucursal y del horario de ese profesional para ese día, y se saltean las horas en que el profesional ya tiene una reserva en otra sucursal. Si la sucursal está cerrada ese día, la columna no tiene ningún hueco clickeable. En la vista semana el recorte es únicamente por el horario de la sucursal: no hay columna por profesional que lo achique más.
Los descansos no se sacan del medio: la tarjeta de “Descanso” se dibuja encima del hueco pero deja pasar el click, así que el hueco se toca igual y el formulario rápido se abre. Ahí es donde te frena — te avisa que ese profesional no está disponible a esa hora y no te deja crear la reserva.
Reprogramar una reserva
- Tocá la reserva en el calendario.
- Tocá Reprogramar.
- En el popup cambiás fecha, hora, servicios y profesional. El cliente no se puede cambiar acá.
- Tocá Guardar nuevo horario.
Qué hace el sistema al reprogramar:
- Conserva el estado: una reserva confirmada sigue confirmada, una pendiente sigue pendiente.
- Le manda al cliente el correo de la reserva otra vez, con un
.icsque actualiza el evento en su calendario en lugar de duplicarlo. - Reprograma el recordatorio para el nuevo horario.
- Si cambiaste de profesional, al anterior le llega una cancelación de calendario y al nuevo la invitación.
- Escribe una línea en el Historial de la reserva con el horario viejo y el nuevo.
Solo se pueden reprogramar reservas pendientes o confirmadas. Una completada, cancelada, rechazada o no-show no se mueve: el botón no aparece.
Si el profesional no está libre en el horario nuevo, o la sucursal está cerrada ese día de la semana, el formulario rechaza el cambio con el motivo.
Crear bloqueo desde el calendario
En el formulario rápido, arriba a la izquierda hay dos pestañas: Reserva y Bloqueo. Al pasar a “Bloqueo” se conserva el rango que arrastraste.
El formulario de bloqueo pide:
| Campo | Detalle |
|---|---|
| Qué bloquear | Todo el negocio / Ubicaciones específicas / Miembros específicos. |
| Motivo | Texto libre (“Almuerzo, vacaciones, capacitación…”). Opcional. |
| Desde / Hasta | Fecha y hora de inicio y de fin. Un bloqueo puede durar varios días. |
No hay repetición automática: un bloqueo semanal fijo se carga como descanso en el horario del profesional, no como bloqueo. Ver Bloquear horarios.
Sincronización con calendario externo
Cada profesional con “Recibir invitaciones de calendario” activado (viene activado) recibe un .ics por email con cada reserva nueva. Al abrirlo se agrega a Google Calendar, Apple Calendar, Outlook o cualquier app que soporte .ics.
Si la reserva cambia de horario sale un .ics nuevo con el mismo identificador — los calendarios actualizan el evento en lugar de duplicarlo. Si se cancela, sale la cancelación.
Atajos de teclado
El calendario no tiene atajos de teclado. No hay teclas para cambiar de vista, navegar entre fechas ni abrir el formulario, y el doble click no hace nada distinto que un click.
La única tecla que responde es Esc, que cierra el popup abierto.
Los huecos del calendario son botones, así que se puede navegar con Tab y abrirlos con Enter.
Comportamiento en celular
| Detalle | En celular |
|---|---|
| Vista por defecto | Día. Tu elección de vista en el celular se guarda aparte de la de la computadora. |
| Grilla | Se desplaza en horizontal cuando hay varios profesionales. |
| Filtros | Los chips están detrás de “Más filtros”. |
| Crear por arrastre | No funciona con el dedo — el arrastre usa eventos de mouse. Tocá el hueco y ajustá la hora en el formulario. |
| Popup | Se ancla abajo de la pantalla, a lo ancho. |
Actualización automática
El calendario se refresca solo cada 2 minutos y medio, sin recargar la página ni perder tu posición de scroll ni el popup abierto.
Permisos por rol
| Rol | Acceso al calendario |
|---|---|
| Dueño/a | Completo. |
| Administrador/a | Completo. |
| Encargado/a | Completo: reservas, bloqueos y clientes (no entra a ajustes ni facturación). |
| Profesional | No entra al calendario del panel. Tiene su propia pantalla, Mi calendario, con sus reservas y sus bloqueos. |
Errores comunes
| Síntoma | Causa | Solución |
|---|---|---|
| El calendario está vacío | Filtros de estado o de equipo puestos en “Ninguno”, o sucursal equivocada | Tocá “Limpiar filtros” |
| No veo las canceladas | Vienen ocultas por defecto | “Más filtros” → Estado → marcá los chips que falten |
| No puedo hacer click en un hueco | Está fuera del horario de la sucursal o del profesional, o el profesional está ocupado en otra sucursal | Mirá la leyenda: el sombreado te dice cuál de los tres es. Los descansos sí se dejan tocar; ahí te frena el formulario, no el calendario |
| Al elegir servicio se vacía la lista de profesionales | Ninguno de los profesionales libres a esa hora hace esa combinación de servicios | El formulario te lo avisa; probá otro horario |
| No aparece el botón “Reprogramar” | La reserva ya está completada, cancelada, rechazada o marcada como no-show | Corregí el estado desde la página de la reserva y volvé a intentar |
| Arrastro un turno y no se mueve | Reprogramar por arrastre no existe | Tocá el turno → Reprogramar |