React Super Calendar

Installation

Package depends on react and react-dom

Using NPM

npm install @react-super-calendar/core

Using Yarn

yarn add @react-super-calendar/core

CSS

This package uses tailwind css core styling and you need to import the generated css file in the dist folder

If your project doesn't use tailwindcss, some of your base elements will get affected by the tailwind core styles. If that's the case, just ignore the generated css in build folder and you can use your own styling functionality of choice using different classname props

Basic Usage

1 
2  import { Calendar } from "@react-super-calendar/core";
3  import "@react-super-calendar/core/dist/index.css";
4
5  const App = () => {
6    const [date, setDate] = useState(new Date());
7
8    return (
9      <Calendar
10        containerClassName="shadow p-4 rounded w-[300px]"
11        value={date}
12        onChange={setDate}
13      />
14    )
15  }
16

Demo

Sun

Mon

Tue

Wed

Thu

Fri

Sat