DateTimeDisplay

Overview

Displays a datetime value (ISO string, JS Date, or Luxon DateTime) in absolute, relative, inline, or break format, with an optional tooltip showing the complementary representation. The relative label updates automatically every minute (and every second for very recent times).

Theme entry: DateTimeDisplay

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
value	string|object|date		""	The datetime value to display, accepted as an ISO string, JS Date, or Luxon DateTime.
format	string|object		"inline"	Display layout: "inline", "break", "absolute", "relative", "default", or a custom Luxon format string/object.
tooltipFormat	string|object		"default"	Luxon format string or options object used for the tooltip when a custom format is active.
showTime	boolean		true	Whether to include the time portion in absolute date output.
showTooltip	boolean		true	Whether to show the complementary representation as a tooltip on hover.
inline	boolean		false	When true, renders without a wrapping div so the output is inline in the document flow.
showRelative	boolean		true	Whether to display the relative time label alongside the absolute date.

Source

client/lib/display/date-display/DateTimeDisplay.vue