45f2 Tailwind CSS Calendars - Official Tailwind UI Components
Now with vanilla JavaScript support
Learn more
UI BlocksTemplatesUI Kit
Sign inGet full access

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Calendars

Use these Tailwind CSS calendar and date picker components to add date selection and scheduling features to your interface. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Small with meetings

Get the code

Small with meetings

Get the code

Month view

Get the code

Month view

Get the code

Week view

Get the code

Week view

Get the code

Day view

Get the code

Day view

Get the code

Year view

Get the code

Year view

Get the code

Double

Get the code

Double

Get the code

Borderless stacked

Get the code

Borderless stacked

Get the code

Borderless side-by-side

Get the code

Borderless side-by-side

Get the code