Go to Content
Design System
Playroom Storybook
🌹 Graz - George Design System stands in solidarity with the victims and families affected by the tragic school shooting in Graz. Our hearts go out to all those impacted by this senseless act of violence.

DateTime

Open in Storybook

DateTime serves for displaying and formatting a point in time.

Loading demo…
Rules For Developers
  • DateTime normally renders as a time element. This can be overridden with the component prop
  • When DateTime renders as HTML time, it will set the machine-readable datetime HTML attribute automatically to either ISO-8601 calendar date or full timestamp based on whether the format prop mentions hours. The datetime value can be overridden using htmlDateTimeAttribute prop