Prefill .fieldName for specialized inputs

[tlouisse]

We should prepopulate the .fieldName property for specialized inputs, so that we get more sensible validation feedback messages.

Curent behavior

Given this html:

html`<lion-input-iban label="Mein Etikett"></lion-input-iban>`

🤷 This results in error message: 'Geben Sie eine gültige Mein Etikett ein.',

Desired behavior

Better would be, when we give input-iban a default fieldName:

export class LionInputIban extends LionInput {
   // ....
   
   get fieldName() {
     return 'Iban'; // this would be localized for all locales
   }
}

✅ Now the error msg will be: 'Geben Sie eine gültige Iban ein.'
See #1938

Inputs involved

We can apply this for all these inputs:

• input-amount => 'amount'
• input-date => 'date' (this makes it also apply to input-datepicker)
• input-email => 'email'
• input-iban => 'IBAN'
• input-tel => 'telephone number' (this makes it also apply to input-tel-dropdown)
• input-range?
• input-stepper?