Give user state names, but filter in query on state abbreviations

Hi @mathfour ! :wave:

The select component could lend itself nicely to this use case since it has labels & values.

One option could be to hardcode a JS query with each state like this [{abbreviation: 'WI', name: 'Wisconsin'}, {abbreviation: 'CA', name: 'California'}...]

Then, your select can be set up like this where the selected value property is only the abbreviation (but the user only sees the full name):

You could also grab the array of arrays from this library that has all the states & abbreviations: https://gist.github.com/calebgrove/c285a9510948b633aa47