UI Kits
Productivity

Calendar Event

Calendar event summary card.

Add to UI Builder
Usage guidance

When to use it.

Optimize for scanning, keyboard use, and repeated daily workflows.

Accessibility

Implementation notes.

  • Support keyboard interaction for repeated workflows.
  • Use status text in addition to icons.
  • Keep controls consistently placed.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<article class="ap-event"><time><strong>18</strong><span>Aug</span></time><div><h3>Project review</h3><p>10:00 AM · Conference room</p></div><button>Open</button></article>
Related components

More in Productivity