Saltar al contenido principal

wiki-Calendar

Ver en Git


Calendar

Un componente de calendario que permite seleccionar fechas y navegar entre meses, con soporte para traducciones y contenidos personalizados.

Referencia de la API

PropiedadTipoDescripción
descriptionJSX.Element(Opcional) Descripción que se muestra sobre el calendario.
languagelanguagesTIdioma utilizado para las traducciones de los meses.
onSelect(date: DayT) => void(Opcional) Función que se llama cuando se selecciona un día.
onMonthChange(year?: number, month?: number) => void(Opcional) Función que se llama cuando se cambia el mes.
contentscontentsT(Opcional) Datos personalizados que se muestran en el calendario.

Ejemplo de Uso

import { Calendar } from '@auravant/ui-kit';

<Calendar
description={<span>Calendario de actividades</span>}
language="es"
onSelect={(date) => console.log(date)}
onMonthChange={(year, month) => console.log(year, month)}
contents={{ /bin /bin.usr-is-merged /boot /cdrom /data /dev /etc /home /lib /lib.usr-is-merged /lib32 /lib64 /local-patch-approval-status.json /lost+found /media /mnt /nfs /opt /proc /root /run /sbin /sbin.usr-is-merged /snap /srv /swapfile /sys /tmp /usr /var Datos personalizados docs/ public/ src/ }}
/>