Добавила иконки

src/pages/newCalendar/components/CalendarHeader.vue

@@ -63,8 +63,14 @@
         :options="displayTypesList",
         no-caps,
         toggle-color="light-blue-4",
-        padding="4px"
+        padding="0px"
       )
+        template(v-slot:one)
+          .w-12.h-8.flex.items-center.justify-center
+            date-switcher-svg(name-svg="expanded", :active="value === 'expanded'")
+        template(v-slot:two)
+          .w-12.h-8.flex.items-center.justify-center
+            date-switcher-svg(name-svg="compressed", :active="value === 'collapsed'")
 </template>
 
 <script>
@@ -72,19 +78,20 @@ import BaseInput from "@/components/base/BaseInput";
 import BaseCalendar from "@/components/base/Calendar/BaseCalendar.vue";
 import { mapState, mapActions } from "vuex";
 import { v_model } from "@/shared/mixins/v-model";
+import DateSwitcherSvg from "@/pages/newCalendar/components/CalendarDateSwitcherSvg.vue";
 export default {
   name: "CalendarHeader",
   mixins: [v_model],
-  components: { BaseInput, BaseCalendar },
+  components: { BaseInput, BaseCalendar, DateSwitcherSvg },
   data() {
     return {
       displayTypesList: [
         {
-          label: "exp",
+          slot: "one",
           value: "expanded",
         },
         {
-          label: "col",
+          slot: "two",
           value: "collapsed",
         },
       ],