SystemDocs

Calendar (React)

Un componente interactivo de calendario, construido en React para manejar correctamente el estado de meses y fechas marcadas, utilizando el objeto Date nativo de JavaScript para mantener las dependencias al mínimo.

Calendario con Fechas Marcadas

Mayo 2026
Do
Lu
Ma
Mi
Ju
Vi
Sa
Code Snippet 
import { Calendar } from '@rubenvillar/design-system-astro';

const today = new Date();
const markedDates = [
  new Date(), 
  new Date(today.getFullYear(), today.getMonth(), today.getDate() + 3)
];

<Calendar 
  markedDates={markedDates} 
  onSelect={(date) => console.log("Selected:", date)} 
/>