Wrong capitalization in months in Spanish

[BertaLarre]

Desired behaviour

The following date component used in the Spanish version of Sage Intacct Manufacturing should have the initial letters of the months capitalized.

Current behaviour

Currently, the months start with lowercase:

Suggested Solution

In Spanish we should say “Abril 2022” but “3 de abril de 2022” (depending on the use case).

Where is the content in Spanish coming from? This component should be updated so that months start with capital letters in Spanish.

Please reach out to me if you need further clarification: berta.larre@sage.com.

CodeSandbox or Storybook URL

No response

Anything else we should know?

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

This comes from the built in locales supplied by date-fns so it's weird that some are capitalised whilst others aren't.

I don't think they're likely to fix this anytime soon but we can fix it by either updating the function or via CSS:

• CSS:

.DayPicker-Caption {
    display: table-caption;
    height: 1.5rem;
    text-align: center;

    > div::first-letter {
      text-transform: capitalize;
    }
  }

• JS:

const monthsLong = Array.from({ length: 12 }).map((_, i) => {
      const month = localize.month(i);

      return month[0].toUpperCase() + month.slice(1);
    });

[Parsium]

FE-5197

[carbonci]

🎉 This issue has been resolved in version 106.6.10 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀