# `PhoenixKitProjects.Web.Components.DayPopupModal`
[🔗](https://github.com/BeamLabEU/phoenix_kit_projects/blob/v0.21.2/lib/phoenix_kit_projects/web/components/day_popup_modal.ex#L1)

`<.day_popup_modal>` — the whole-day popup both calendars share.

Kept in the DOM (`keep_in_dom`) so `PkDialogTrigger` can open it in the
same frame as a day-cell / "+N more" click; the body renders a skeleton
until the server round-trip fills `day_popup`, then one row per event
scheduled that day (color dot, title, optional subtitle, `late` badge,
status badge).

The owning LiveView supplies normalized rows
(`%{value:, title:, color:, subtitle:, late:, status:}`) plus the
`row_click` event its rows push (`phx-value-uuid={row.value}`), and must
handle `"close_day_popup"`.

# `day_popup_modal`

## Attributes

* `id` (`:string`) (required) - modal DOM id (unique per page/embed).
* `day_popup` (`:any`) (required) - nil (closed / skeleton) | %{date: Date.t(), rows: [row]}.
* `row_click` (`:string`) (required) - event a row click pushes; the row's :value rides phx-value-uuid.

---

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