Components
Loading preview...
Here is Shadcn calendar
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/calendar// demo.tsx
"use client";
import * as React from "react";
import { useState } from "react";
import DateViewer from "@/components/ui/calendar";
const DateViewerDemo = () => {
const [date, setDate] = useState<Date | undefined>(new Date(2025, 5, 12));
return (
<div className="flex min-h-[450px] w-full items-center justify-center bg-background p-10">
<DateViewer
mode="single"
defaultMonth={date}
selected={date}
onSelect={setDate}
/>
</div>
);
};
export { DateViewerDemo as DemoOne };