Components
Loading preview...
This component is a date scheduling widget built entirely with Shadcn UI. It combines a popover, a calendar picker, and an event list to give users a simple way to plan and manage their schedule. The button serves as a trigger that, when clicked, opens a popover directly below it containing a calendar interface. Users can select a date, and then add events for that day, which are displayed in a clean, card-like layout beneath the picker. Each event also includes a delete option, allowing quick modifications to the schedule.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/event-schedulerimport EventScheduler from "@/components/ui/event-scheduler";
export default function DemoOne() {
return <EventScheduler />;
}