diff --git a/src/calendar.vue b/src/calendar.vue
index 2a14620..67de690 100644
--- a/src/calendar.vue
+++ b/src/calendar.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="mx-calendar">
+  <div class="mx-calendar"
+    :class="'mx-calendar-panel-' + panel.toLowerCase()">
     <div class="mx-calendar-header">
       <a
         v-show="panel !== 'TIME'"