diff --git a/components/lib/inputtext/InputText.js b/components/lib/inputtext/InputText.js index 7b812ee03f..9621782e17 100644 --- a/components/lib/inputtext/InputText.js +++ b/components/lib/inputtext/InputText.js @@ -4,7 +4,7 @@ import { useHandleStyle } from '../componentbase/ComponentBase'; import { useMergeProps } from '../hooks/Hooks'; import { KeyFilter } from '../keyfilter/KeyFilter'; import { Tooltip } from '../tooltip/Tooltip'; -import { DomHandler, ObjectUtils } from '../utils/Utils'; +import { DomHandler, ObjectUtils, classNames } from '../utils/Utils'; import { InputTextBase } from './InputTextBase'; export const InputText = React.memo( @@ -71,7 +71,7 @@ export const InputText = React.memo( const rootProps = mergeProps( { - className: cx('root', { context, isFilled }), + className: classNames(props.className, cx('root', { context, isFilled })), onBeforeInput: onBeforeInput, onInput: onInput, onKeyDown: onKeyDown, diff --git a/components/lib/inputtext/InputTextBase.js b/components/lib/inputtext/InputTextBase.js index 4de41a5caf..8517dc67f0 100644 --- a/components/lib/inputtext/InputTextBase.js +++ b/components/lib/inputtext/InputTextBase.js @@ -3,17 +3,12 @@ import { classNames } from '../utils/Utils'; const classes = { root: ({ props, isFilled, context }) => - classNames( - 'p-inputtext p-component', - { - 'p-disabled': props.disabled, - 'p-filled': isFilled, - 'p-invalid': props.invalid, - 'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled' - }, - - props.className - ) + classNames('p-inputtext p-component', { + 'p-disabled': props.disabled, + 'p-filled': isFilled, + 'p-invalid': props.invalid, + 'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled' + }) }; export const InputTextBase = ComponentBase.extend({