DateRangeDisplay

Overview

Displays a formatted date range from a start and end value (ISO strings or Luxon DateTimes). Renders a single date when both values fall on the same day, and omits redundant year or month segments when the range stays within the same month or year.

Theme entry: DateRangeDisplay

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
start	string|object	yes		Start of the date range as an ISO string or Luxon DateTime.
end	string|object	yes		End of the date range as an ISO string or Luxon DateTime.
showTime	boolean		false	Whether to include the time when both dates fall on the same day.
locale	string		"en-CA"	BCP 47 locale tag used to format the displayed date segments.

Source

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