スワイプアニメーション付きスケジュールカレンダー

pnpm add tailwindcss framer-motion clsx tailwind-merge

type ScheduleCalendarProps = {
  id?: string;
  schedules: ScheduleType[];  // カレンダー上に表示させるschedule
  className?: string;         // ラッパーにあてるTailwindクラス
  defaultYear?: number;       // 最初に表示させるカレンダーの年
  defaultMonth?: number;      // 最初に表示させるカレンダーの月
  startOnMonday?: boolean;    // 月曜始まりにするか(default=false)
};

type ScheduleType = {
  name: string;   // スケジュールタイトル
  year: number;   // 年
  month: number;  // 月
  day: number;    // 日
  color: string;  // カレンダー上に表示されるドットの色
};