# TaskOrbitCalendar

> The Task Orbit Calendar is a visually engaging Shadcn UI component that organizes events around a central “Today” circle. Each event orbits the center, with upcoming events moving closer as their scheduled time approaches, providing an intuitive sense of urgency and timeline. Users can easily add new events within a restricted range of ±7 days from the current date using the Shadcn UI Input and Button components, and view or remove existing events via interactive popovers. The orbiting layout, combined with color-coded event markers and popover details, offers a compact yet informative overview of upcoming tasks, making it ideal for task management and time-sensitive planning.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: uuid, date-fns, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/task-orbit-calendar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/task-orbit-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