New to Kendo UI for jQuery? Start a free 30-day trial

TimestampVisibility

configuration

Controls the visibility of message timestamps. Supported values:

"onFocus": Timestamps are only visible for selected/focused messages (default behavior).
"hidden": Timestamps are never visible for any messages.

timestampVisibility

String

Default: "onFocus"

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Focus on this message to see the timestamp.",
        authorId: "user1",
        authorName: "John",
        timestamp: new Date(2026, 0, 1, 9, 0)
    },
    {
        id: 2,
        text: "The timestamp appears on focus.",
        authorId: "user1",
        authorName: "John",
        timestamp: new Date(2026, 0, 1, 9, 5)
    }
];

$("#chat").kendoChat({
    timestampVisibility: "onFocus",
    dataSource: messagesData
});
</script>