Pickers

High-fidelity date and time selection engines with animated physics, center-snapping grids, and QuickSwitch views.

3 Variants
CLI Install
01

Chrono Date

A premium date selection engine with QuickSwitch month/year views and elastic selection physics. Features auto-close on click-outside.

Installation

$npx shadcn@latest add https://aftershade.pages.dev/registry/date-picker.json
02

Chrono Time

A high-fidelity time picker with snap-to-grid scrolling and center-selection jailing. Prevents page scroll leak for focus control.

Installation

$npx shadcn@latest add https://aftershade.pages.dev/registry/time-picker.json
03

Spectrum Chroma

A stunning spectrum color picker with real-time HSL logic, alpha transparency support, and a glassmorphic interface.

Installation

$npx shadcn@latest add https://aftershade.pages.dev/registry/color-picker.json

QuickSwitch Logic

Instantly swap between day, month, and year views with recursive layout animations.

Event Jailing

Scroll events are locked to the component to prevent unintended parent page scrolling.

GSAP Physics

Selection events trigger satisfying elastic bounce animations for tactile feedback.