@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

package/src/components/VDatePicker/__tests__/__snapshots__/VDatePicker.month.spec.ts.snap

@@ -4,8 +4,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
 <tbody>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           Jan
@@ -13,8 +13,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -23,8 +23,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           Mar
@@ -34,8 +34,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -44,8 +44,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--active theme--light accent"
+      <button class="v-btn v-size--default v-btn--active theme--light accent"
+              type="button"
       >
         <div class="v-btn__content">
           May
@@ -53,8 +53,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -65,8 +65,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           Jul
@@ -74,8 +74,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -84,8 +84,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -96,8 +96,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -106,8 +106,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -116,8 +116,8 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+      <button class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
+              type="button"
               disabled
       >
         <div class="v-btn__content">
@@ -130,11 +130,13 @@ exports[`VDatePicker.ts should match snapshot with allowed dates as array 1`] =
 `;
 
 exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] = `
-<div class="v-picker v-card v-picker--date theme--light">
+<div class="v-picker v-card theme--light v-picker--date">
   <div class="v-picker__title orange darken-1">
     <div class="v-date-picker-title">
       <div class="v-picker__title__btn v-date-picker-title__year">
-        2005
+        <span>
+          2005
+        </span>
       </div>
       <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
         <div>
@@ -148,15 +150,15 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
   >
     <div>
       <div class="v-date-picker-header theme--light">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Previous year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -166,15 +168,15 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Next year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -183,8 +185,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
           <tbody>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jan
@@ -192,8 +194,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Feb
@@ -201,8 +203,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Mar
@@ -212,8 +214,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Apr
@@ -221,8 +223,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     May
@@ -230,8 +232,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jun
@@ -241,8 +243,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jul
@@ -250,8 +252,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Aug
@@ -259,8 +261,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Sep
@@ -270,8 +272,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Oct
@@ -279,8 +281,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Nov
@@ -288,8 +290,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Dec
@@ -302,15 +304,19 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
-<div class="v-picker v-card v-picker--date theme--light">
+<div class="v-picker v-card theme--light v-picker--date">
   <div class="v-picker__title orange darken-1">
     <div class="v-date-picker-title">
       <div class="v-picker__title__btn v-date-picker-title__year">
-        2005
+        <span>
+          2005
+        </span>
       </div>
       <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
         <div>
@@ -324,15 +330,15 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
   >
     <div>
       <div class="v-date-picker-header theme--light">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Previous year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -342,15 +348,15 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Next year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -359,8 +365,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
           <tbody>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jan
@@ -368,8 +374,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Feb
@@ -377,8 +383,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Mar
@@ -388,8 +394,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Apr
@@ -397,8 +403,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     May
@@ -406,8 +412,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jun
@@ -417,8 +423,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jul
@@ -426,8 +432,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Aug
@@ -435,8 +441,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Sep
@@ -446,8 +452,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Oct
@@ -455,8 +461,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Nov
@@ -464,8 +470,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Dec
@@ -478,6 +484,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
@@ -485,8 +493,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
 <tbody>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (01)
@@ -494,8 +502,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (02)
@@ -503,8 +511,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (03)
@@ -514,8 +522,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (04)
@@ -523,8 +531,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (05)
@@ -532,8 +540,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (06)
@@ -543,8 +551,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (07)
@@ -552,8 +560,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (08)
@@ -561,8 +569,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (09)
@@ -572,8 +580,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
   </tr>
   <tr>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (10)
@@ -581,8 +589,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (11)
@@ -590,8 +598,8 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
       </button>
     </td>
     <td>
-      <button type="button"
-              class="v-btn v-size--default v-btn--text theme--light"
+      <button class="v-btn v-size--default v-btn--text theme--light"
+              type="button"
       >
         <div class="v-btn__content">
           (12)
@@ -603,11 +611,13 @@ exports[`VDatePicker.ts should match snapshot with month formatting functions 1`
 `;
 
 exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
-<div class="v-picker v-card v-picker--date theme--light">
+<div class="v-picker v-card theme--light v-picker--date">
   <div class="v-picker__title primary">
     <div class="v-date-picker-title">
       <div class="v-picker__title__btn v-date-picker-title__year">
-        2013
+        <span>
+          2013
+        </span>
       </div>
       <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
         <div>
@@ -621,15 +631,15 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
   >
     <div>
       <div class="v-date-picker-header theme--light">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Previous year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -639,15 +649,15 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Next year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -656,8 +666,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
           <tbody>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jan
@@ -665,8 +675,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Feb
@@ -674,8 +684,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Mar
@@ -685,8 +695,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Apr
@@ -694,8 +704,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     May
@@ -703,8 +713,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jun
@@ -714,8 +724,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jul
@@ -723,8 +733,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Aug
@@ -732,8 +742,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Sep
@@ -743,8 +753,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Oct
@@ -752,8 +762,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Nov
@@ -761,8 +771,8 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Dec
@@ -775,15 +785,19 @@ exports[`VDatePicker.ts should match snapshot with pick-month prop 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should render flat picker 1`] = `
-<div class="v-picker v-card v-picker--date v-picker--flat theme--light">
+<div class="v-picker v-card v-picker--flat theme--light v-picker--date">
   <div class="v-picker__title primary">
     <div class="v-date-picker-title">
       <div class="v-picker__title__btn v-date-picker-title__year">
-        2013
+        <span>
+          2013
+        </span>
       </div>
       <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
         <div>
@@ -797,15 +811,15 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
   >
     <div>
       <div class="v-date-picker-header theme--light">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Previous year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -815,15 +829,15 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Next year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -832,8 +846,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
           <tbody>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jan
@@ -841,8 +855,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Feb
@@ -850,8 +864,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Mar
@@ -861,8 +875,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Apr
@@ -870,8 +884,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--active theme--light accent"
+                <button class="v-btn v-size--default v-btn--active theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     May
@@ -879,8 +893,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jun
@@ -890,8 +904,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jul
@@ -899,8 +913,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Aug
@@ -908,8 +922,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Sep
@@ -919,8 +933,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Oct
@@ -928,8 +942,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Nov
@@ -937,8 +951,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Dec
@@ -951,15 +965,19 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should render picker with elevation 1`] = `
-<div class="v-picker v-card v-picker--date theme--light elevation-15">
+<div class="v-picker v-card theme--light elevation-15 v-picker--date">
   <div class="v-picker__title primary">
     <div class="v-date-picker-title">
       <div class="v-picker__title__btn v-date-picker-title__year">
-        2013
+        <span>
+          2013
+        </span>
       </div>
       <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
         <div>
@@ -973,15 +991,15 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
   >
     <div>
       <div class="v-date-picker-header theme--light">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Previous year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -991,15 +1009,15 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
                 aria-label="Next year"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -1008,8 +1026,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
           <tbody>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jan
@@ -1017,8 +1035,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Feb
@@ -1026,8 +1044,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Mar
@@ -1037,8 +1055,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Apr
@@ -1046,8 +1064,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--active theme--light accent"
+                <button class="v-btn v-size--default v-btn--active theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     May
@@ -1055,8 +1073,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jun
@@ -1066,8 +1084,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Jul
@@ -1075,8 +1093,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Aug
@@ -1084,8 +1102,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Sep
@@ -1095,8 +1113,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Oct
@@ -1104,8 +1122,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Nov
@@ -1113,8 +1131,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-size--default v-btn--text theme--light"
+                <button class="v-btn v-size--default v-btn--text theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     Dec
@@ -1127,5 +1145,7 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;