InputGroup support for input components with wrappers

[cagataycivici]

InputGroup should support components with wrappers like dropdown, autocomplete, not just simple input fields.

[bhkangw]

Hi @cagataycivici @mertsincan I see this enhancement was closed as completed but I don't see support for components like dropdown in InputGroup. Played around with p-inputwrapper but no luck.

Still only able to get Radio and Checkbox working.. could you please advise?

[melloware]

@bhkangw I am using PrimeReact 8.3.0 and it works fine with Dropdown?

Code:

<div className="p-inputgroup">
       <span className="p-inputgroup-addon">
                 <i className="pi pi-user"></i>
      </span>
      <Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" placeholder="Select a City" />
</div>

Screenshot:

[bhkangw]

@melloware thanks for the code and screenshot.. sorry I should have clarified - I'm having problems combining two inputs eg InputNumber and Dropdown together. Did you have any success?

[melloware]

I don't think that is the intention of InputGroup to combine two full input components together? ITs about decorating one input component: https://primefaces.org/primereact/inputgroup/