Event Popover
A calendar event details popover with a colour bar, time range and timezone, video link with Join, location, attendees with RSVP status, your RSVP control, description and edit, duplicate and delete actions.
Preview
Mon 9Tue 10Wed 11Thu 12Fri 13
Standup + planning
Lunch with Ana
Hiring sync
Deep work
Retro
1:1 Theo
Workshop prep
Demo day
Focus block
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| event | { title, start, end, timeZone?, location?, videoUrl?, tone?, attendees?, description?, recurrence? } | — | The event. attendees: { name, status: yes | maybe | no | pending, organizer? }[]. Required. |
| rsvp / defaultRsvp / onRsvpChange | "yes" | "maybe" | "no" | null | — / null / — | Your reply, set with the Yes / Maybe / No control. |
| onEdit / onDuplicate / onDelete | () => void | — | Each shows its icon action in the header. |
| onJoin | () => void | — | Called when Join is pressed (it links to videoUrl). |
| locale | string | "en-US" | Date and time formatting. |
| children / side / align | ReactNode / Radix side / align | — / "right" / "start" | EventPopover only: the event block and placement. |
| open / defaultOpen / onOpenChange / autoFocus | boolean / boolean / (open) => void / boolean | — / false / — / true | EventPopover only. Turn autoFocus off for static previews. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.