Radial Week View

Radial Week View Demo

Installation

Props

Prop	Type	Default	Description
`events`	`CalendarEvent[]`	`[]`	Array of calendar events with hour property
`onAddEvent`	`(event: CalendarEvent) => void`	-	Callback when adding new event
`onRemoveEvent`	`(id: string) => void`	-	Callback when removing event

Usage

import {
  RadialWeekView,
  CalendarEvent,
} from "@/components/ui/radial-week-view";
 
const events: CalendarEvent[] = [
  {
    id: "1",
    title: "Morning Meeting",
    date: new Date().toISOString(),
    hour: 9,
  },
];
 
function MyCalendar() {
  const handleAddEvent = (event: CalendarEvent) => {
    console.log("New event:", event);
  };
 
  const handleRemoveEvent = (id: string) => {
    console.log("Remove event:", id);
  };
 
  return (
    <RadialWeekView
      events={events}
      onAddEvent={handleAddEvent}
      onRemoveEvent={handleRemoveEvent}
    />
  );
}