QDateRangeScroller renders start and end date scrollers together. It validates that the end date does not come before the start date unless disable-validation is enabled.

Basic

Colors

Use palette names, CSS colors, or CSS custom properties to tune the date range scroller.

Disabled

Disable the full range picker or block specific start/end date values.

Visible Parts

Hide year, month, or day columns when the surrounding UI already provides that context.

Locale

Use the locale prop to change generated labels for both date scrollers in the range.

QInput

Use a popup range scroller when the main form should keep a simple input-shaped control.

Slots

Use slots to display the selected range in custom header or footer content.

Value Types

Range scrollers can work with string, object, array, and Date pairs.