Weekly Agenda View

1"use client"
2 
3import * as React from "react"
4import { Button } from "@/components/ui/button"
5import {
6  Popover,
7  PopoverContent,
8  PopoverDescription,
9  PopoverHeader,
10  PopoverTitle,
11  PopoverTrigger,
12} from "@/components/ui/popover"
13import { Separator } from "@/components/ui/separator"
14import { cn } from "@/lib/utils"
15import { IconPlaceholder } from "@/components/icons/icon-placeholder"
16 
17type EventStatus = "confirmed" | "tentative" | "cancelled"
18 
19interface CalEvent {
20  time: string
21  duration: string
22  title: string
23  location?: string
24  status: EventStatus
25}
26 
27interface AgendaDay {
28  label: string
29  date: number
30  isToday: boolean
31  events: CalEvent[]
32}
33 
34interface Week {
35  range: string
36  days: AgendaDay[]
37}
38 
39const STANDUP: CalEvent = {
40  time: "09:00",
41  duration: "30 min",
42  title: "Daily standup",
43  location: "Zoom",
44  status: "confirmed",
45}
46 
47const WEEKS: Week[] = [
48  {
49    range: "Jun 9 – Jun 15, 2025",
50    days: [
51      { label: "Mon", date: 9, isToday: false, events: [STANDUP] },
52      {
53        label: "Tue",
54        date: 10,
55        isToday: false,
56        events: [
57          STANDUP,
58          {
59            time: "13:00",
60            duration: "1 hr",
61            title: "Hiring panel: Backend",
62            location: "Conf room B",
63            status: "confirmed",
64          },
65        ],
66      },
67      { label: "Wed", date: 11, isToday: false, events: [STANDUP] },
68      {
69        label: "Thu",
70        date: 12,
71        isToday: false,
72        events: [
73          STANDUP,
74          {
75            time: "15:00",
76            duration: "45 min",
77            title: "Budget planning",
78            location: "Finance suite",
79            status: "tentative",
80          },
81        ],
82      },
83      { label: "Fri", date: 13, isToday: false, events: [STANDUP] },
84      { label: "Sat", date: 14, isToday: false, events: [] },
85      { label: "Sun", date: 15, isToday: false, events: [] },
86    ],
87  },
88  {
89    range: "Jun 16 – Jun 22, 2025",
90    days: [
91      {
92        label: "Mon",
93        date: 16,
94        isToday: false,
95        events: [
96          STANDUP,
97          {
98            time: "14:00",
99            duration: "1 hr",
100            title: "Product roadmap review",
101            location: "Conf room A",
102            status: "confirmed",
103          },
104        ],
105      },
106      {
107        label: "Tue",
108        date: 17,
109        isToday: true,
110        events: [
111          STANDUP,
112          {
113            time: "11:00",
114            duration: "2 hr",
115// … truncated