# Wheel Of Time Calendar

> The Wheel of Time Calendar is an interactive, visually engaging calendar component built with React and Shadcn UI. It represents the days of a selected month as segments on a circular wheel, allowing users to rotate the wheel for easy navigation and explore events in a unique, non-linear format. Each day segment displays the date number and highlights days with scheduled events, which can be viewed and removed via popovers. Users can seamlessly switch between months and years using intuitive dropdowns powered by Shadcn UI’s Select component, and the wheel dynamically adjusts to the correct number of days for each month. This component combines aesthetic appeal with practical functionality, offering a modern and interactive approach to visualizing calendar events.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/wheel-of-time-calendar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/wheel-of-time-calendar?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt