Calendar
PROCalendario mensual con seleccion de dia o de rango, marcas de eventos y navegacion completa por teclado: flechas para moverse, Inicio y Fin para los bordes de la semana, RePag y AvPag para cambiar de mes.
npx orbitui-cli add calendarseptiembre 2026
Seleccionado: 2026-09-15 · navegá con las flechas del teclado
Props
| Prop | Tipo | Descripción |
|---|---|---|
defaultMonth | string | Mes visible al montar, en formato YYYY-MM. |
value | string | Fecha seleccionada (ISO) en modo simple. |
onChange | (date: string) => void | — |
mode | "single" | "range" | — |
onRangeChange | (range: { from: string; to: string } | null) => void | — |
events | CalendarEvent[] | — |
today | string | Fecha ISO marcada como hoy. Por defecto, la del sistema. |
className | string | — |
Qué instala
- Archivo
components/orbit/blocks/calendar.tsx- Componentes
- cx, icon-button
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.