opendesk

1<template>
2  <Combobox
3    v-model="modelValue"
4    trigger="button"
5    side="top"
6    align="end"
7    :label="label ? __(label) : undefined"
8    :options="options"
9    :placeholder="__('Select timezone')"
10    :loading="timezoneResource.loading"
11  />
12</template>
13
14<script setup lang="ts">
15import { __ } from "@/translation";
16import { Combobox, createResource } from "frappe-ui";
17import { computed } from "vue";
18
19defineProps<{
20  label?: string;
21}>();
22
23const modelValue = defineModel<string>({ default: "" });
24
25const timezoneResource = createResource({
26  url: "frappe.core.doctype.user.user.get_timezones",
27  auto: true,
28  cache: ["Timezones"],
29});
30
31const options = computed<string[]>(
32  () => timezoneResource.data?.timezones ?? []
33);
34</script>
35