From a2d88762c9b8a25f0958fc1d81f8a3bb4349ab15 Mon Sep 17 00:00:00 2001
From: ShareVB <sharevb@gmail.com>
Date: Sun, 15 Dec 2024 12:52:59 +0100
Subject: [PATCH] fix: add a label on datetime range dropdown

---
 .../timezone-converter/timezone-converter.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/tools/timezone-converter/timezone-converter.vue b/src/tools/timezone-converter/timezone-converter.vue
index ba11a7f9..38954217 100644
--- a/src/tools/timezone-converter/timezone-converter.vue
+++ b/src/tools/timezone-converter/timezone-converter.vue
@@ -56,14 +56,17 @@ const countryToTimezonesOutput = computed(() => ctz.getTimezonesForCountry(count
         :options="allTimezones"
         mb-2
       />
-      <n-date-picker
-        :key="format"
-        v-model:value="currentDatetimeRange"
-        type="datetimerange"
-        :format="format"
-        :time-picker-props="timePickerProps"
-        mb-2
-      />
+      <n-form-item label="Date/time interval to convert:" label-placement="top">
+        <n-date-picker
+          :key="format"
+          v-model:value="currentDatetimeRange"
+          type="datetimerange"
+          :format="format"
+          :time-picker-props="timePickerProps"
+          mb-2
+          w-full
+        />
+      </n-form-item>
 
       <n-space justify="space-evenly">
         <n-form-item label="Current Timezone Offset:" label-placement="left">