Calendar

1"use client";
2 
3import * as React from "react";
4import { ChevronLeft, ChevronRight } from "lucide-react";
5 
6import { cn } from "@/lib/utils";
7import { Button } from "@/components/ui/atoms/button";
8 
9/* ================================================================== */
10/*  HELPERS                                                            */
11/* ================================================================== */
12 
13const DAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
14const MONTHS = [
15  "January",
16  "February",
17  "March",
18  "April",
19  "May",
20  "June",
21  "July",
22  "August",
23  "September",
24  "October",
25  "November",
26  "December",
27];
28const MONTHS_SHORT = [
29  "Jan",
30  "Feb",
31  "Mar",
32  "Apr",
33  "May",
34  "Jun",
35  "Jul",
36  "Aug",
37  "Sep",
38  "Oct",
39  "Nov",
40  "Dec",
41];
42 
43function getDaysInMonth(year: number, month: number) {
44  return new Date(year, month + 1, 0).getDate();
45}
46 
47function getFirstDayOfWeek(year: number, month: number) {
48  const day = new Date(year, month, 1).getDay();
49  // Convert Sunday=0 to Monday-first (Mon=0 … Sun=6)
50  return day === 0 ? 6 : day - 1;
51}
52 
53function isSameDay(a: Date, b: Date) {
54  return (
55    a.getFullYear() === b.getFullYear() &&
56    a.getMonth() === b.getMonth() &&
57    a.getDate() === b.getDate()
58  );
59}
60 
61function isToday(date: Date) {
62  return isSameDay(date, new Date());
63}
64 
65type CalendarView = "days" | "months" | "years";
66 
67/* ================================================================== */
68/*  CALENDAR                                                           */
69/* ================================================================== */
70 
71export interface DateRange {
72  from?: Date;
73  to?: Date;
74}
75 
76interface CalendarBaseProps {
77  /** Minimum selectable date */
78  minDate?: Date;
79  /** Maximum selectable date */
80  maxDate?: Date;
81  className?: string;
82  surface?: "plain" | "solid" | "soft" | "glass";
83  radius?: "none" | "sm" | "md" | "lg" | "xl";
84  size?: "compact" | "default" | "spacious";
85  initialMonth?: Date;
86  onMonthChange?: (month: Date) => void;
87}
88 
89export interface CalendarSingleProps extends CalendarBaseProps {
90  mode?: "single";
91  selected?: Date;
92  defaultSelected?: Date;
93  onSelect?: (date: Date | undefined) => void;
94}
95 
96export interface CalendarRangeProps extends CalendarBaseProps {
97  mode: "range";
98  selected?: DateRange;
99  defaultSelected?: DateRange;
100  onSelect?: (range: DateRange | undefined) => void;
101}
102 
103export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
104 
105// … truncated