Tailwind CSS Calendar

Tailwind CSS Calendar is a customizable calendar component designed to integrate seamlessly with Tailwind CSS.

Documentation Get figma file Switch to Old UI

Month View Calendar

This example of tailwind css calendar shows month view of full calendar with events listed in perticular days.

Side by Side Calendar with events

This example of tailwind ui calendar shows side by side calendar with upcoming events listed and also show in a calendar with different color backgrounds.

Week View Calendar with time

Following tailwind calendar component shows week view of calendar which also display time and highlight events and meeting of the day.

Double Vertical calendar

This example of tailwind calendar picker shows Double month calendars in a Vertical way with events and meeting listed side by side.

Borderless stacked calendar

This example of tailwind ui calendar shows Borderless stacked calendars with events and meeting listed in a stacked format.

Year view Calendar

This example of tailwind calendar component shows Year view of calendar.

Tailwind Calendar with image

This example shows Calendar with image and events listed side by side horizontally.

Month View Calendar with centered

This example shows Month View Calendar with aligned center dates listed in a calendar.

Month View Calendar with CTA Button

This example shows Month View Calendar with CTA Button to add new event and also diaplay highlighted events with time.