@gymast/calendar-shared

Componentes base, utilidades, tipos y elementos de UI compartidos para el ecosistema de calendarios de GyMast.

Este paquete es una dependencia fundamental para @gymast/calendar-citas, @gymast/calendar-horarios y @gymast/calendar-reservas.

📦 Instalación

npm install @gymast/calendar-shared

🛠️ Contenido

Tipos Comunes

• TimeBlock: Interfaz base para bloques de tiempo en el calendario.
• ViewType: Tipos de vista ('daily', 'weekly', 'monthly').
• CalendarBaseProps: Props base compartidas.

Componentes de UI

Este paquete exporta una colección de componentes de UI reutilizables construidos sobre Radix UI y estilizados con Tailwind CSS:

• Button
• Dialog (Modal)
• Card
• Input, Select, Checkbox
• Popover
• Table
• Tabs
• DateRangePicker

Componentes de Calendario

Componentes internos utilizados para construir las vistas de calendario:

• DailyView, WeeklyView, MonthlyView
• CalendarFilters
• TimeSlot, TimeLabels
• ClassBlockRenderer

Hooks

• useCalendarUtils: Utilidades para manejo de fechas y tiempos en el calendario.

🎨 Estilos

Este paquete utiliza Tailwind CSS. Asegúrate de que tu configuración de Tailwind incluya los archivos de este paquete:

// tailwind.config.js
module.exports = {
  content: [
    // ...
    "./node_modules/@gymast/calendar-shared/dist/**/*.{js,mjs,cjs}",
  ],
  // ...
}