In my web app there is an input for the amount with currency. I'm using React Currency Input Field to format it.

On my phone I have language set to Spanish and region set to Taiwan. Their decimal separators are comma , and dot . respectively.

The problem is that iOS displays the numeric keyboard with dot as a separator, while the library expects a comma. In a result it is not possible to insert a separator at all.

Standard keyboard would affect the UX so it is out of the question.

The method window.navigator.locale returns language code: es-ES. However, in my case I need to retrieve a device's region.

Is there any method to retrieve system region? If not, shall the web app have region defined as the optional settings?