27 lines
676 B
TypeScript
27 lines
676 B
TypeScript
import * as React from "react"
|
|
|
|
import { Calendar } from "@/registry/bases/base/ui/calendar"
|
|
import {
|
|
SidebarGroup,
|
|
SidebarGroupContent,
|
|
} from "@/registry/bases/base/ui/sidebar"
|
|
|
|
export function DatePicker() {
|
|
const [date, setDate] = React.useState<Date | undefined>(
|
|
new Date(new Date().getFullYear(), new Date().getMonth(), 12)
|
|
)
|
|
return (
|
|
<SidebarGroup className="px-0">
|
|
<SidebarGroupContent>
|
|
<Calendar
|
|
mode="single"
|
|
selected={date}
|
|
onSelect={setDate}
|
|
captionLayout="dropdown"
|
|
className="bg-transparent [--cell-size:2.1rem]"
|
|
/>
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
)
|
|
}
|