GroupCollect 1.3.142

Calendar

Renders a calendar component that displays activities in a day view.

Read more Read less

Examples

<.calendar id="schedule">
  <:activity
    description="Flight to NYC"
    supplier_name="Delta Airlines"
    start_time={~T[09:00:00]}
    end_time={~T[10:00:00]}
    status={:booked}
  />
</.calendar>
08:00 am
09:00 am
10:00 am
11:00 am
12:00 pm
01:00 pm
02:00 pm
03:00 pm
04:00 pm
05:00 pm
06:00 pm
07:00 pm
08:00 pm
09:00 pm
10:00 pm
11:00 pm
11:59 pm
Attribute Type Documentation Default Value
Required id * :string
nonce :string
rest :global
start_hour :integer 8
activity :slot

Activities to display in the calendar
Show slot attributes Hide slot attributes
Required description * :string

Activity description
supplier_name :string

Activity location or provider
Required start_time * %Time{}

Activity start time
Required end_time * %Time{}

Activity end time
status :atom

Activity status (e.g., :confirmed, :pending)
Required status_chip_type * :string
href :string

URL for the activity link (enables native browser link behavior like Command+Click)
on_click %JS{}