shadcn-vue/apps/www/src/content/docs/components/calendar.md

title	description
Calendar	A date field component that allows users to enter and edit date.

About

The Calendar component is built on top of VCalendar.

Installation

npx shadcn-vue@latest add calendar

1. Install radix-vue:

npm install radix-vue

2. Copy and paste the component source files linked at the top of this page into your project.

Usage

<script setup lang="ts">
import { Calendar } from '@/components/ui/calendar'
</script>

<template>
  <Calendar />
</template>