Merge pull request #4734 from nextcloud-libraries/fix/nc-timezone-pic…

…ker-allow-uid

fix(NcTimezonePicker): Allow to set ID of inner select component

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: {