Components
Loading preview...
Composable date picker built on React Aria DatePicker with DateField and Calendar composition.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-date-picker"use client";
import { DatePicker } from "@/components/ui/heroui-date-picker";
const selected = { month: "6", day: "1", year: "2026", iso: "2026-06-01" };
export default function DisabledDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center overflow-hidden bg-background p-8">
<DatePicker label="Date" value={selected} disabled description="This date picker is disabled." />
</div>
);
}
export { DisabledDemo };