Pickers

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

3 Variants

CLI Install

Chrono Date

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

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

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

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

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

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

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

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

Selection events trigger satisfying elastic bounce animations for tactile feedback.