Get everything for $99, lifetime

Components

Date Picker

Pro

Installation

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

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { AnimatedDatePicker } from "@/components/ui/AnimatedDatePicker";

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.