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 sakaDate = { month: "3", day: "11", year: "1948", era: "शक", iso: "2026-06-01" };
export default function InternationalCalendarDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center overflow-hidden bg-background p-8">
<DatePicker label="Event date" value={sakaDate} international />
</div>
);
}
export { InternationalCalendarDemo };