@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha31

package/src/components/VCalendar/__tests__/__snapshots__/VCalendar.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`VCalendar should go to correct day when using next/prev public functions 1`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -16,8 +16,8 @@ exports[`VCalendar should go to correct day when using next/prev public function
         Fri
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             11
@@ -309,7 +309,7 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should go to correct day when using next/prev public functions 2`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -321,14 +321,14 @@ exports[`VCalendar should go to correct day when using next/prev public function
     </div>
     <div class="v-calendar-daily_head-day v-past">
       <div class="v-calendar-daily_head-weekday">
-        Sat
+        Fri
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
-            12
+            11
           </span>
         </button>
       </div>
@@ -617,7 +617,7 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should go to correct day when using next/prev public functions 3`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -632,8 +632,8 @@ exports[`VCalendar should go to correct day when using next/prev public function
         Fri
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             11
@@ -925,7 +925,7 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should render 4-day view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -940,8 +940,8 @@ exports[`VCalendar should render 4-day view 1`] = `
         Mon
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             29
@@ -954,8 +954,8 @@ exports[`VCalendar should render 4-day view 1`] = `
         Tue
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             30
@@ -968,8 +968,8 @@ exports[`VCalendar should render 4-day view 1`] = `
         Wed
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             31
@@ -982,8 +982,8 @@ exports[`VCalendar should render 4-day view 1`] = `
         Thu
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             1
@@ -1569,7 +1569,7 @@ exports[`VCalendar should render 4-day view 1`] = `
 `;
 
 exports[`VCalendar should render day view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -1584,8 +1584,8 @@ exports[`VCalendar should render day view 1`] = `
         Mon
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             29
@@ -1877,57 +1877,58 @@ exports[`VCalendar should render day view 1`] = `
 `;
 
 exports[`VCalendar should render month view 1`] = `
-<div class="v-calendar-monthly v-calendar-weekly v-calendar theme--light"
+<div class="v-calendar-monthly v-calendar-weekly theme--light v-calendar"
+     maxdays="7"
      role="grid"
 >
-  <div role="row"
-       class="v-calendar-weekly__head"
+  <div class="v-calendar-weekly__head"
+       role="row"
   >
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-present v-outside"
+    <div class="v-calendar-weekly__head-weekday v-past v-outside"
+         role="columnheader"
     >
       Sun
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-past"
+         role="columnheader"
     >
       Mon
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-present"
+         role="columnheader"
     >
       Tue
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-future"
+         role="columnheader"
     >
       Wed
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-future"
+         role="columnheader"
     >
       Thu
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-future"
+         role="columnheader"
     >
       Fri
     </div>
-    <div role="columnheader"
-         class="v-calendar-weekly__head-weekday v-future"
+    <div class="v-calendar-weekly__head-weekday v-future"
+         role="columnheader"
     >
       Sat
     </div>
   </div>
-  <div role="row"
-       class="v-calendar-weekly__week"
+  <div class="v-calendar-weekly__week"
+       role="row"
   >
-    <div role="cell"
-         class="v-calendar-weekly__day v-past v-outside"
+    <div class="v-calendar-weekly__day v-past v-outside"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             31
@@ -1935,12 +1936,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             Jan 1
@@ -1948,12 +1949,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             2
@@ -1961,12 +1962,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             3
@@ -1974,12 +1975,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             4
@@ -1987,12 +1988,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             5
@@ -2000,12 +2001,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             6
@@ -2014,15 +2015,15 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div role="row"
-       class="v-calendar-weekly__week"
+  <div class="v-calendar-weekly__week"
+       role="row"
   >
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             7
@@ -2030,12 +2031,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             8
@@ -2043,12 +2044,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             9
@@ -2056,12 +2057,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             10
@@ -2069,12 +2070,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             11
@@ -2082,12 +2083,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             12
@@ -2095,12 +2096,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             13
@@ -2109,15 +2110,15 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div role="row"
-       class="v-calendar-weekly__week"
+  <div class="v-calendar-weekly__week"
+       role="row"
   >
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             14
@@ -2125,12 +2126,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             15
@@ -2138,12 +2139,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             16
@@ -2151,12 +2152,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             17
@@ -2164,12 +2165,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             18
@@ -2177,12 +2178,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             19
@@ -2190,12 +2191,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             20
@@ -2204,15 +2205,15 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div role="row"
-       class="v-calendar-weekly__week"
+  <div class="v-calendar-weekly__week"
+       role="row"
   >
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             21
@@ -2220,12 +2221,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             22
@@ -2233,12 +2234,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             23
@@ -2246,12 +2247,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             24
@@ -2259,12 +2260,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             25
@@ -2272,12 +2273,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             26
@@ -2285,12 +2286,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             27
@@ -2299,15 +2300,15 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div role="row"
-       class="v-calendar-weekly__week"
+  <div class="v-calendar-weekly__week"
+       role="row"
   >
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             28
@@ -2315,12 +2316,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             29
@@ -2328,12 +2329,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             30
@@ -2341,12 +2342,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past"
+    <div class="v-calendar-weekly__day v-past"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             31
@@ -2354,12 +2355,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past v-outside"
+    <div class="v-calendar-weekly__day v-past v-outside"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             Feb 1
@@ -2367,12 +2368,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past v-outside"
+    <div class="v-calendar-weekly__day v-past v-outside"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             2
@@ -2380,12 +2381,12 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div role="cell"
-         class="v-calendar-weekly__day v-past v-outside"
+    <div class="v-calendar-weekly__day v-past v-outside"
+         role="cell"
     >
       <div class="v-calendar-weekly__day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
+                type="button"
         >
           <span class="v-btn__content">
             3
@@ -2398,7 +2399,7 @@ exports[`VCalendar should render month view 1`] = `
 `;
 
 exports[`VCalendar should render week view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light"
+<div class="v-calendar-daily theme--light v-calendar"
      role="grid"
 >
   <div class="v-calendar-daily__head"
@@ -2413,8 +2414,8 @@ exports[`VCalendar should render week view 1`] = `
         Sun
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             28
@@ -2427,8 +2428,8 @@ exports[`VCalendar should render week view 1`] = `
         Mon
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             29
@@ -2441,8 +2442,8 @@ exports[`VCalendar should render week view 1`] = `
         Tue
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             30
@@ -2455,8 +2456,8 @@ exports[`VCalendar should render week view 1`] = `
         Wed
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             31
@@ -2469,8 +2470,8 @@ exports[`VCalendar should render week view 1`] = `
         Thu
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             1
@@ -2483,8 +2484,8 @@ exports[`VCalendar should render week view 1`] = `
         Fri
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             2
@@ -2497,8 +2498,8 @@ exports[`VCalendar should render week view 1`] = `
         Sat
       </div>
       <div class="v-calendar-daily_head-day-label">
-        <button type="button"
-                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+        <button class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
+                type="button"
         >
           <span class="v-btn__content">
             3