From 847f6aae3d72b16b3489985291be5719cf17016d Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Wed, 1 Nov 2023 16:44:21 +0100
Subject: [PATCH] fix(NcTimezonePicker): Allow to set ID of inner select
 element to be able to reference it for labels

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 src/components/NcTimezonePicker/NcTimezonePicker.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/NcTimezonePicker/NcTimezonePicker.vue b/src/components/NcTimezonePicker/NcTimezonePicker.vue
index 491c951d5b..ed80efd088 100644
--- a/src/components/NcTimezonePicker/NcTimezonePicker.vue
+++ b/src/components/NcTimezonePicker/NcTimezonePicker.vue
@@ -41,7 +41,8 @@ export default {
 </docs>
 
 <template>
-	<NcSelect :value="selectedTimezone"
+	<NcSelect :uid="uid"
+		:value="selectedTimezone"
 		:options="options"
 		:multiple="false"
 		:clearable="false"
@@ -58,6 +59,7 @@ import {
 	getSortedTimezoneList,
 } from './timezone.js'
 import getTimezoneManager from './timezoneDataProviderService.js'
+import GenRandomId from '../../utils/GenRandomId.js'
 import NcSelect from '../NcSelect/index.js'
 import { t } from '../../l10n.js'
 
@@ -81,6 +83,13 @@ export default {
 			type: String,
 			default: 'floating',
 		},
+		/**
+		 * ID of the inner vue-select element, can be used for labels like: `vs-${uid}__combobox`
+		 */
+		uid: {
+			type: [String, Number],
+			default: () => `tz-${GenRandomId(5)}`,
+		},
 	},
 	emits: ['input'],
 	computed: {