11.2.6

Timestamp

This low profile kit displays time. Elapsed, current, future, or otherwise.

Default

10:33a

Aug 18 · 10:33a

Aug 18, 2026 · 10:33a

Aug 18, 2021 · 10:33a

Alignments

10:33a

Aug 18 · 10:33a

Aug 18, 2026 · 10:33a

Aug 18, 2021 · 10:33a


10:33a

Aug 18 · 10:33a

Aug 18, 2026 · 10:33a

Aug 18, 2021 · 10:33a


10:33a

Aug 18 · 10:33a

Aug 18, 2026 · 10:33a

Aug 18, 2021 · 10:33a

Timezones

10:33a EDT

Aug 18 · 10:33a EDT

Aug 18, 2026 · 10:33a EDT

Aug 18, 2021 · 10:33a EDT

10:33p HKT

Aug 18 · 10:33p HKT

Aug 18, 2026 · 10:33p HKT

Aug 18, 2021 · 10:33p HKT


Last Updated by

Last updated by Maricris Nonato on Aug 18 at 10:33a

Last updated on Aug 18 at 10:33a

Time Ago

Last updated by Maricris Nonato less than a minute ago

Last updated less than a minute ago


Things To Avoid

Leave the text style as is. Don’t use timestamps to display important or sensitive time information.


Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • shadow
  • line_height
  • display
  • cursor
  • flex_direction
  • flex_wrap
  • justify_content
  • justify_self
  • align_items
  • align_content
  • align_self
  • flex
  • flex_grow
  • flex_shrink
  • order
  • id
  • data
  • aria
  • children
  • text
  • timestamp
  • align
  • show_date
  • show_timezone
  • show_user
  • timezone
  • variant