shadcn-vue/apps/www/src/content/docs/components/calendar.md
2024-04-11 18:42:20 +03:30

1.2 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

Datepicker

You can use the <Calendar /> component to build a date picker. See the Date Picker page for more information.

Examples

Form

Advanced Customization

Month & Year Selects