Skip to content

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 reserve px-8 the way the single-calendar header does.

Vue component: RangeCalendarHeader

SlotDefault classesDescription
rootflex justify-center pt-1 relative items-center w-fullThe 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 reserve px-8 the 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

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