Turn epic dates into one clickable block

app/assets/javascripts/vue_shared/components/sidebar/collapsed_grouped_date_picker.vue

@@ -77,12 +77,11 @@ export default {
 </script>
 
 <template>
-  <div class="block sidebar-grouped-item">
+  <div class="block sidebar-grouped-item gl-cursor-pointer" role="button" @click="toggleSidebar">
     <collapsed-calendar-icon
       v-if="showMinDateBlock"
       :container-class="iconClass"
       :tooltip-text="tooltipText('min')"
-      @click="toggleSidebar"
     >
       <span class="sidebar-collapsed-value">
         <span v-if="showFromText">{{ __('From') }}</span> <span>{{ dateText('min') }}</span>
@@ -93,7 +92,6 @@ export default {
       v-if="maxDate"
       :container-class="iconClass"
       :tooltip-text="tooltipText('max')"
-      @click="toggleSidebar"
     >
       <span class="sidebar-collapsed-value">
         <span v-if="!minDate">{{ __('Until') }}</span> <span>{{ dateText('max') }}</span>

ee/changelogs/unreleased/turn-epic-dates-into-one-clickable-block.yml

+---
+title: Turn epic dates into one clickable block
+merge_request: 15722
+author: Lee Tickett
+type: other