Summary
Update `` to implement the PatternFly v6 Timestamp component.
Relative or absolute time display with automatic updates and locale-aware formatting.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
-- |
-- |
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Timestamp
- MAY adjust element API to leverage web platform strengths
- SHOULD maintain CSS custom property theming compatibility
- SHOULD expose useful CSS shadow parts
Element-specific considerations
- React `date` prop (Date object or parseable string) - map to `date` attribute (ISO 8601 string); parse internally
- React `dateFormat`: `full`, `long`, `medium`, `short` - uses `Intl.DateTimeFormat`
- React `timeFormat`: `full`, `long`, `medium`, `short`, or omit for date-only
- React `displaySuffix` - appended text (e.g. "UTC"); check if still in v6
- React `locale` - passed to `Intl.DateTimeFormat`; default to `navigator.language`
- React `tooltip` prop - shows full date/time in a tooltip; integrates with ``
- Renders `` for semantic HTML; `datetime` = ISO 8601
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Timestamp component.
Relative or absolute time display with automatic updates and locale-aware formatting.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship