IconField: Does not support multiple icons

[maspetsberger]

Describe the bug

The IconField component allows putting an icon at the left (before) or right (after) an input component, but it does not support two icons, one at the left and one at the right side, such as:

    <IconField>
      <InputIcon class="pi pi-search" />
      <InputText v-model="value1" placeholder="Search" />
      <InputIcon class="pi pi-spinner" />
    </IconField>

The css selector to add the padding are .p-iconfield .p-inputtext:last-child and :first-child respectively, which will not match when 2 icons are used around the input.

Reproducer

https://stackblitz.com/edit/gacghv?file=src%2FApp.vue

PrimeVue version

4.0.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response