format_list_numbered
String Pickers
Use wheel-style selection for compact choice lists without building a custom dropdown.
Vue 3 + Quasar 2
QScroller
Wheel-style string, time, date, and range scrollers for Vue and Quasar applications
Build wheel-style inputs for string choices, times, dates, date-time values, and ranges without dragging in a full scheduling surface.
QStringScrollerQTimeScrollerQDateScrollerDate-TimeRange PickersCalendar Adapters
Focused InputsFocused picker flows
One design language for every scroller type
Mix and match string, date, time, date-time, and range pickers while keeping the same shell, bar, color, and slot model across the whole set.
Included
A small family of pickers with consistent behavior
QScroller stays intentionally focused: fast wheel-style inputs, shared customization points, and enough range/date-time coverage for real forms.
schedule
Time + AM/PM
Switch between 24-hour and 12-hour flows, intervals, disabled values, and range validation.
event
Date + Date-Time
Compose years, months, days, and time columns with shared formatting and locale support.
date_range
Range Pickers
Select date and time ranges with paired scrollers for availability windows, booking flows, and bounded inputs.
translate
Calendar Adapters
Use Timestamp adapters for Gregorian, Hijri, Saka, Hebrew, and Persian calendar-aware date selection.
palette
Theming
Tune shell, bar, text, and inner scroller colors with palette names, CSS values, or CSS vars.
widgets
Consistent API
Keep the same header/footer, slots, border, density, and disabled patterns across every picker.
view_carousel
Inline or Popup
Render scrollers directly in forms or use them inside QInput-style popup workflows when needed.
Ecosystem
Built in the same docs workflow as the other md-plugins sites
This site runs on Q-Press and md-plugins, so the docs, examples, and navigation stay in step with the sibling Quasar UI projects.
Need Help?
Start with the intro, then use the examples as live reference
The docs move quickly from install and upgrade steps into working examples. If something feels off, GitHub Discussions and the issue tracker are the best places to surface it.
Introduction First
Start in getting-started to choose between direct UI-package usage and the app extension path.
Upgrade Notes
The v3 beta line is Vue 3 and Quasar 2 focused, so the upgrade guide should be your first stop when migrating.
Discussions + Issues
Questions, bugs, and API sharp edges are easiest to track in the QScroller repo and GitHub Discussions.