@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

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

@@ -9,11 +9,13 @@ exports[`VDatePicker.ts should handle date range picker with null value 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>
@@ -27,15 +29,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 month"
         >
           <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">
@@ -45,15 +47,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 month"
         >
           <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>
@@ -91,8 +93,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light primary"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light primary"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -100,8 +102,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -109,8 +111,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -118,8 +120,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -127,8 +129,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -138,8 +140,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -147,8 +149,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -156,8 +158,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -165,8 +167,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -174,8 +176,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -183,8 +185,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -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-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -203,8 +205,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -212,8 +214,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -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-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -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-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -239,8 +241,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -248,8 +250,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -257,8 +259,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -268,8 +270,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -277,8 +279,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -286,8 +288,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -295,8 +297,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -304,8 +306,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -313,8 +315,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -322,8 +324,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -333,8 +335,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -342,8 +344,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -351,8 +353,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -360,8 +362,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] =
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -380,15 +382,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>
@@ -402,15 +408,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 month"
         >
           <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">
@@ -420,15 +426,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 month"
         >
           <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>
@@ -466,8 +472,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light orange darken-1"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light orange darken-1"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -475,8 +481,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -484,8 +490,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -493,8 +499,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -502,8 +508,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -513,8 +519,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -522,8 +528,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -531,8 +537,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -540,8 +546,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -549,8 +555,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -558,8 +564,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -567,8 +573,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -578,8 +584,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -587,8 +593,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -596,8 +602,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -605,8 +611,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -614,8 +620,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -623,8 +629,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -632,8 +638,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -643,8 +649,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -652,8 +658,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -661,8 +667,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -670,8 +676,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -679,8 +685,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -688,8 +694,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -697,8 +703,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -708,8 +714,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -717,8 +723,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -726,8 +732,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -735,8 +741,8 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -755,15 +761,19 @@ exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
-<div class="v-picker v-card v-picker--date theme--dark">
+<div class="v-picker v-card theme--dark v-picker--date">
   <div class="v-picker__title">
     <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>
@@ -777,15 +787,15 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
   >
     <div>
       <div class="v-date-picker-header theme--dark">
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
+                type="button"
                 aria-label="Previous month"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-left theme--dark"
+            <span class="v-icon notranslate theme--dark"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
         <div class="v-date-picker-header__value">
@@ -795,15 +805,15 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
+        <button class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
+                type="button"
                 aria-label="Next month"
         >
           <span class="v-btn__content">
-            <i aria-hidden="true"
-               class="v-icon notranslate mdi mdi-chevron-right theme--dark"
+            <span class="v-icon notranslate theme--dark"
+                  aria-hidden="true"
             >
-            </i>
+            </span>
           </span>
         </button>
       </div>
@@ -843,8 +853,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -852,8 +862,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -861,8 +871,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -870,8 +880,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -881,8 +891,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -890,8 +900,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -899,8 +909,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--dark accent"
+                <button class="v-btn v-btn--active v-btn--rounded theme--dark accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -908,8 +918,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -917,8 +927,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -926,8 +936,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -935,8 +945,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -946,8 +956,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -955,8 +965,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -964,8 +974,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -973,8 +983,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -982,8 +992,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -991,8 +1001,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -1000,8 +1010,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -1011,8 +1021,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -1020,8 +1030,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -1029,8 +1039,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -1038,8 +1048,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -1047,8 +1057,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -1056,8 +1066,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -1065,8 +1075,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -1076,8 +1086,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -1085,8 +1095,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -1094,8 +1104,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -1103,8 +1113,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -1112,8 +1122,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -1121,8 +1131,8 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--dark"
+                <button class="v-btn v-btn--text v-btn--rounded theme--dark"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     31
@@ -1137,15 +1147,19 @@ exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should match snapshot with default settings 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>
@@ -1159,15 +1173,15 @@ exports[`VDatePicker.ts should match snapshot with default settings 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 month"
         >
           <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">
@@ -1177,15 +1191,15 @@ exports[`VDatePicker.ts should match snapshot with default settings 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 month"
         >
           <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>
@@ -1225,8 +1239,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -1234,8 +1248,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -1243,8 +1257,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -1252,8 +1266,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -1263,8 +1277,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -1272,8 +1286,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -1281,8 +1295,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -1290,8 +1304,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -1299,8 +1313,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -1308,8 +1322,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -1317,8 +1331,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -1328,8 +1342,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -1337,8 +1351,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -1346,8 +1360,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -1355,8 +1369,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -1364,8 +1378,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -1373,8 +1387,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -1382,8 +1396,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -1393,8 +1407,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -1402,8 +1416,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -1411,8 +1425,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -1420,8 +1434,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -1429,8 +1443,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -1438,8 +1452,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -1447,8 +1461,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -1458,8 +1472,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -1467,8 +1481,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -1476,8 +1490,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -1485,8 +1499,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -1494,8 +1508,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -1503,8 +1517,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     31
@@ -1519,6 +1533,8 @@ exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
@@ -1526,12 +1542,13 @@ exports[`VDatePicker.ts should match snapshot with year icon 1`] = `
 <div class="v-picker__title primary">
   <div class="v-date-picker-title">
     <div class="v-picker__title__btn v-date-picker-title__year">
-      2005
-      <i aria-hidden="true"
-         class="v-icon notranslate material-icons theme--dark"
+      <span>
+        2005
+      </span>
+      <span class="v-icon notranslate theme--dark"
+            aria-hidden="true"
       >
-        year
-      </i>
+      </span>
     </div>
     <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
       <div>
@@ -3070,11 +3087,13 @@ exports[`VDatePicker.ts should render component with min/max props 3`] = `
 `;
 
 exports[`VDatePicker.ts should render disabled 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 primary">
     <div class="v-date-picker-title v-date-picker-title--disabled">
       <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>
@@ -3088,16 +3107,16 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
   >
     <div>
       <div class="v-date-picker-header v-date-picker-header--disabled theme--light">
-        <button type="button"
-                disabled="disabled"
-                class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
+                disabled
                 aria-label="Previous month"
         >
           <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 v-date-picker-header__value--disabled">
@@ -3107,16 +3126,16 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
             </button>
           </div>
         </div>
-        <button type="button"
-                disabled="disabled"
-                class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
+        <button class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
+                type="button"
+                disabled
                 aria-label="Next month"
         >
           <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>
@@ -3156,8 +3175,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3166,8 +3185,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3176,8 +3195,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3186,8 +3205,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3198,8 +3217,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3208,8 +3227,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3218,8 +3237,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--flat v-btn--rounded v-btn--disabled theme--light accent"
+                <button class="v-btn v-btn--active v-btn--flat v-btn--rounded v-btn--disabled theme--light accent"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3228,8 +3247,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3238,8 +3257,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3248,8 +3267,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3258,8 +3277,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3270,8 +3289,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3280,8 +3299,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3290,8 +3309,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3300,8 +3319,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3310,8 +3329,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3320,8 +3339,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3330,8 +3349,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3342,8 +3361,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3352,8 +3371,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3362,8 +3381,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3372,8 +3391,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3382,8 +3401,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3392,8 +3411,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3402,8 +3421,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3414,8 +3433,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3424,8 +3443,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3434,8 +3453,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3444,8 +3463,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3454,8 +3473,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3464,8 +3483,8 @@ exports[`VDatePicker.ts should render disabled picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                <button class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
+                        type="button"
                         disabled
                 >
                   <div class="v-btn__content">
@@ -3481,15 +3500,19 @@ exports[`VDatePicker.ts should render disabled picker 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>
@@ -3503,15 +3526,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 month"
         >
           <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">
@@ -3521,15 +3544,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 month"
         >
           <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>
@@ -3569,8 +3592,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -3578,8 +3601,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -3587,8 +3610,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -3596,8 +3619,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -3607,8 +3630,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -3616,8 +3639,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -3625,8 +3648,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -3634,8 +3657,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -3643,8 +3666,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -3652,8 +3675,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -3661,8 +3684,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -3672,8 +3695,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -3681,8 +3704,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -3690,8 +3713,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -3699,8 +3722,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -3708,8 +3731,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -3717,8 +3740,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -3726,8 +3749,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -3737,8 +3760,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -3746,8 +3769,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -3755,8 +3778,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -3764,8 +3787,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -3773,8 +3796,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -3782,8 +3805,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -3791,8 +3814,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -3802,8 +3825,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -3811,8 +3834,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -3820,8 +3843,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -3829,8 +3852,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -3838,8 +3861,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -3847,8 +3870,8 @@ exports[`VDatePicker.ts should render flat picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     31
@@ -3863,15 +3886,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>
@@ -3885,15 +3912,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 month"
         >
           <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">
@@ -3903,15 +3930,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 month"
         >
           <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>
@@ -3951,8 +3978,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -3960,8 +3987,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -3969,8 +3996,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -3978,8 +4005,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -3989,8 +4016,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -3998,8 +4025,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -4007,8 +4034,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -4016,8 +4043,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -4025,8 +4052,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -4034,8 +4061,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -4043,8 +4070,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -4054,8 +4081,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -4063,8 +4090,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -4072,8 +4099,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -4081,8 +4108,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -4090,8 +4117,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -4099,8 +4126,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -4108,8 +4135,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -4119,8 +4146,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -4128,8 +4155,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -4137,8 +4164,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -4146,8 +4173,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -4155,8 +4182,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -4164,8 +4191,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -4173,8 +4200,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -4184,8 +4211,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -4193,8 +4220,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -4202,8 +4229,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -4211,8 +4238,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -4220,8 +4247,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -4229,8 +4256,8 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     31
@@ -4245,15 +4272,19 @@ exports[`VDatePicker.ts should render picker with elevation 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;
 
 exports[`VDatePicker.ts should render readonly 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 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>
@@ -4267,15 +4298,15 @@ exports[`VDatePicker.ts should render readonly 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 month"
         >
           <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">
@@ -4285,15 +4316,15 @@ exports[`VDatePicker.ts should render readonly 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 month"
         >
           <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>
@@ -4333,8 +4364,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
               <td>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     1
@@ -4342,8 +4373,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     2
@@ -4351,8 +4382,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     3
@@ -4360,8 +4391,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     4
@@ -4371,8 +4402,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     5
@@ -4380,8 +4411,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     6
@@ -4389,8 +4420,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                <button class="v-btn v-btn--active v-btn--rounded theme--light accent"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     7
@@ -4398,8 +4429,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     8
@@ -4407,8 +4438,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     9
@@ -4416,8 +4447,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     10
@@ -4425,8 +4456,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     11
@@ -4436,8 +4467,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     12
@@ -4445,8 +4476,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     13
@@ -4454,8 +4485,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     14
@@ -4463,8 +4494,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     15
@@ -4472,8 +4503,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     16
@@ -4481,8 +4512,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     17
@@ -4490,8 +4521,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     18
@@ -4501,8 +4532,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     19
@@ -4510,8 +4541,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     20
@@ -4519,8 +4550,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     21
@@ -4528,8 +4559,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     22
@@ -4537,8 +4568,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     23
@@ -4546,8 +4577,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     24
@@ -4555,8 +4586,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     25
@@ -4566,8 +4597,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
             </tr>
             <tr>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     26
@@ -4575,8 +4606,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     27
@@ -4584,8 +4615,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     28
@@ -4593,8 +4624,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     29
@@ -4602,8 +4633,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     30
@@ -4611,8 +4642,8 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
                 </button>
               </td>
               <td>
-                <button type="button"
-                        class="v-btn v-btn--text v-btn--rounded theme--light"
+                <button class="v-btn v-btn--text v-btn--rounded theme--light"
+                        type="button"
                 >
                   <div class="v-btn__content">
                     31
@@ -4627,5 +4658,7 @@ exports[`VDatePicker.ts should render readonly picker 1`] = `
       </div>
     </div>
   </div>
+  <div class="v-picker__actions v-card__actions">
+  </div>
 </div>
 `;