Calendar View

import { CalendarView } from "@leanicon/web-builder-library/saas";

const events = [
  {
    id: "1",
    title: "Team Meeting",
    startTime: new Date(2026, 2, 25, 10, 0).toISOString(),
    endTime: new Date(2026, 2, 25, 11, 30).toISOString(),
    color: "blue",
  },
  {
    id: "2",
    title: "Project Review",
    startTime: new Date(2026, 2, 25, 14, 0).toISOString(),
    endTime: new Date(2026, 2, 25, 15, 0).toISOString(),
    color: "green",
  },
];

<CalendarView
  events={events}
  defaultViewMode="week"
  onEventClick={(event) => console.log("Clicked:", event.id)}
  onDateChange={(date) => console.log("Date:", date)}
/>;