fix focus & click behaviour of time range selector and task project dropdown modal

resources/js/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue

@@ -314,7 +314,7 @@ const showCreateProject = ref(false);
             <span>Add new project</span>
         </Badge>
     </div>
-    <Dropdown v-else v-model="open" :closeOnContentClick="true" align="bottom">
+    <Dropdown v-else v-model="open" :closeOnContentClick="false" align="bottom">
         <template #trigger>
             <ProjectBadge
                 ref="projectDropdownTrigger"
@@ -340,6 +340,7 @@ const showCreateProject = ref(false);
                 :value="searchValue"
                 @input="updateSearchValue"
                 @keydown.enter="addClientIfNoneExists"
+                @click.prevent="searchInput?.focus()"
                 data-testid="client_dropdown_search"
                 @keydown.up.prevent="moveHighlightUp"
                 @keydown.down.prevent="moveHighlightDown"

resources/js/Components/Common/TimeTracker/TimeTrackerRangeSelector.vue

@@ -119,6 +119,13 @@ async function updateTimeRange(newStart: string) {
         }
     }
 }
+
+const startTime = computed(() => {
+    if (currentTimeEntry.value.start && currentTimeEntry.value.start !== '') {
+        return currentTimeEntry.value.start;
+    }
+    return dayjs().utc().format();
+});
 </script>
 
 <template>
@@ -142,7 +149,7 @@ async function updateTimeRange(newStart: string) {
             <template #content>
                 <TimeRangeSelector
                     @changed="updateTimeRange"
-                    :start="currentTimeEntry.start"
+                    :start="startTime"
                     :end="null">
                 </TimeRangeSelector>
             </template>