# AppointmentUpcomingCard

## 2026-08-12 — Responsive Request Reschedule dialog

**Prompted by:** Hellen Tran (PO) — the reschedule dialog stayed two-column on narrow viewports

### What changed
- The Reschedule dialog's date/time layout now stacks the calendar above the time slots on narrow
  viewports (`grid-cols-1`) and only sits side by side from `sm` up (`sm:grid-cols-[auto_1fr]`).
- The "Current booking" summary row now wraps (`flex-wrap`) so the date and time chips drop to a
  second line instead of overflowing on very narrow widths.

### Why
- On a mobile-width dialog the fixed `[auto_1fr]` grid squeezed the calendar and the time-slot
  column together, clipping the slots. Stacking keeps both readable at full width.

### Affected tokens / files
- `packages/shadcn/src/components/ui/appointment-upcoming-card.tsx`