HEEx
<ConnieUI.Calendars.date_picker id="catalog-date-picker" value={@value} change={JS.push("date:change")} />
Controls
Set by the example
value change
Docs
Renders a date picker calendar component using Cally.
The calendar features:
- Month and year select dropdowns for quick navigation (50 years back/forward)
- Previous/next month navigation buttons
- Grid view of dates with keyboard navigation support
## Examples
<ConnieUI.Calendars.date_picker
id="my-calendar"
value={~D[2024-01-15]}
change={JS.dispatch("calendar:change")}
/>
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| id | :string |
|
|
| value | {:struct, Date} | nil |
|
| change | {:struct, Phoenix.LiveView.JS} | nil |
|