Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA visit card that moves from too early to join, to join now, to started and to ended by comparing the clock with the appointment, with a countdown to when joining opens. Use this when an online visit can only be entered shortly before it starts and the person needs to know why the button is not ready.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when an online visit can only be entered shortly before it starts and the person needs to know why the button is not ready.
Do not use it before booking; use appointment-booker.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| start | string | - | Local date-time of the visit. |
| durationMinutes | number | 30 | Length of the visit. |
| joinOpensMinutes | number | 10 | How early joining opens. |
| now | string | clock | Local date-time; omit to follow the clock. |
| onJoin | () => void | - | Called by the Join button. |
The pattern ships with a Testing Library test (telehealth-checkin-window.test.tsx) that covers every state, the countdown text and joining.