---
url: "https://vueda.dev/v3/reference/theming/keys/RangeCalendarNextButton.md"
title: "RangeCalendarNextButton"
---

# RangeCalendarNextButton

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

> See also: [RangeCalendarPrevButton.root](/v3/reference/theming/keys/RangeCalendarPrevButton.md#theme-key-RangeCalendarPrevButton-root); mirror anchored to the right edge of the header at `right-1`.

Vue component: [RangeCalendarNextButton](/v3/reference/api/vue/RangeCalendarNextButton.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/RangeCalendarNextButton.md#theme-key-RangeCalendarNextButton-root) | `absolute right-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100` | See also: [RangeCalendarPrevButton.root](/v3/reference/theming/keys/RangeCalendarPrevButton.md#theme-key-RangeCalendarPrevButton-root); mirror anchored to the right edge of the header at `right-1`. |

<a id="theme-key-RangeCalendarNextButton-root"></a>

## root

> See also: [RangeCalendarPrevButton.root](/v3/reference/theming/keys/RangeCalendarPrevButton.md#theme-key-RangeCalendarPrevButton-root); mirror anchored to the right edge of the header at `right-1`.

Default classes:

`absolute right-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100`

Composes: `_ButtonBase.root` `_ButtonOutline.root`

Source: `client/lib/theme/vueda-tailwind/controls/RangeCalendarNextButton.theme.js:18`