DateRangePicker | Wrap text of default error message in case of selection of invalid date.

[puneet-ahuja]

Provide a general summary of the issue here

The default error message is increasing the width of the calendar on selection of invalid date range.

https://github.com/adobe/react-spectrum/assets/15903389/99529972-9a7b-4121-a656-1cae26b330bb

🤔 Expected Behavior?

The error message should wrap to avoid sudden increase in width on selection of invalid range.

😯 Current Behavior

The error message is increasing the width of the calendar on selection of invalid date range. Codesandbox link for reference.

💁 Possible Solution

We add some max-width to the container.

🔦 Context

No response

🖥️ Steps to Reproduce

Open Codesandbox link

Version

3.33.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[LFDanLu]

Thanks for filing this, I think making the Dialog content container enforce its initial width/size itself to its content min width sounds like it work off the top of my head. Would you like to give it a shot?