changes

app/components/datepicker/EventOneMonth.vue

@@ -1,27 +1,39 @@
 <template>
   <div class="columns mx-0">
+    <EventSummary />
     <div
       class="column is-narrow"
       v-if="1 < 0"
-    >
-      <EventSummary></EventSummary>
-    </div>
+    ></div>
     <div class="column">
       <div class="mb-4">
         <span class="fsb-17 mr-4">{{ `T${vmonth}/${vyear}` }}</span>
         <a
           class="mr-2"
           @click="previous()"
-          ><SvgIcon v-bind="{ name: 'left1.svg', type: 'dark', size: 18 }"></SvgIcon
-        ></a>
+        >
+          <Icon
+            name="material-symbols:arrow-back-ios-new-rounded"
+            :size="18"
+          />
+        </a>
         <a
           class="mr-3"
           @click="next()"
-          ><SvgIcon v-bind="{ name: 'right.svg', type: 'dark', size: 18 }"></SvgIcon
-        ></a>
-        <a @click="refresh()"><SvgIcon v-bind="{ name: 'refresh.svg', type: 'dark', size: 18 }"></SvgIcon></a>
+        >
+          <Icon
+            name="material-symbols:arrow-forward-ios-rounded"
+            :size="18"
+          />
+        </a>
+        <a @click="refresh()">
+          <Icon
+            name="material-symbols:refresh-rounded"
+            :size="18"
+          />
+        </a>
       </div>
-      <EventDetail v-bind="{ events: events, vyear: vyear, vmonth: vmonth }"></EventDetail>
+      <EventDetail v-bind="{ events, vyear, vmonth }" />
     </div>
   </div>
 </template>