KeyboardType does not work the same way as in React Native

[RichardLindhout]

The problem
I want a date mask in the form of DD/MM/YYYY with a numeric input on the web.

When I fill in 21 my mask function makes it 21/ because of the format but the textinput can't parse because it is not a numeric value anymore.

Code

<TextInputWithMask
      value={formattedValue}
      keyboardType={'numeric'}
      placeholder={inputFormat}
    />

How to reproduce

react-native-web/packages/react-native-web/src/exports/TextInput/index.js

Line 164 in 7ef0701

case 'numeric':

Expected behavior

Use the inputmode for the keyboardType instead of editing the type itself to be more like React Native
https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Environment (include versions). Did this work in previous versions?

• React Native for Web (version): 0.13.7
• React (version): not relevant
• Browser: Chrome

[RichardLindhout]

Maybe we should only do this for the number type because email is sometimes nice to have the right type and browser level autocomplete. The number type not so much.

[necolas]

Sounds reasonable. Want to make a PR?

[RichardLindhout]

Sure, I'll try to make one this week!

[RichardLindhout]

Done! #1709