Calendar Availability Patterns

Alt Time

A static alternative time option shows 10:30 AM, 11:30 AM, Central Time, and Alternative shown status.

Program

Alternative time options should show a readable replacement time without implying a real reschedule or appointment change.

alternative_time_option.html
Visuals: captured from real browser rendering
<section class="alt-time" aria-labelledby="alt-time-title"><h2 id="alt-time-title">Alternative time option</h2><dl>
  <div><dt>Original</dt><dd>10:30 AM</dd></div>
  <div><dt>Alternative</dt><dd>11:30 AM</dd></div><div><dt>Time zone</dt><dd>Central Time</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Alternative shown</span></dd></div></dl>
  <p class="check">Learner check: the alternative is shown without changing the appointment.</p>
  <p class="note">Static alternative only; no live calendar, rescheduling service, booking engine, hold service, time-zone conversion service, storage, route, API, network, script, form submit, analytics, timers, or live appointment changes run.</p></section>
<style>
  .alt-time { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #1d4ed8; padding: 12px; background: #eff6ff; }
  .alt-time dl { display: grid; gap: 8px; margin: 0; }
  .alt-time dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .alt-time dt { color: #475569; }
  .alt-time dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the alternative time option.

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

  2. Show original time.

    The original time is exact pinned data.
    The original time is exact pinned data.

  3. Show alternative and time zone.

    The alternative and time zone are exact pinned data.
    The alternative and time zone are exact pinned data.

  4. Render alternative status.

    The status badge says an alternative is shown.
    The status badge says an alternative is shown.

  5. Check alternative readback.

    The check says the alternative is visible without changing the appointment.
    The check says the alternative is visible without changing the appointment.

  6. Check alternative honesty.

    Original time, alternative time, time zone, status, and no live appointment changes.
    Original time, alternative time, time zone, status, and no live appointment changes.
step flow step(1) labels the source, step(2) shows the original time, step(3) shows the alternative and time zone, step(4) shows the alternative status, step(5) checks the no-change readback, and step(6) checks the honesty note.
alternative readback The section heading names the alternative time option surface.
time rows Original, Alternative, Time zone, and Status values are exact pinned data.
no appointment change The lesson should not imply live calendars, rescheduling services, booking engines, hold services, time-zone conversion services, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live appointment changes.