HiraelHIRAEL
Workspace
  • All components
  • Blocks61
  • Templates9
  • Theme playground
Inputs
  • Multi Select
  • Number Range
  • Tag Input
  • Combobox
  • Lazy Select
  • Password Input
  • Currency Input
  • Phone Input
  • Rating
  • Mention Input
  • Rich Text Editor
  • Inline Edit
  • Signature Pad
Pickers
  • Year Picker
  • Month Picker
  • Time Picker
  • Color Picker
  • Date Picker
  • Date Range Picker
Files
  • File Dropzone
  • Image Cropper
  • Media Input
Data display
  • Stat Card
  • Timeline
  • Avatar Stack
  • Tree View
  • Animated Number
  • Sortable
  • Countdown Timer
  • Calendar Heatmap
  • Activity Feed
  • Audit Log
  • Data Table
Display
  • Kbd
  • Callout
  • Scroll Progress
  • Announcement Bar
  • Spinner
  • Copy Button
  • Marquee
  • Image Compare
  • Lightbox
  • QR Code
  • Code Block
  • Masonry
  • Audio Player
  • Confirm
  • Unsaved Guard
Animation
  • Blur Reveal
  • Text Reveal
  • Scroll Reveal
  • Spotlight Card
  • Magnetic Button
  • Cursor Glow
  • Tilt Card
  • Morphing Dialog
Navigation
  • Stepper
  • Tour
  • Dock
  • Floating Action Button
  • Floating Toolbar
  • Split View
  • Resizable Panels
  • Inspector Panel
  • Tenant Switcher
  • Table of Contents
Widgets
  • KPI Grid
  • Quick Actions
  • Notifications
SaaS
  • Billing Card
  • Subscription Plans
  • API Keys
  • Usage Dashboard
peer of shadcn
HiraelHIRAEL
ComponentsBlocksTemplatesTheme
Components/Pickers
◆ pickers

Pickers.

Date, time, month, year and color pickers with keyboard navigation and no date library.

6 components

Components

6 total
  • Year Picker

    Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.

    /components/pickers/year-picker →
  • Month Picker

    4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.

    /components/pickers/month-picker →
  • Time Picker

    Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.

    /components/pickers/time-picker →
  • Color Picker

    SV gradient + hue slider with HEX / RGB / HSL tabs, eyedropper (where supported) and recent swatches.

    /components/pickers/color-picker →
  • Date Picker

    Single-date picker with month grid, keyboard nav, min/max bounds and disabled dates. Includes an inline DateCalendar, no date library.

    /components/pickers/date-picker →
  • Date Range Picker

    Dual-month range picker with hover preview, presets, min/max bounds and keyboard nav. Includes an inline DateRangeCalendar, no date library.

    /components/pickers/date-range-picker →
HiraelHIRAEL

The components shadcn/ui doesn't ship.

A shadcn-compatible registry of the inputs and section blocks most products end up needing. The CLI copies the source into your repo, so there's no package to depend on.

Browse components

Library

  • Components
  • Blocks
  • Templates
  • Theme playground

Resources

  • Changelog
  • shadcn/ui

Author

  • Portfolio
  • GitHub
Hirael

© 2026 Mohammad Shehadeh · built on shadcn

zero runtime deps