<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>