Weired suffix behaviour

My customer wants to add a label as suffix to input (large enterprise project, so no code example). I know the suffix prop is not actually made for this and I use it together with intl prop. The outcome on the first glance is quite good. Writing 30 ends up in So groups get added, and the intl configuration is not overwritten like the documentation states.

<CurrencyInput
                id={label.replace(" ", "").toLowerCase()}
                name={label.replace(" ", "").toLowerCase()}
                placeholder={label}
                intlConfig={{ locale, currency }}
                {...{ type }}
                onValueChange={handleChange}
                key={`input-${label}`}
                className={handles.financeCalculatorInput}
                suffix={" " + label}
            />

I am not doing a change request here, because this scenario is quite rare. Just pointing out weired behaviour here.

[ColinBohn]

Just saw this same behavior, seems to be an issue with having the character “m” included in the suffix as by default this is assumed to be an abbreviation for “million”. Passing thedisableAbbreviations prop will fix the issue.

[muh-hizbe]

Just saw this same behavior, seems to be an issue with having the character “m” included in the suffix as by default this is assumed to be an abbreviation for “million”. Passing thedisableAbbreviations prop will fix the issue.

nice, this way was fixed my problem with suffix. Thank’s @ColinBohn