# `FrappeUIPhx.Components.DatePicker`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/components/date_picker.ex#L1)

Seletor de data com calendário (LiveComponent: o mês exibido é estado próprio).

    <.live_component module={FrappeUIPhx.Components.DatePicker} id="nascimento" field={@form[:nascimento]} />

O valor viaja num `<input type=hidden>` (formato ISO). Ao escolher um dia, o
cliente atualiza o hidden e dispara `input`, então o `phx-change` do
formulário recebe a mudança como em qualquer outro campo; o servidor também
recebe `pick` para manter a seleção coerente. Datas forjadas (fora de
`min`/`max` ou inválidas) são ignoradas.

# `date_picker`

Função-componente que monta o LiveComponent (`<.date_picker id=... field=... />`).
## Attributes

* `id` (`:string`) (required)
* `field` (`Phoenix.HTML.FormField`) - Defaults to `nil`.
* `name` (`:any`) - Defaults to `nil`.
* `value` (`:any`) - data ISO (`2026-03-09`) ou `Date`. Defaults to `nil`.
* `min` (`:any`) - primeira data permitida. Defaults to `nil`.
* `max` (`:any`) - última data permitida. Defaults to `nil`.
* `placeholder` (`:string`) - Defaults to `nil`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `class` (`:any`) - Defaults to `nil`.
* `errors` (`:list`) - Defaults to `[]`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*