ko-KR: Unable to set AM/PM in DatePicker

[angmail101]

Provide a general summary of the issue here

AM and PM in Korean start with the same character - 오전 is AM and 오후 is PM. Hence, to type this first character the user presses 2 keys and the difference between AM and PM starts only with the third key press.

The problem with the DatePicker component is that it removes focus from the dayPeriod once the user enters 2 characters and moves it to the timezone. Hence the user cannot enter the next character that would define whether it's AM or PM.

🤔 Expected Behavior?

User can enter (AM 오전) in Korean by typing ㅇ, then ㅗ, ㅈ, ㅓ, and ㄴ

😯 Current Behavior

User tries to enter (AM 오전) in Korean by typing ㅇ, ㅗ but it loses focus before user can enter ㅈ, ㅓ, and ㄴ to complete entry. CodeSandbox with the current React Spectrum version to test the behavior: https://codesandbox.io/s/long-night-qg2723?file=/src/App.jsx

💁 Possible Solution

No response

🔦 Context

Online Korean keyboard for reference: https://www.branah.com/korean

🖥️ Steps to Reproduce

CodeSandbox with the current React Spectrum version to test the behavior: https://codesandbox.io/s/long-night-qg2723?file=/src/App.jsx

Version

"@adobe/react-spectrum": "3.29.0",

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

MacOS

🧢 Your Company/Team

Adobe

🕷 Tracking Issue

No response

[dannify]

On a device with a keyboard, using a spinbutton control or clicking on the AM/PM segment to toggle will allow users to access the correct value. There is currently no way to do this on a mobile/touch device. Open to suggestions on how we should handle this.

[mancini-adobe]

@lreis Can you please have a look and come up with a suggestion? Thanks

cc @angmail101