What it pulls in

The files it writes

• ui/calendar/Calendar.vue primary
• ui/calendar/CalendarCell.vue
• ui/calendar/CalendarCellTrigger.vue
• ui/calendar/CalendarGrid.vue
• ui/calendar/CalendarGridBody.vue
• ui/calendar/CalendarGridHead.vue
• ui/calendar/CalendarGridRow.vue
• ui/calendar/CalendarHeadCell.vue
• ui/calendar/CalendarHeader.vue
• ui/calendar/CalendarHeading.vue
• ui/calendar/CalendarNextButton.vue
• ui/calendar/CalendarPrevButton.vue
• ui/calendar/index.ts

The source, as its registry serves it

<script lang="ts" setup>
import type { CalendarRootEmits, CalendarRootProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarRoot, useForwardPropsEmits } from "reka-ui"
import { cn } from "@/lib/utils"
import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from "."

const props = defineProps<CalendarRootProps & { class?: HTMLAttributes["class"] }>()

const emits = defineEmits<CalendarRootEmits>()

const delegatedProps = reactiveOmit(props, "class")

const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>

<template>
  <CalendarRoot
    v-slot="{ grid, weekDays }"
    :class="cn('p-3', props.class)"
    v-bind="forwarded"
  >
    <CalendarHeader>
      <CalendarPrevButton />
      <CalendarHeading />
      <CalendarNextButton />
    </CalendarHeader>

    <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
      <CalendarGrid v-for="month in grid" :key="month.value.toString()">
        <CalendarGridHead>
          <CalendarGridRow>
            <CalendarHeadCell
              v-for="day in weekDays" :key="day"
            >
              {{ day }}
            </CalendarHeadCell>
          </CalendarGridRow>
        </CalendarGridHead>
        <CalendarGridBody>
          <CalendarGridRow v-for="(weekDates, index) in month.rows" :key="`weekDate-${index}`" class="mt-2 w-full">
            <CalendarCell
              v-for="weekDate in weekDates"
              :key="weekDate.toString()"
              :date="weekDate"
            >
              <CalendarCellTrigger
                :day="weekDate"
                :month="month.value"
              />
            </CalendarCell>
          </CalendarGridRow>
        </CalendarGridBody>
      </CalendarGrid>
    </div>
  </CalendarRoot>
</template>

Read from https://shadcn-vue.com/r/styles/new-york/calendar.json. Source is read for the first 150 items per registry, which is a size decision, not a coverage one. Nothing is served from this origin: the install command fetches the registry's own endpoint.

Where to see it running

This registry's own demo page permits framing, so the component can be watched running where its authors maintain it.

https://shadcn-vue.com/docs/components/calendar

This record is the /api/items/shadcn-vue/calendar response blockdex.thecompound.tech served on 2026-09-13, from the crawl of 2026-09-13.