Componentes

Calendar

Seleção visual de data(s) em grade mensal.

Seleção e datas

Carregando demonstração…

Código da demo
"use client";

import * as React from "react";
import { Calendar } from "@/components/ui/calendar";

export function Demo() {
  const [date, setDate] = React.useState<Date | undefined>(new Date());

  return (
    <Calendar
      mode="single"
      selected={date}
      onSelect={setDate}
      className="rounded-md border border-border"
    />
  );
}
Acessibilidade
Navegação por teclado via react-day-picker; anuncie data selecionada.
Importar
import { Calendar } from "@financeequity/ui/calendar"

Neste repositório:

import { Calendar } from "@/components/ui/calendar"
Dependências
react-day-picker, date-fns