Planes

Components

Controls

Date Picker

ProUnlock all 54 Pro — $99 once

A calendar picker with spring month transitions and day cells that stagger in as you navigate.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/animated-date-picker

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
const [date, setDate] = useState<Date>();

<AnimatedDatePicker value={date} onChange={setDate} />

Use cases

  • Booking flows

    Check-in / check-out date selection with min/max constraints.

  • Form date fields

    Drop-in replacement for any native <input type='date'> that needs premium feel.

  • Event scheduling

    Pick a date for meetings, reminders, or deadlines.

  • Billing / subscription start dates

    Allow users to choose when a plan takes effect.