Calendar
Phoenix uses FullCalendar for calendar component. FullCalendar is full-sized drag & drop event calendar.
FullCalendar DocumentationCalendar Example
Basic example of FullCalendar with default options in Phoenix. You can also pass the extra options using data-calendar attribute.See advanced implementation of fullCalendar
<div data-calendar='{"events":[{"title":"Bootcamp","start":"2023-01-10"}]}'></div>