Updating the translation for 'installments' doesn't add a label above the installments drop-down

[woudsma]

Describe the bug
We would like to add a localizable title above the installments drop-down. Updating the translation for installments doesn't add a label above the installments drop-down. Searching the code for i18n.get('installments') shows only 1 result so it seems like it's unused. Should there be a label or is this intended behavior and is the translation used for something else?

To Reproduce
Steps to reproduce the behavior:

1. Enable installments
2. Initialize AdyenCheckout with translations:

translations: {
  'en-JP': {
    installments: 'Installments',
    installmentOptionMonths: '%{times} installment(s)',
  },
}

3. Select a card in the web drop-in
4. Observe the installments drop-down (see screenshot)

Expected behavior
A label/title is shown.

Actual behavior
No label/title is shown.

Screenshots

Desktop (please complete the following information):

• OS: macOS Sonoma 14.2.1 (23C71)
• Chrome
• 121.0.6167.184 (Official Build) (arm64)

Additional context
It seems no label is rendered because of this prop: useLabelElement={false}. Used here.

[m1aw]

Hey @woudsma

This is indeed the intended behaviour. However I agree, it should be possible to set a label and even by default it should actually have a label.

I'm raising this with the design team and will update you when we got a solution.

[ArjenLa]

Hi @woudsma

The designer team here, it should indeed have a label!

Thanks for flagging this