RangeCalendarPrevButton
Source: client/lib/theme/vueda-tailwind/controls/index.js
The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at
left-1so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root.
Vue component: RangeCalendarPrevButton
| Slot | Default classes | Description |
|---|---|---|
| root | absolute left-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100 | The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at left-1 so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root. |
root
The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at
left-1so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root.
Default classes:
absolute left-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100
Composes: _ButtonBase.root _ButtonOutline.root
Source: client/lib/theme/vueda-tailwind/controls/RangeCalendarPrevButton.theme.js:18