Picker adds unexpected margin when label positioned on the side

[audknu]

🐛 Bug Report

When a spectrum picker has a label, an unexpected margin is added to the right of the picker. This is not ideal for a picker that is end-aligned.

🤔 Expected Behavior

Should be able to remove this default margin without needing to define an external label. Using width = 'unset' should remove this margin like is done for the top label position.

😯 Current Behavior

Unexpected end margin.

💁 Possible Solution

• Ideal solution is for the picker to remove this margin when width = 'unset' for all label postions.
• Use an external label. Can confirm this removes the unwanted end margin, but the picker adds its own internal empty label, which is not ideal:
  

🔦 Context

Not able to end align the picker when the label is positioned on the side:
Expected:

Current:

💻 Code Sample

Codesandbox

🌍 Your Environment

Software	Version(s)
react-spectrum	3.14.1, 3.15.1, 3.16.4
Browser	Chrome
Operating System	MacOS

🧢 Your Company/Team

Adobe Admin Console

[LFDanLu]

Confirmed the behavior locally. The experience doesn't seem great for when a user applies a custom width as well since the quiet picker always sizes itself to match the current text content unlike our other field label components. Perhaps will need to revise this behavior or change how field label defines its width in cases like these

[LFDanLu]

As for the external label approach, you'll actually want that "extra" internal label since it references the current value of the picker which is important for screen readers.