Components

DateRangePicker

A date range typed into start and end segments or picked with preset ranges and a two-month calendar.

28 October 2026

Added

First version: start and end segments, preset ranges and a one- or two-month calendar.
maxRangeDays, apply="confirm", reversed and too-long messages.
The ui.date-range.* strings.

Changed

New sm size (32 px); md is 36 px (40 px on a touch screen) and lg 40 px. Corner radius is 10 px.
The box gets a hairline shadow; the focus outline is drawn 2 px outside the box; an invalid box gets a 2 px danger halo.
Shared overlay surface: raised fill, the border-overlay hairline and a shadow.