Returns Calendar

Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/returns-calendar
Component Files (6)
  • components/charts/returns-calendar.tsx
  • components/charts/returns-calendar/context.ts
  • components/charts/returns-calendar/grid.tsx
  • components/charts/returns-calendar/tooltip.tsx
  • components/charts/returns-calendar/types.ts
  • components/charts/returns-calendar/utils.ts

Component Details

Category
Charts
Component Slug
returns-calendar
Published
9/11/2026
Last Updated
9/25/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.