CalendarNavButton

Source: client/lib/theme/vueda-tailwind/controls/index.js

The prev / next month button anchored to a CalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root for the neutral chip recipe, then overrides to a square 28×28 transparent chip with opacity-50 at rest and full opacity on hover so the chrome stays out of the way until the user reaches for it. One theme key serves both directional SFCs (CalendarPrevButton, CalendarNextButton); the RangeCalendarPrevButton.root / RangeCalendarNextButton.root pair on the range side stays split. Whether the two sides should converge on one shape is unsettled.

Slot	Default classes	Description
root	size-7 bg-transparent p-0 opacity-50 hover:opacity-100	The prev / next month button anchored to a CalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root for the neutral chip recipe, then overrides to a square 28×28 transparent chip with opacity-50 at rest and full opacity on hover so the chrome stays out of the way until the user reaches for it. One theme key serves both directional SFCs (CalendarPrevButton, CalendarNextButton); the RangeCalendarPrevButton.root / RangeCalendarNextButton.root pair on the range side stays split. Whether the two sides should converge on one shape is unsettled.

root

The prev / next month button anchored to a CalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root for the neutral chip recipe, then overrides to a square 28×28 transparent chip with opacity-50 at rest and full opacity on hover so the chrome stays out of the way until the user reaches for it. One theme key serves both directional SFCs (CalendarPrevButton, CalendarNextButton); the RangeCalendarPrevButton.root / RangeCalendarNextButton.root pair on the range side stays split. Whether the two sides should converge on one shape is unsettled.

Default classes:

size-7 bg-transparent p-0 opacity-50 hover:opacity-100

Composes: _ButtonBase.root _ButtonOutline.root

Source: client/lib/theme/vueda-tailwind/controls/CalendarNavButton.theme.js:21