Time ago
Relative time labels from a fixed now with Intl.RelativeTimeFormat, an absolute-time tooltip, live updates after mount and a compact variant.
Preview
Activity
Hover a time for the date- Noormerged “Fix export timezone”
- Theocommented on the launch plan
- Miradeployed v4.0.2 to staging
- Adeclosed 6 issues
- Lenajoined the Platform team
- Omararchived the 2025 roadmap
Upcoming
Design review
Launch
Compact
Short style:
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| date | Date | number | string | — | The moment being described. |
| now | Date | number | string | — | Now for the first render, so server and client agree. |
| live | boolean | false | Keep the label fresh after mount. |
| variant | "long" | "short" | "compact" | "long" | 3 minutes ago, 3 min. ago, or 3m. |
| numeric | "auto" | "always" | "auto" | yesterday / tomorrow instead of 1 day ago. |
| locale | string | "en-US" | Locale for Intl.RelativeTimeFormat. |
| tooltip | boolean | true | Absolute time in a tooltip on hover and focus. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.