Skip to content
X GitHub

Calendar

---
import { Calendar } from "@/components/ui/calendar"
---
<Calendar />

To install the calendar component, run the following command:

Terminal window
pnpm dlx shadcn@latest add @fulldev-ui/calendar
import { Calendar } from "@/components/ui/calendar"
<Calendar />
  • Interactive date selection
  • Responsive design
  • Responsive layout with touch support
  • Keyboard navigation
  • Localization support

The calendar component uses the vanilla-calendar-pro library for the calendar functionality. The component is configured with the nl-NL locale by default, which you can customize in the component source code.