Merge branch '944-make-calendar-type-select-button-group-mandatory' into 'master'

Resolve "Make calendar type select button group mandatory"

Closes #944

See merge request !1355

aleksis/core/frontend/components/calendar/CalendarTypeSelect.vue

@@ -14,17 +14,20 @@ export default {
         {
           type: "month",
           translationKey: "calendar.month",
-          icon: "calendar-month-outline",
+          icon: "mdi-calendar-month-outline",
+          iconActive: "mdi-calendar-month",
         },
         {
           type: "week",
           translationKey: "calendar.week",
-          icon: "calendar-week-outline",
+          icon: "mdi-calendar-week-outline",
+          iconActive: "mdi-calendar-week",
         },
         {
           type: "day",
           translationKey: "calendar.day",
-          icon: "calendar-today-outline",
+          icon: "mdi-calendar-today-outline",
+          iconActive: "mdi-calendar-today",
         },
       ],
     };
@@ -46,14 +49,16 @@ export default {
 </script>
 
 <template>
-  <v-btn-toggle dense v-model="innerValue" class="mx-2">
+  <v-btn-toggle dense mandatory v-model="innerValue" class="mx-2">
     <v-btn
       v-for="calendarType in availableCalendarTypes"
       :value="calendarType.type"
       :key="calendarType.type"
     >
       <v-icon v-if="$vuetify.breakpoint.smAndDown">{{
-        "mdi-" + calendarType.icon
+        calendarType.type === innerValue
+          ? calendarType.iconActive
+          : calendarType.icon
       }}</v-icon>
       <span class="hidden-sm-and-down">{{ nameForMenu(calendarType) }}</span>
     </v-btn>