# Date Reel

Seletor de data em rolos de dia, mês e ano que encaixam sozinhos, como no telefone.

- Nome no registry: `date-reel`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/date-reel
- Categorias: controles, data, calendario, rolo, seletor, agendar

## Quando usar

- Use quando: Escolher data em rolos de dia, mês e ano, como nascimento ou agendamento no celular
- Evite quando: Escolher hora: time-dial; intervalo de datas ou mês inteiro, use o date picker do tema

## Instalar

```bash
npx shadcn@latest add @visant/date-reel
```

## Usar

```tsx
<DateReel
  label="Data do envio"
/>
```

## API

### DateReel

- `className?: string`
- `defaultValue?: Date` — Data inicial quando não controlado. Padrão: hoje.
- `label?: string = "Data"` — Nome acessível do grupo.
- `locale?: string = "pt-BR"` — Idioma dos nomes de mês.
- `maxYear?: number`
- `minYear?: number` — Primeiro e último ano do rolo de ano.
- `onValueChange?: (date: Date) => void` — Chamado quando um rolo assenta numa data nova.
- `value?: Date` — Data escolhida (só dia, mês e ano importam). Controlado.