# Fullscreen Calendar

> A clean and responsive fullscreen calendar component for React applications. Built with TypeScript and Tailwind CSS, it provides a spacious layout perfect for displaying events or navigating through dates.  Features  Fullscreen layout with generous day cells for content Easy month navigation with previous/next controls "Today" quick access button Responsive grid layout that adapts to screen size Visual highlighting for current date and selected dates Built with TypeScript and Tailwind CSS  Perfect for building event dashboards, scheduling interfaces, or any application requiring a prominent calendar view.

- Author: [Ahmed Mayara](https://21st.dev/@ahmedmayara)
- License: mit
- npm dependencies: date-fns, lucide-react
- Live preview: https://21st.dev/@ahmedmayara/components/fullscreen-calendar

## Install

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