ComponentsBlocksDocsExamples

Alert
Calendar
Card
Chart
Data Grid
Update
Drawer
File Upload
Kanban
Kbd
Pagination
Resizable
Rating
Stepper
Scrollspy
Skeleton
Sortable
Sonner
Table
Textarea

Components

Calendar

UI Library:

A date field component that allows users to enter and edit dates.

Installation

pnpm dlx shadcn@latest add @toui/calendar

Examples

Multiple Months

API Reference

This component provides a customizable calendar system built on top of the react-day-picker library.

Calendar

This component is based on the DayPicker component and extends its functionality with custom styling and navigation controls.

PropTypeDefault
className string
classNames Record<string, string>
showOutsideDays booleantrue

Credits

  • Built with React DayPicker.
PreviouseAlertNextCard

On This Page

  • Installation
  • Examples
    • Multiple Months
  • API Reference
    • Calendar
  • Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.

Token UI

Components

  • Overview
  • Pricing
  • Marketplace
  • Features
  • Integrations
  • Pricing

Blocks

  • Charts
  • Team
  • Blog
  • Careers
  • Contact
  • Privacy

Examples

  • Help
  • Sales
  • Advertise

Docs

  • Twitter
  • Instagram
  • LinkedIn

© 2025 TOUI.dev. All rights reserved.

  • Terms and Conditions
  • Privacy Policy