Schedule Preview - Everyday Interface Patterns

A static publish schedule preview shows July 12, 2026, America/Chicago, Team workspace, and Schedule preview status.

Program

Schedule previews should read back the date, time zone, audience, and preview status without starting a job queue or publish timer.

publish_schedule_preview.html

Visuals: captured from real browser rendering

<section class="schedule-preview" aria-labelledby="schedule-preview-title"><h2 id="schedule-preview-title">Publish schedule preview</h2><dl>
  <div><dt>Publish date</dt><dd>July 12, 2026</dd></div>
  <div><dt>Time zone</dt><dd>America/Chicago</dd></div>
  <div><dt>Audience</dt><dd>Team workspace</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Schedule preview</span></dd></div></dl>
  <p class="note">Static publish schedule preview only; no scheduler, job queue, clock, timer, CMS service, storage, route, API, network, script, or live scheduled publish runs.</p></section>
<style>
  .schedule-preview { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .schedule-preview dl { display: grid; gap: 8px; margin: 0; }
  .schedule-preview dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .schedule-preview dt { color: #475569; }
  .schedule-preview dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the schedule preview.
The section is labelled by its visible heading.
Show the publish date.
The publish date is exact pinned data.
Show the time zone.
The time zone is exact pinned data.
Show the audience.
The audience is exact pinned data.
Render the preview status.
The status badge says this is only a schedule preview.
Check schedule honesty.
Date, time zone, audience, status, and no scheduled publish.

schedule preview The section heading names the publish schedule preview surface.

schedule rows Publish date, Time zone, Audience, and Status values are exact pinned data.

no scheduled publish The lesson should not imply schedulers, job queues, clocks, timers, CMS services, storage, routes, APIs, networks, scripts, or live scheduled publishes.