Skip to content

ColumnDateTime

Overview

Date/time/datetime list column adapter. Wraps {@link DateTimeDisplay}, binding the cell's raw value and forwarding display configuration resolved from columnMappings (per field type) and any columnProps override.

Receives the ObjectsGrid value slot props; only value is consumed for rendering. inheritAttrs is disabled so the remaining cell context props (field, formatted, obj, etc.) are not leaked as DOM attributes onto the DateTimeDisplay root. DateTimeDisplay renders a dash for empty/invalid values.

The default format is "absolute" (clean absolute text with the relative time on hover), which reads better in a dense table than the inline default.

Props

NameTypeRequiredDefaultDescription
valuestring|object|date""Raw cell value (ISO string, Date, or Luxon DateTime).
formatstring|object"absolute"Display layout passed to DateTimeDisplay; "absolute" keeps tables tidy.
showTimebooleantrueWhether to include the time portion in the absolute output.
showRelativebooleantrueWhether to show the relative time label.
showTooltipbooleantrueWhether to show the complementary representation as a hover tooltip.
tooltipFormatstring|object"default"Luxon format used for the tooltip when a custom format is active.
inlinebooleanfalseWhen true, renders inline (no wrapping div).

Source

client/lib/objects-grid/ColumnDateTime.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2