Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar event chip, named with title, day and time range, that shows location and guests in a hover card and formats times for any locale.
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 this for compact calendar cells (month and week views) where the chip has room for a time and a title only.
Do not use it to hold actions such as RSVP. Selecting the chip should open the event.
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 |
|---|---|---|---|
event | { title, start: Date, end: Date, location?, attendees? } | - | The event. |
locale | string | en-US | Formatting locale. |
openDelay | number | 300 | Milliseconds before opening. |
Intl.DateTimeFormat with the locale prop.| Key | Action |
|---|---|
| Tab | focuses the chip and opens the card |
| Escape | closes the card |
The pattern ships a Testing Library test (hover-card-calendar-event.test.tsx) that covers the chip name, details on hover and focus, missing details and another locale.