CmCalendar
Calendário mensal com seleção de data.
Import
Caminho público recomendado para este componente.
import { CmCalendar } from "cosmemilton-ui";value define a data selecionada e recebe a marcação principal.
O dia de hoje é marcado automaticamente de forma mais fraca quando aparece no mês exibido.
onSelect recebe a Date do dia clicado; use com useState para controlar a seleção.
O componente não altera value sozinho: atualize o estado no callback para refletir a nova data.
month e year fixam o mês exibido. month segue o Date do JavaScript: janeiro é 0 e dezembro é 11.
Para controlar largura e margem na composição, envolva o calendário com CmContainer, CmCard ou outro layout da biblioteca.
Selecionável
Neste exemplo a data selecionada começa diferente de hoje para mostrar as duas marcações: hoje fraco, selecionado forte.