Skip to content

v0.2.1 - New Components: ColorPicker, DatePicker, and Combobox

Choose a tag to compare

@Augani Augani released this 23 Oct 08:08
· 96 commits to main since this release

🎉 What's New

Three New Production-Ready Components

ColorPicker 🎨

  • Full-featured color picker with HSL, RGB, and HEX mode switching
  • Recent colors history (stores last 10 colors)
  • Custom color swatches support
  • Optional alpha/opacity slider
  • Copy to clipboard (HEX format)
  • Popover-based clean UI

DatePicker 📅

  • Single date and date range selection modes
  • Visual range highlighting with colored backgrounds
  • Disabled dates with greyed-out styling
  • Weekend disabling helper method
  • Auto-close popover after selection
  • Multiple date formats (ISO, US, EU, custom)
  • Locale support for internationalization

Combobox 🔍

  • Single and multi-select modes
  • Real-time search/filter with immediate updates
  • Keyboard navigation (arrow keys, Enter, Escape)
  • Custom display and search functions
  • Clear selection button
  • Badge display for multi-select items
  • Empty state handling

✨ Improvements

  • Updated component count from 70+ to 73+
  • Zero compiler warnings - completely clean build
  • Immediate UI updates - no mouse movement required
  • Enhanced Calendar component with DateRange support and visual styling
  • Comprehensive documentation with code examples for all new components
  • Updated GitHub Pages and README with full feature lists

🛠️ Technical Details

  • Proper GPUI Entity<T> state management pattern
  • DismissEvent emission for proper popover closing
  • cx.notify() calls for immediate UI updates
  • Professional visual styling with theme integration
  • Full keyboard navigation support

📚 Examples

Try the new components:

cargo run --example color_picker_demo
cargo run --example date_picker_demo
cargo run --example combobox_demo

📦 Installation

[dependencies]
adabraka-ui = "0.2.1"
gpui = "0.2.0"

Full Changelog: v0.2.0...v0.2.1