Installation
How to install and set up the calendar application in your project using the custom ShadCN UI registry
Use your preferred package manager to install the calendar component directly from the custom ShadCN UI registry:
npx shadcn@latest add "https://calendar.jeraidi.tech/r/full-calendar.json"Example Usage
Inside your app/page.tsx:
import React, { Suspense } from "react";
import { Calendar } from "@/components/calendar/calendar";
import { CalendarSkeleton } from "@/components/calendar/skeletons/calendar-skeleton";
export default function CalendarPage() {
return (
<Suspense fallback={<CalendarSkeleton />}>
<Calendar />
</Suspense>
);
}✅ Visit your app at:
http://localhost:3000/