Event Calendar

January 2025

SUN

MON

TUE

WED

THU

FRI

SAT

Installation

Create a new file called Eventcalendar.tsx in the components & install the following components

npx shadcn@latest add input button dialog label

Install the package if you do not have it.

npm i lucide-react framer-motion date-fns

Copy and paste the following code into your project.

import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}