Quickstart

import { GestureHandlerRootView } from "react-native-gesture-handler";

export default function App() {
  return <GestureHandlerRootView style={{ flex: 1 }}>{/* ... */}</GestureHandlerRootView>;
}

import { useState } from "react";
import { Calendar, type CalendarEvent, type CalendarMode } from "@super-calendar/native";

const events: CalendarEvent[] = [
  { title: "Standup", start: new Date(2026, 5, 23, 9, 0), end: new Date(2026, 5, 23, 9, 30) },
];

export function MyCalendar() {
  const [date, setDate] = useState(() => new Date());
  const [mode, setMode] = useState<CalendarMode>("week");
  return (
    <Calendar
      mode={mode}
      date={date}
      events={events}
      weekStartsOn={1}
      onChangeDate={setDate}
      onPressEvent={(event) => console.log(event.title)}
    />
  );
}