Calendar Showcase

Calendar Showcase
Calendar Showcase

About Calendar Showcase

Calendar Showcase is an animated date picker component for Framer. It gives you a clean, modern calendar with smooth month transitions and five selection modes — single date, multiple dates, date range, disabled dates and selection limits. Use it for booking forms, check-in / check-out pickers, event scheduling and any website that needs an elegant calendar.

Selection modes:

- Single — pick one date

- Multiple — select several separate dates

- Range — choose a start and end date, like check-in and check-out

- Disabled — block weekdays or specific dates so they can't be picked

- Limits — set a maximum number of dates a visitor can select

Features:

- Smooth, high-fps month transitions with previous / next arrows

- Today's date highlighted, with clear selected and in-range states

- Live readout of the selected date or range

- Edit colours, fonts and corner radius from the property controls

- Responsive for desktop, tablet and mobile

- Lightweight code component — no code needed, just drag and drop

Perfect for hotel and rental booking, appointment and salon websites, event and travel sites, SaaS dashboards and any form that needs a date picker or date range picker.

From Bhavin Hirpara

Orbit Bloom Gallery
Blinds Navbar
Vertical Image Ticke
Products Carousel 3D

Related Components

Chat Messages
Waitlist Form
Newsletter Buttons
URL Params Collector