The Calendar component is a themeable, accessible date picker built with native Vue reactivity and styled with DaisyUI. It supports v-model, custom options, and auto-default behaviors.

The CalendarInput component provides a classic input-based date picker styled with DaisyUI input classes. It is fully compatible with all DaisyUI input props (color, size, validation, etc.), supports v-model, and is focus-stealing safe. The input always displays a formatted date string and opens a dropdown calendar on focus. It is suitable for forms and scenarios where users expect to type or pick a date from a calendar overlay.

The CalendarSkeleton component displays a loading placeholder styled to match the Calendar layout, including support for multiple stacked months. It automatically calculates the correct number of weeks needed (which can vary from 4-6 weeks depending on the month and first day of week setting), ensuring the skeleton height perfectly matches the actual calendar. Use it to indicate loading states for the Calendar component and avoid layout shift.