Skip to content

Experimental: The Chat extension and its component APIs may change in the future. Please give us feedback on your experience with them.

Import#

import { DateMarker } from '@dnb/eufemia/extensions/chat'
import '@dnb/eufemia/extensions/chat/style'
render(<DateMarker />)

Description#

Chat.DateMarker shows the date with the weekday, followed by a line, above the messages of that day in Chat.Conversation. The date is formatted with DateFormat in the current locale.

Demos#

Date marker#


Today
<DateMarker date="2026-02-02" />
<DateMarker>Today</DateMarker>
Suggest an edit