DateRangeDisplay
Source: client/lib/theme/vueda-tailwind/display/index.js
Inline date-range wrapper that prevents the paired dates and separator from wrapping apart.
Vue component: DateRangeDisplay
| Slot | Default classes | Description |
|---|---|---|
| root | whitespace-nowrap | Inline date-range wrapper that prevents the paired dates and separator from wrapping apart. |
| separator | Separator text between DateRangeDisplay.from and DateRangeDisplay.to. | |
| from | Start-date text segment, kept addressable for range-specific typography or color. | |
| to | End-date text segment, kept separate from the start date for caller overrides. |
root
Inline date-range wrapper that prevents the paired dates and separator from wrapping apart.
Default classes:
whitespace-nowrap
Source: client/lib/theme/vueda-tailwind/display/DateRangeDisplay.theme.js:16
separator
Separator text between DateRangeDisplay.from and DateRangeDisplay.to.
Default classes:
Source: client/lib/theme/vueda-tailwind/display/DateRangeDisplay.theme.js:20
from
Start-date text segment, kept addressable for range-specific typography or color.
Default classes:
Source: client/lib/theme/vueda-tailwind/display/DateRangeDisplay.theme.js:24
to
End-date text segment, kept separate from the start date for caller overrides.
Default classes:
Source: client/lib/theme/vueda-tailwind/display/DateRangeDisplay.theme.js:28