diff --git a/src/pages/Attendence/viewStudentsAttendence.vue b/src/pages/Attendence/viewStudentsAttendence.vue
index a19e29f..6be965e 100644
--- a/src/pages/Attendence/viewStudentsAttendence.vue
+++ b/src/pages/Attendence/viewStudentsAttendence.vue
@@ -68,7 +68,7 @@
           <h3 class="py-2 text-xs-center grey lighten-1 white--text">
             Attendence
             <span class="ml-4">
-              <v-avatar class="grey darken-1 caption" size="12"></v-avatar>
+              <v-avatar class="green caption" size="12"></v-avatar>
               <span class="subheading">Present</span>
             </span>
             <span class="ml-4">
@@ -78,8 +78,7 @@
           </h3>
           <YearCalendar
             v-model="year"
-            :activeDates.sync="activeDates"
-            @toggleDate="toggleDate"
+            :activeDates="activeDates"
             prefixClass="your_customized_wrapper_class"
             :activeClass="activeClass"
           ></YearCalendar>
@@ -130,7 +129,7 @@ export default {
             if (response.data.data[i].students[0].isPresent == true) {
               array.push({
                 date: response.data.data[i].date,
-                className: "grey"
+                className: "green"
               });
             } else if (response.data.data[i].students[0].isPresent == false) {
               array.push({
@@ -162,9 +161,6 @@ export default {
           console.log("err====>", err);
           // this.$router.replace({ path: '/' });
         });
-    },
-    toggleDate(dateInfo) {
-      console.log(dateInfo); // { date: '2010-10-23', selected: true }
     }
   }
 };