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

Dark Calendar View

This example shows Small Month View Calendar cab be used in a dark mode with events and meeting listed side by side.

Double Horizontal Calendar

This example shows Double Horizontal Calendar with events and meeting listed below.

Small Calendar with CTA and Meeting list

This example shows Small Calendar of month view with CTA Button to add new event and also diaplay highlighted events using dots. On other side it shows list of meetings with there date and time.

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.

Month View Calendar with centered

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

Tailwind Calendar with image

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

Year view Calendar

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

Borderless stacked calendar

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

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.

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.

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.

Month View Calendar

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