Skip to content

[pickers] Support different start and end referenceDate props on range components #18549

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 6 commits into from
Jun 30, 2025
Merged

[pickers] Support different start and end referenceDate props on range components #18549

merged 6 commits into from
Jun 30, 2025

Conversation

LukasTy
Copy link
Member

@LukasTy LukasTy commented Jun 26, 2025

Fixes #17510.

  • Support referenceDate prop in the form of [start, end] on range components
  • Expand relevant documentation section in base concepts

@LukasTy LukasTy self-assigned this Jun 26, 2025
@LukasTy LukasTy added plan: Pro Impact at least one Pro user. scope: pickers Changes related to the date/time pickers. type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature. labels Jun 26, 2025
@LukasTy LukasTy requested review from michelengelen and a team June 26, 2025 13:15
@mui-bot
Copy link

mui-bot commented Jun 26, 2025 •
edited
Loading

Deploy preview: https://deploy-preview-18549--material-ui-x.netlify.app/

Updated pages:

Bundle size report

Total Size Change: ▼-4.78KB(-0.04%) - Total Gzip Change: ▼-1.66KB(-0.04%)
Files: 122 total (0 added, 0 removed, 65 changed)

Show details for 100 more bundles (22 more not shown)

@mui/x-date-pickers-pro parsed: 🔺+743B(+0.23%) gzip: 🔺+116B(+0.14%)
@mui/x-date-pickers-pro/DateTimeRangePicker parsed: 🔺+365B(+0.18%) gzip: 🔺+114B(+0.19%)
@mui/x-date-pickers-pro/DesktopDateTimeRangePicker parsed: 🔺+330B(+0.16%) gzip: 🔺+100B(+0.17%)
@mui/x-date-pickers-pro/TimeRangePicker parsed: 🔺+286B(+0.20%) gzip: 🔺+74B(+0.17%)
@mui/x-date-pickers-pro/MobileDateTimeRangePicker parsed: 🔺+258B(+0.13%) gzip: 🔺+108B(+0.18%)
@mui/x-date-pickers-pro/DesktopTimeRangePicker parsed: 🔺+251B(+0.18%) gzip: 🔺+80B(+0.19%)
@mui/x-date-pickers-pro/MobileTimeRangePicker parsed: 🔺+251B(+0.18%) gzip: 🔺+81B(+0.19%)
@mui/x-date-pickers-pro/DateRangePicker parsed: 🔺+222B(+0.13%) gzip: 🔺+76B(+0.15%)
@mui/x-date-pickers-pro/DesktopDateRangePicker parsed: 🔺+187B(+0.11%) gzip: 🔺+73B(+0.14%)
@mui/x-date-pickers-pro/MobileDateRangePicker parsed: 🔺+187B(+0.11%) gzip: 🔺+77B(+0.15%)
@mui/x-date-pickers-pro/StaticDateRangePicker parsed: 🔺+187B(+0.19%) gzip: 🔺+67B(+0.22%)
@mui/x-date-pickers-pro/DateRangeCalendar parsed: 🔺+152B(+0.20%) gzip: 🔺+77B(+0.32%)
@mui/x-date-pickers-pro/MultiInputDateRangeField parsed: 🔺+109B(+0.13%) gzip: 🔺+27B(+0.10%)
@mui/x-date-pickers-pro/MultiInputDateTimeRangeField parsed: 🔺+109B(+0.13%) gzip: 🔺+47B(+0.18%)
@mui/x-date-pickers-pro/MultiInputTimeRangeField parsed: 🔺+109B(+0.13%) gzip: 🔺+28B(+0.11%)
@mui/x-date-pickers-pro/SingleInputDateRangeField parsed: 🔺+74B(+0.09%) gzip: 🔺+25B(+0.10%)
@mui/x-date-pickers-pro/SingleInputDateTimeRangeField parsed: 🔺+74B(+0.09%) gzip: 🔺+27B(+0.11%)
@mui/x-date-pickers-pro/SingleInputTimeRangeField parsed: 🔺+74B(+0.09%) gzip: 🔺+24B(+0.10%)
@mui/x-date-pickers parsed: 🔺+25B(+0.01%) gzip: 🔺+10B(+0.02%)
@mui/x-date-pickers/DateTimePicker parsed: 🔺+25B(+0.01%) gzip: 🔺+5B(+0.01%)
@mui/x-date-pickers/DesktopDateTimePicker parsed: 🔺+25B(+0.01%) gzip: 🔺+9B(+0.02%)
@mui/x-date-pickers/DesktopTimePicker parsed: 🔺+25B(+0.02%) gzip: 🔺+5B(+0.01%)
@mui/x-date-pickers/DigitalClock parsed: 🔺+25B(+0.16%) gzip: 🔺+11B(+0.18%)
@mui/x-date-pickers/MobileDateTimePicker parsed: 🔺+25B(+0.01%) gzip: 🔺+5B(+0.01%)
@mui/x-date-pickers/MobileTimePicker parsed: 🔺+25B(+0.02%) gzip: 🔺+4B(+0.01%)
@mui/x-date-pickers/MultiSectionDigitalClock parsed: 🔺+25B(+0.13%) gzip: 🔺+13B(+0.18%)
@mui/x-date-pickers/StaticDateTimePicker parsed: 🔺+25B(+0.02%) gzip: 🔺+11B(+0.03%)
@mui/x-date-pickers/StaticTimePicker parsed: 🔺+25B(+0.04%) gzip: 🔺+6B(+0.03%)
@mui/x-date-pickers/TimeClock parsed: 🔺+25B(+0.08%) gzip: 🔺+11B(+0.10%)
@mui/x-date-pickers/TimePicker parsed: 🔺+25B(+0.02%) gzip: 🔺+5B(+0.01%)
@mui/x-date-pickers/DateCalendar parsed: 🔺+22B(+0.03%) gzip: 🔺+14B(+0.07%)
@mui/x-date-pickers/DateField parsed: 🔺+22B(+0.03%) gzip: 🔺+8B(+0.03%)
@mui/x-date-pickers/DatePicker parsed: 🔺+22B(+0.01%) gzip: 🔺+7B(+0.02%)
@mui/x-date-pickers/DateTimeField parsed: 🔺+22B(+0.03%) gzip: 🔺+6B(+0.03%)
@mui/x-date-pickers/DesktopDatePicker parsed: 🔺+22B(+0.01%) gzip: 🔺+9B(+0.02%)
@mui/x-date-pickers/MobileDatePicker parsed: 🔺+22B(+0.01%) gzip: 🔺+9B(+0.02%)
@mui/x-date-pickers/MonthCalendar parsed: 🔺+22B(+0.15%) gzip: 🔺+10B(+0.18%)
@mui/x-date-pickers/StaticDatePicker parsed: 🔺+22B(+0.03%) gzip: 🔺+13B(+0.05%)
@mui/x-date-pickers/TimeField parsed: 🔺+22B(+0.03%) gzip: 🔺+10B(+0.04%)
@mui/x-date-pickers/YearCalendar parsed: 🔺+22B(+0.14%) gzip: 🔺+9B(+0.15%)
@mui/x-charts parsed: ▼-546B(-0.20%) gzip: ▼-180B(-0.22%)
@mui/x-charts-pro parsed: ▼-546B(-0.16%) gzip: ▼-182B(-0.17%)
@mui/x-charts-pro/BarChartPro parsed: ▼-546B(-0.25%) gzip: ▼-162B(-0.22%)
@mui/x-charts-pro/ChartContainerPro parsed: ▼-546B(-0.38%) gzip: ▼-189B(-0.39%)
@mui/x-charts-pro/ChartDataProviderPro parsed: ▼-546B(-0.40%) gzip: ▼-189B(-0.41%)
@mui/x-charts-pro/FunnelChart parsed: ▼-546B(-0.26%) gzip: ▼-200B(-0.29%)
@mui/x-charts-pro/Heatmap parsed: ▼-546B(-0.28%) gzip: ▼-165B(-0.25%)
@mui/x-charts-pro/LineChartPro parsed: ▼-546B(-0.23%) gzip: ▼-155B(-0.20%)
@mui/x-charts-pro/PieChartPro parsed: ▼-546B(-0.27%) gzip: ▼-164B(-0.25%)
@mui/x-charts-pro/RadarChartPro parsed: ▼-546B(-0.32%) gzip: ▼-181B(-0.32%)
@mui/x-charts-pro/ScatterChartPro parsed: ▼-546B(-0.26%) gzip: ▼-153B(-0.22%)
@mui/x-charts/RadarChart parsed: ▼-546B(-0.35%) gzip: ▼-183B(-0.35%)
@mui/x-charts/BarChart parsed: ▼-340B(-0.19%) gzip: ▼-118B(-0.20%)
@mui/x-charts/ChartContainer parsed: ▼-340B(-0.30%) gzip: ▼-124B(-0.32%)
@mui/x-charts/ChartDataProvider parsed: ▼-340B(-0.32%) gzip: ▼-124B(-0.34%)
@mui/x-charts/Gauge parsed: ▼-340B(-0.31%) gzip: ▼-126B(-0.34%)
@mui/x-charts/LineChart parsed: ▼-340B(-0.18%) gzip: ▼-121B(-0.19%)
@mui/x-charts/PieChart parsed: ▼-340B(-0.21%) gzip: ▼-127B(-0.24%)
@mui/x-charts/ScatterChart parsed: ▼-340B(-0.21%) gzip: ▼-122B(-0.23%)
@mui/x-charts/SparkLineChart parsed: ▼-340B(-0.19%) gzip: ▼-111B(-0.19%)
@mui/x-charts-pro/ChartsToolbarPro parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts-pro/ChartZoomSlider parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsAxis parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsAxisHighlight parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsClipPath parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsGrid parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsLabel parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsLegend parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsLocalizationProvider parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsOverlay parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsReferenceLine parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsSurface parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsText parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsTooltip parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsXAxis parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/ChartsYAxis parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-charts/Toolbar parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-data-grid parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-data-grid-premium parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-data-grid-premium/DataGridPremium parsed: 0B(0.00%) gzip: 🔺+1B(0.00%)
@mui/x-data-grid-pro parsed: 0B(0.00%) gzip: 🔺+1B(0.00%)
@mui/x-data-grid-pro/DataGridPro parsed: 0B(0.00%) gzip: 🔺+3B(0.00%)
@mui/x-data-grid/DataGrid parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterDateFns parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterDateFnsJalali parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterDayjs parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterLuxon parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterMoment parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterMomentHijri parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/AdapterMomentJalaali parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/DateRangePickerDay parsed: 0B(0.00%) gzip: 🔺+1B(+0.01%)
@mui/x-date-pickers-pro/DateRangePickerDay2 parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/LocalizationProvider parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers-pro/PickersRangeCalendarHeader parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterDateFns parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterDateFnsBase parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterDateFnsJalali parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterDayjs parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterLuxon parsed: 0B(0.00%) gzip: 0B(0.00%)
@mui/x-date-pickers/AdapterMoment parsed: 0B(0.00%) gzip: 0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 8d92ca3

rita-codes
rita-codes approved these changes Jun 27, 2025
View reviewed changes
Copy link
Member

@rita-codes rita-codes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Solid work ⭐

@LukasTy LukasTy merged commit 3e11b52 into mui:master Jun 30, 2025
22 checks passed
@LukasTy LukasTy deleted the support-start-end-reference-date branch June 30, 2025 11:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@rita-codes rita-codes rita-codes approved these changes

@michelengelen michelengelen Awaiting requested review from michelengelen

Assignees

@LukasTy LukasTy

Labels
plan: Pro Impact at least one Pro user. scope: pickers Changes related to the date/time pickers. type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[pickers][DateTimeRangePicker] two referenceDate props to have a different default time
3 participants
@LukasTy @mui-bot @rita-codes