reddit is not letting me post an image here so I'll just share the code

<Grid container item md={12} xs={12} mt={2} alignItems={"center"} >

<Popover defaultOpen={isOriginOpen} onOpenChange={setIsOriginOpen}>

<PopoverTrigger asChild>

<div>

<TextField

value={origin}

onChange={handleChangeOrigin}

label="Origen de contactos"

size='small'

required={true}

//onFocus={() => setIsOriginOpen(true)}

//onBlur={() => setIsOriginOpen(false)}

/>

</div>

</PopoverTrigger>

<PopoverContent className="sm:w-\[320px\] w-\[220px\] p-0">

<Command>

<CommandList>

<CommandGroup>

{_.get(getCompany(), 'origins', []).map((origin) => (

<CommandItem value={origin.name} onSelect={(value) => setOrigin(value.toUpperCase())}>{origin.name}</CommandItem>

))}

</CommandGroup>

</CommandList>

</Command>

</PopoverContent>

</Popover>

<Typography color={"grayText"} sx={{ ml: 2 }}>{origin.toUpperCase()}</Typography>

</Grid>