Date Picker

1import { DatePicker, DatePickerTrigger, DatePickerInput, DatePickerTimer } from "@/components/ui/date-picker";
2
3<DatePicker />

1"use client";
2
3import {
4  DatePicker as ArkDatePicker,
5  useDatePickerContext,
6} from "@ark-ui/react/date-picker";
7import { Portal } from "@ark-ui/react/portal";
8import { CalendarIcon, ClockIcon } from "lucide-react";
9import type React from "react";
10import { cn } from "@/lib/utils";
11import { Button } from "@/registry/react/components/button";
12import {
13  Calendar,
14  CalendarPresetTrigger,
15} from "@/registry/react/components/calendar";
16import type { Input, InputProps } from "@/registry/react/components/input";
17import {
18  InputGroup,
19  InputGroupAddon,
20  InputGroupButton,
21  InputGroupInput,
22} from "@/registry/react/components/input-group";
23
24export const useDatePicker = useDatePickerContext;
25
26export const DatePicker = (props: React.ComponentProps<typeof Calendar>) => {
27  const { positioning = { placement: "top" }, ...rest } = props;
28