[fix] TextInput keyboardType for 'numeric' and 'decimal'

Don't rely on native restrictions and validations for these keyboardType
values, as developers often want custom presentation (e.g., comma separators)
and custom validation.

Fix #1705
Fix #1438
Fix #1280
Close #1709

Author: RichardLindhout

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

@@ -165,10 +165,22 @@ describe('components/TextInput', () => {
       expect(input.type).toEqual('email');
     });
 
+    test('value "decimal-pad"', () => {
+      const { container } = render(<TextInput keyboardType="decimal-pad" />);
+      const input = findInput(container);
+      expect(input.inputMode).toEqual('decimal');
+    });
+
+    test('value "number-pad"', () => {
+      const { container } = render(<TextInput keyboardType="number-pad" />);
+      const input = findInput(container);
+      expect(input.inputMode).toEqual('numeric');
+    });
+
     test('value "numeric"', () => {
       const { container } = render(<TextInput keyboardType="numeric" />);
       const input = findInput(container);
-      expect(input.type).toEqual('number');
+      expect(input.inputMode).toEqual('numeric');
     });
 
     test('value "phone-pad"', () => {

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

@@ -155,14 +155,18 @@ const TextInput = forwardRef<TextInputProps, *>((props, forwardedRef) => {
   } = props;
 
   let type;
+  let inputMode;
 
   switch (keyboardType) {
     case 'email-address':
       type = 'email';
       break;
     case 'number-pad':
     case 'numeric':
-      type = 'number';
+      inputMode = 'numeric';
+      break;
+    case 'decimal-pad':
+      inputMode = 'decimal';
       break;
     case 'phone-pad':
       type = 'tel';
@@ -368,6 +372,7 @@ const TextInput = forwardRef<TextInputProps, *>((props, forwardedRef) => {
   supportedProps.spellCheck = spellCheck != null ? spellCheck : autoCorrect;
   supportedProps.style = style;
   supportedProps.type = multiline ? undefined : type;
+  supportedProps.inputMode = inputMode;
 
   usePlatformMethods(hostRef, supportedProps);