diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
index f19e040eef..813fd1050c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
@@ -1,6 +1,6 @@
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { css, html, customElement, query, state, property } from '@umbraco-cms/backoffice/external/lit';
-import type { UUIComboboxElement, UUIComboboxEvent } from '@umbraco-cms/backoffice/external/uui';
+import type { UUISelectEvent } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { ManifestLocalization } from '@umbraco-cms/backoffice/extension-registry';
@@ -59,24 +59,22 @@ export class UmbUiCultureInputElement extends UUIFormControlMixin(UmbLitElement,
return this._selectElement;
}
- #onChange(event: UUIComboboxEvent) {
- event.stopPropagation();
- const target = event.target as UUIComboboxElement;
-
- if (typeof target?.value === 'string') {
- this.value = target.value;
- this.dispatchEvent(new UmbChangeEvent());
- }
+ #onCustomValidationChange(event: UUISelectEvent) {
+ this.value = event.target.value.toString();
+ this.dispatchEvent(new UmbChangeEvent());
}
override render() {
- return html`
-
- ${this._options.map(
- (option) => html`${option.name}`,
- )}
-
- `;
+ return html`
+ ({
+ name: e.name,
+ value: e.value,
+ selected: e.value == this.value
+ }))}>
+ `;
}
static override styles = [