SPACE.LA
◀ music select
personal / library / active

React MUI Pro Multi-Range Picker

Multi-range date picker for MUI X Pro with drag-to-select and chip management, published to npm as @spacedevin/react-mui-pro-multi-range-picker. 32 versions between late October and early November 2025, 0.7.0 to 0.11.6. React and TypeScript.

BPM
179
GRADE
S
LEVEL
7
RELEASES
0
YEARS
2025–2025

A Date Picker That Does Ranges

Material-UI has a Pro date range picker, but it only picks one range. I needed several in the same calendar, selected by dragging, each one removable as a chip.

So in late October 2025 I built it and put it on npm as @spacedevin/react-mui-pro-multi-range-picker. Drag to select a range, the ranges show up as chips, remove a chip and the range goes away.

The first publish was October 27 at 0.7.0, followed by 0.9.4 two days later, 0.10.8 the day after, 0.11.5 on November 2 and 0.11.6 on November 7, while I worked it into shape against a real screen. It's sat at 0.11.6 since, and it does the job.

history

  1. 0.11.6
  2. 0.11.5
  3. 0.10.8
  4. 0.9.4
  5. 0.7.0