Select component with number types

[PHinett2]

I have been trying to modify the Select component from the playground to accept number or number[] values in both the value and options props, but i can't seem to get it to work unless I use strings for everything.

Is there a limitation that it must be string values, or could there be a way to allow number types too?

[fabian-hiller]

I think the main problem here is that HTML <select /> element does not allow us to capture values as numbers, only as strings. That's why Modular Forms probably doesn't do it either.

[PHinett2]

Yes i presumed this was the case. I can work with this i suppose. Its just that i would need to convert the values back to number types before submitting them back to my rest api.

[fabian-hiller]

If you are using Zod or Valibot to validate your form, you could use transform to transform the strings to numbers.