Date (inline)

A native <input type="date"> spliced into running text — click it to open the browser's own date picker.

{ "id": "r1", "type": "date", "value": "", "marks": {}, "data": { "isoDate": "2026-07-10" } }

data.isoDate is a plain YYYY-MM-DD string, or empty when unset. Display formatting (e.g. "Jul 10, 2026") is derived at render/export time, not stored.

Slash command

Date — keywords: date, when, schedule, calendar.

Styling

Rendered with class .be-inline-date.

Using it in your editor

useEditor() registers every built-in inline type by default, date included. To register only the ones you use instead:

import { useEditor, NoteloomEditor, registerInlineTypes, dateInlineType } from 'noteloom';

function Editor() {
  const editor = useEditor({
    registerInlineTypes: (inlineRegistry) => registerInlineTypes(inlineRegistry, { date: dateInlineType }),
  });
  return <NoteloomEditor editor={editor} />;
}