1.6 KiB
1.6 KiB
| title | description | source | primitive |
|---|---|---|---|
| Calendar | A date field component that allows users to enter and edit date. | apps/www/src/lib/registry/default/ui/calendar | https://www.radix-vue.com/components/calendar.html |
If you're looking for previous Calendar implementation, checkout to VCalendar component
About
The <Calendar /> component is built on top of the RadixVue Calendar component, which uses the @internationalized/date package to handle dates.
If you're looking for a range calendar, check out the Range Calendar component.
Installation
npx shadcn-vue@latest add calendar
::: tip The component depends on the @internationalized/date package, which solves a lot of the problems that come with working with dates and times in JavaScript. Check Dates & Times in Radix Vue for more information and installation instructions. :::
Datepicker
You can use the <Calendar /> component to build a date picker. See the Date Picker page for more information.