---
title: 'Ai.DateMarker'
description: 'Shows the date above the messages of that day.'
version: 11.17.0
generatedAt: 2026-11-05T09:55:47.090Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# Ai.DateMarker

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

## Import

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

## Description

`Ai.DateMarker` shows the date with the weekday, followed by a line, above the messages of that day in [Ai.Conversation](/web/patterns-and-extensions/ai/Conversation/). The date is formatted with [DateFormat](/web/components/date-format/) in the current locale.


## Demos

### Date marker


```tsx
<DateMarker date="2026-02-02" />
<DateMarker>Today</DateMarker>
```

<!-- eufemia-properties-usage:start -->
Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. [Read about intended use and customization](/web/styling-and-themes/configuration/component-properties/#intended-use-and-customization).
<!-- eufemia-properties-usage:end -->

## Properties


```json
{
  "props": {
    "date": {
      "doc": "The date, shown with the weekday, e.g. `mandag 2. februar 2026`.",
      "type": [
        "Date",
        "string",
        "number"
      ],
      "status": "optional"
    },
    "children": {
      "doc": "Content shown instead of the formatted `date`.",
      "type": "React.ReactNode",
      "status": "optional"
    },
    "[Space](/uilib/layout/space/properties)": {
      "doc": "Spacing properties like `top` or `bottom` are supported.",
      "type": [
        "string",
        "object"
      ],
      "status": "optional"
    }
  },
  "usageGuidance": "Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. [Read about intended use and customization](/web/styling-and-themes/configuration/component-properties/#intended-use-and-customization)."
}
```