default image

Calendar

Author Avatar Theme by Charlietlamb
Updated: 10 Feb 2025
301 Stars

React/shadcn full calendar

Categories

Overview

The React/ShadCN Calendar is a versatile calendar built with ShadCN and Tailwind, designed specifically for dashboards and applications. It offers a wide range of features and customization options, making it a valuable addition for developers looking to integrate a calendar component in their projects.

Features

  • Fully customizable with Tailwind CSS
  • Dark mode support
  • Accessible components using Radix UI
  • Responsive design
  • Multiple view modes
  • Advanced event management
  • Create Event Dialog with various inputs and features
  • Manage Event Dialog for editing, deleting, and updating events
  • Date/Time Picker for easy selection

Installation

To install the React/ShadCN Calendar, follow these steps:

  1. Clone the repository:

    git clone [repository-url]
    
  2. Install dependencies:

    npm install
    
  3. Start the development server:

    npm start
    
  4. You are now ready to integrate the React/ShadCN Calendar into your project.

Summary

The React/ShadCN Calendar is a feature-rich and highly customizable calendar component that offers dark mode support, accessibility using Radix UI, and advanced event management capabilities. Its easy installation process and comprehensive set of features make it a valuable tool for developers working on dashboard and application projects.