Calendar Invite Response Patterns

Invite Summary

A static calendar invite summary shows Design review, July 20, 2026 10:00 AM, Mina as host, and Invite received status.

Program

Invite summaries should show the event, time, and host before any calendar write or response is sent.

invite_time_summary.html
Visuals: captured from real browser rendering
<section class="invite-summary" aria-labelledby="invite-summary-title"><h2 id="invite-summary-title">Invite time summary</h2><dl>
  <div><dt>Event</dt><dd>Design review</dd></div>
  <div><dt>Time</dt><dd>July 20, 2026 10:00 AM</dd></div><div><dt>Host</dt><dd>Mina</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Invite received</span></dd></div></dl>
  <p class="check">Learner check: the invite details are visible before any calendar write.</p>
  <p class="note">Static invite summary only; no calendar service, RSVP service, invite sending, mailbox access, scheduling engine, notification service, storage, cookie, route, API, network, script, event listener, form submit, input, radio control, checkbox, analytics, timer, object URL, download, service worker, account/session behavior, or live submission runs.</p></section>
<style>
  .invite-summary { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #0f766e; padding: 12px; background: #f0fdfa; }
  .invite-summary dl { display: grid; gap: 8px; margin: 0; }
  .invite-summary dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .invite-summary dt { color: #475569; }
  .invite-summary dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #ccfbf1; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the invite summary.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show event row.

    The event is exact pinned data.
    The event is exact pinned data.

  3. Show time and host rows.

    The time and host are exact pinned data.
    The time and host are exact pinned data.

  4. Render invite-received status.

    The status badge says the invite was received.
    The status badge says the invite was received.

  5. Check invite readback.

    The check says invite details are visible before any calendar write.
    The check says invite details are visible before any calendar write.

  6. Check invite honesty.

    Event, time, host, status, and no live submission.
    Event, time, host, status, and no live submission.
step flow step(1) labels the source, step(2) shows the event, step(3) shows time and host rows, step(4) shows invite-received status, step(5) checks the invite readback, and step(6) checks the honesty note.
invite readback The section heading names the invite time summary surface.
invite rows Event, Time, Host, and Status values are exact pinned data.
no calendar write The lesson should not imply calendar services, RSVP services, invite sending, mailbox access, scheduling engines, notification services, storage, cookies, routes, APIs, networks, scripts, event listeners, form submits, inputs, radio controls, checkboxes, analytics, timers, object URLs, downloads, service workers, account/session behavior, or live submissions.