wip: wrap default error message text in V3 DateRangePicker

[yihuiliao]

Closes #5860

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[yihuiliao]

will run chromatic tmr

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[yihuiliao]

Hmm yeah so looks like max-width: fit-content won't work when there are multiple visible months. We used to set the width by doing a bunch of calculations which was fine until we added multiple months (see commit). Maybe we should differentiate when visibleMonths=1 vs > 1?

Either way, seems more complicated, will work on it when I have the time but not main priority

[snowystinger]

instead, you could try

contain: inline-size;

on the :global(.spectrum-Calendar-helpText) No idea why it's global...

[yihuiliao]

imma just close it for now but might work on it later