Timestamp
Joule / Components / Timestamp
Intro
Timestamps provide temporal context within the Joule interface, indicating when messages were sent in the chat panel. They only appear at the beginning of a conversation.
Timestamps in compact Joule panel (left) and expanded Joule panel (right)
Anatomy
A. Day/Date
The day or date the associating message was sent is displayed in the day/date portion of the timestamp.
B. Time
The time of day the associating message was sent is displayed in the time portion of the timestamp.
Timestamp anatomy
Variations
Yesterday
If the associated message was sent yesterday, “Yesterday” will be displayed in the day/date portion of the timestamp.
Today
If the associated message was sent today, “Today” will be displayed in the day/date portion of the timestamp.
Days other than Today or Yesterday
If the associated message was sent on a day other than today or yesterday, the day of the week and the date will be displayed in the day/date portion of the timestamp.
Timestamp variant examples depending on when associated messages were sent
Resources
SAP Fiori for iOS: Timestamp
SAP Fiori for Web: Joule Web UI Kit Guidelines
Related Components/Patterns: Text Messages, Joule Panel