Date Picker

Seletor de data composto por Calendar dentro de um Popover. Localizado em pt-BR via date-fns.

import { Calendar } from "@/components/ui/calendar"
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
import { format } from "date-fns"
import { ptBR } from "date-fns/locale"

Seleção única

Clique para abrir o calendário e escolher a data de vencimento.

Calendário inline

O componente Calendar também pode ser usado diretamente, sem o Popover.

junho 2026