Live demo — this example is server-driven; run the showcase locally for the interactive version.

Timestamp

Use Timestamp straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

timestamp

{#include components/data-display/timestamp /}
Timestamp — PatternFly v6 
 Content slot: pre-formatted, human-readable timestamp string (passed as the include body — 
 mirrors PF React's `children` override of the auto-formatted default). 
 Optional: id, datetime (ISO 8601 — the machine-readable value used for the <time> datetime attribute),
              tooltip (string — shown via the title attribute on hover) 
 PF anatomy: span.pf-v6-c-timestamp root wrapping time.pf-v6-c-timestamp__text (datetime lives on the
   inner <time>). The component is display:inline-block by default — there is no pf-m-inline in PF 6.6. 
 Date / time formatting is a server-side concern — pre-format the string in your route. 
 Model mode: pass timestamp=<org.sitenetsoft.quarkus.pha.model.Timestamp> — the model's text replaces the content slot.