Skip to content

Commit 79b56f2

Browse files
authored
Merge pull request #947 from skateman/carbon-number-input
feat(carbon): use NumberInput for text-field if type=number
2 parents ae6bd1c + 0108e4d commit 79b56f2

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

packages/carbon-component-mapper/src/files/text-field.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,20 @@ import React from 'react';
22
import PropTypes from 'prop-types';
33
import { useFieldApi } from '@data-driven-forms/react-form-renderer';
44

5-
import { TextInput } from 'carbon-components-react';
5+
import { TextInput, NumberInput } from 'carbon-components-react';
66

77
import prepareProps from './prepare-props';
88

99
const TextField = (props) => {
1010
const { input, meta, validateOnMount, ...rest } = useFieldApi(prepareProps(props));
1111

12+
const Component = input.type === 'number' ? NumberInput : TextInput;
13+
1214
const invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
1315
const warn = (meta.touched || validateOnMount) && meta.warning;
1416

1517
return (
16-
<TextInput
18+
<Component
1719
{...input}
1820
key={input.name}
1921
id={input.name}

0 commit comments

Comments
 (0)