Timestamp

Timestamps are used to display the time and date (with customizable color, position and locale) below the chat message. They are disabled by default.

To enable timestamps:

  1. Set theme.message.timestamps.enable to true. The format displayed by default for all locales and formatted with toLocaleString will look like 29 Jun, 12:40:07.

Example in webchat index.js file.

theme: {
message: {
timestamps: {
enable: true,
},
},
},
  1. Define style and format properties:
theme: {
message: {
timestamps: {
format: () => {
return new Date().toLocaleString();
},
style: {
color: "blue",
},
},
},
},
Was this article useful?