[DateTimePicker]: Input field not visible in v2.21.0

[kristinayotova]

Bug Description

After upgrading to UI5 Web Components 2.21.0, the DateTimePicker component no longer renders the input field.
The component appears broken and unusable because the user cannot see or interact with the input.

The problem can be reproduced even in the official documentation examples: https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-datetimepicker--docs

Affected Component

DateTimePicker

Expected Behaviour

The DateTimePicker should render its input field normally and allow the user to type or open the picker, as in previous versions.

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-datetimepicker--docs

Steps to Reproduce

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.21.0

Browser

Chrome

Operating System

No response

Additional Context

Used packages

"@ui5/webcomponents": "2.21.0",
"@ui5/webcomponents-base": "2.21.0",
"@ui5/webcomponents-cypress-commands": "2.21.2",
"@ui5/webcomponents-fiori": "2.21.0",
"@ui5/webcomponents-icons": "2.21.0",
"@ui5/webcomponents-react": "2.21.2",
"@ui5/webcomponents-react-base": "2.21.2",
"@ui5/webcomponents-react-charts": "2.21.2",
"@ui5/webcomponents-theming": "2.21.0"

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[tsanislavgatev]

Hi @kristinayotova ,

I don't reproduce it in isolated example only with ui5-webcomponents: https://ui5.github.io/webcomponents/components/DateTimePicker/

Can this be an issue with the wrapper, as your example is from ui5-webcomponents-react?

Best Regards,
Tsanislav

[lajos-seyler]

Hi @tsanislavgatev,

The issue appears to be locale-dependent.
It works correctly with en-US, but crashes with other locales such as en-GB and hu-HU.

Console error:

Uncaught (in promise) TypeError: can't access property "ca-gregorian", i is undefined

Possibly related to: #13323