how to only allow numbers and uppercase letters?

[ranyue880809]

Hi @sanniassin do you know how to allow only numbers and uppercase letters? When user inputs lowercase, it should automatically converts to uppercase.

[prwinkmr]

This can be implemented using controlled components.

[nik72619c]

would be great if anyone could provide an example

[mryechkin]

The way I did it was setting the mask prop to a9a 9a9 and then adding text-transform: uppercase CSS to my input element

[shytikov]

I did a bit different. Defined beforeMaskedValueChange like so:

beforeMaskedValueChange = function(newState) {
        newState.value = newState.value.toUpperCase();
        return newState;
};

Not sure is it the best possible solution for this case, but it worked for me so far.