fix: respect padding and remove cursor in DateRangePicker

[yihuiliao]

Fixes stuff from testing.

In FF, in the DateRangePicker Granularity Second story, if you tab to the DateRangePicker, a cursor will appear.

In Safari, between the dash separating the two datefields and the rightmost datefield, there's supposed to be padding but it appears to be missing.

see chromatic: https://www.chromatic.com/build?appId=5f0dd5ad2b5fc10022a2e320&number=885

there seems to be one minor change which is the thickness of the dash in daterangepicker only in hebrew tho. i don't think that change is that bad for the tradeoffs we get.

✅ 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:

Make sure the two issues above are fixed and that the date/time formats are still in the correct order.

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation