RangeCalendarHeader
Source: client/lib/theme/vueda-tailwind/controls/index.js
The title row above a RangeCalendar.root's day grid. See also: CalendarHeader.root; delta is that the prev / next buttons inside (RangeCalendarPrevButton.root / RangeCalendarNextButton.root) anchor to the row edges via
position: absolute, so this header does not reservepx-8the way the single-calendar header does.
Vue component: RangeCalendarHeader
| Slot | Default classes | Description |
|---|---|---|
| root | flex justify-center pt-1 relative items-center w-full | The title row above a RangeCalendar.root's day grid. See also: CalendarHeader.root; delta is that the prev / next buttons inside (RangeCalendarPrevButton.root / RangeCalendarNextButton.root) anchor to the row edges via position: absolute, so this header does not reserve px-8 the way the single-calendar header does. |
root
The title row above a RangeCalendar.root's day grid. See also: CalendarHeader.root; delta is that the prev / next buttons inside (RangeCalendarPrevButton.root / RangeCalendarNextButton.root) anchor to the row edges via
position: absolute, so this header does not reservepx-8the way the single-calendar header does.
Default classes:
flex justify-center pt-1 relative items-center w-full
Source: client/lib/theme/vueda-tailwind/controls/RangeCalendarHeader.theme.js:17