snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/radix/blocks/sidebar-12/components/date-picker.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+
+import { Calendar } from "@/registry/bases/radix/ui/calendar"
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+} from "@/registry/bases/radix/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>
+  )
+}