Calendar

1import { Calendar, CalendarControl, CalendarLabel, CalendarTrigger } from "@/components/ui/calendar";
2
3<Calendar />

1"use client";
2
3import {
4  DatePicker as ArkCalendar,
5  parseDate as arkParseDate,
6} from "@ark-ui/react/date-picker";
7import {
8  ChevronDownIcon,
9  ChevronLeftIcon,
10  ChevronRightIcon,
11} from "lucide-react";
12import type React from "react";
13import { cn } from "@/lib/utils";
14import { Button } from "@/registry/react/components/button";
15import { nativeSelectVariants } from "@/registry/react/components/native-select";
16
17export const parseDate = arkParseDate;
18
19export const Calendar = (
20  props: React.ComponentProps<typeof ArkCalendar.Root>
21) => {
22  const { lazyMount = true, unmountOnExit = true, className, ...rest } = props;
23
24  return (
25    <ArkCalendar.Root
26      className={cn("[--cell-size:--spacing(9)]", "w-fit", className)}
27      data-slot="calendar"
28      inline