diff --git a/dev/data/page.json b/dev/data/page.json
index 2ee824c9..7970d855 100644
--- a/dev/data/page.json
+++ b/dev/data/page.json
@@ -125,8 +125,7 @@
                           "label": "Personal Data",
                           "prependIcon": "person",
                           "appendIcon": null,
-                          "rowHeight": 22,
-                          "rows": 5,
+                          "rows": 2,
                           "autoGrow": false,
                           "outline": false,
                           "clearable": true,
diff --git a/src/components/CTextArea/CTextArea.js b/src/components/CTextArea/CTextArea.js
index 7c6ab52c..55070366 100644
--- a/src/components/CTextArea/CTextArea.js
+++ b/src/components/CTextArea/CTextArea.js
@@ -18,7 +18,6 @@ const getProps = (context) => {
     label: config.label,
     autoGrow: config.autoGrow,
     outline: config.outline,
-    rowHeight: config.rowHeight,
     rows: config.rows,
     color: config.color,
     dark: context.isThemeDark,
diff --git a/src/components/CTextArea/index.meta.js b/src/components/CTextArea/index.meta.js
index 8178d1ec..9853308c 100644
--- a/src/components/CTextArea/index.meta.js
+++ b/src/components/CTextArea/index.meta.js
@@ -67,12 +67,6 @@ export default {
       type: 'check',
       name: 'Auto Grow',
       value: false,
-      priority: 5,
-    },
-    placeholder: {
-      type: 'input',
-      name: 'Placeholder Text',
-      value: false,
       priority: 6,
     },
     outline: {
@@ -81,29 +75,29 @@ export default {
       value: false,
       priority: 7,
     },
-    rowHeight: {
+    rows: {
       type: 'input',
-      name: 'Row Height',
+      name: 'Number of Rows',
       value: 5,
-      priority: 8,
+      priority: 5,
     },
     tooltip: {
       type: 'input',
       name: 'Tooltip Text',
       value: null,
-      priority: 9,
+      priority: 8,
     },
     clearable: {
       type: 'check',
       name: 'Enable Input Reset',
       value: false,
-      priority: 10,
+      priority: 9,
     },
     disabled: {
       type: 'check',
       name: 'Disable Input',
       value: false,
-      priority: 12,
+      priority: 10,
     },
     validation: {
       type: 'group',
diff --git a/src/components/index.meta.js b/src/components/index.meta.js
index bb17aadf..d87f569a 100644
--- a/src/components/index.meta.js
+++ b/src/components/index.meta.js
@@ -28,6 +28,7 @@ export { default as table } from './CTable/index.meta';
 export { default as tabs } from './CTabs/index.meta';
 export { default as tags } from './CTags/index.meta';
 export { default as text } from './CText/index.meta';
+export { default as textArea } from './CTextArea/index.meta';
 export { default as video } from './CVideo/index.meta';
 export { default as videoStream } from './CVideoStream/index.meta';
 export { default as vlist } from './CVlist/index.meta';
diff --git a/tests/unit/specs/__snapshots__/elements.spec.js.snap b/tests/unit/specs/__snapshots__/elements.spec.js.snap
index c67cb98f..e2875e0c 100644
--- a/tests/unit/specs/__snapshots__/elements.spec.js.snap
+++ b/tests/unit/specs/__snapshots__/elements.spec.js.snap
@@ -114,7 +114,7 @@ exports[`AllComponents c-date renders correctly 1`] = `
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.next</i>
                 </div>
               </button>
-              <div class="v-date-picker-header__value"><strong class="accent--text">June 2018</strong></div>
+              <div class="v-date-picker-header__value"><strong class="accent--text">July 2018</strong></div>
               <button type="button" class="v-btn v-btn--icon">
                 <div class="v-btn__content">
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.prev</i>
@@ -136,11 +136,6 @@ exports[`AllComponents c-date renders correctly 1`] = `
                 </thead>
                 <tbody>
                   <tr>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">1</div>
@@ -151,8 +146,6 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">2</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">3</div>
@@ -169,7 +162,7 @@ exports[`AllComponents c-date renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
                         <div class="v-btn__content">6</div>
                       </button>
                     </td>
@@ -178,6 +171,8 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">7</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">8</div>
@@ -188,8 +183,6 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">9</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">10</div>
@@ -215,6 +208,8 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">14</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">15</div>
@@ -225,8 +220,6 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">16</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">17</div>
@@ -252,6 +245,8 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">21</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">22</div>
@@ -262,8 +257,6 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">23</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">24</div>
@@ -285,10 +278,12 @@ exports[`AllComponents c-date renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">28</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">29</div>
@@ -299,6 +294,11 @@ exports[`AllComponents c-date renders correctly 1`] = `
                         <div class="v-btn__content">30</div>
                       </button>
                     </td>
+                    <td>
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                        <div class="v-btn__content">31</div>
+                      </button>
+                    </td>
                   </tr>
                 </tbody>
               </table>
@@ -358,7 +358,7 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.next</i>
                 </div>
               </button>
-              <div class="v-date-picker-header__value"><strong class="accent--text">June 2018</strong></div>
+              <div class="v-date-picker-header__value"><strong class="accent--text">July 2018</strong></div>
               <button type="button" class="v-btn v-btn--icon">
                 <div class="v-btn__content">
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.prev</i>
@@ -380,11 +380,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                 </thead>
                 <tbody>
                   <tr>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">1</div>
@@ -395,8 +390,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">2</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">3</div>
@@ -413,7 +406,7 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
                         <div class="v-btn__content">6</div>
                       </button>
                     </td>
@@ -422,6 +415,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">7</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">8</div>
@@ -432,8 +427,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">9</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">10</div>
@@ -459,6 +452,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">14</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">15</div>
@@ -469,8 +464,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">16</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">17</div>
@@ -496,6 +489,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">21</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">22</div>
@@ -506,8 +501,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">23</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">24</div>
@@ -529,10 +522,12 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">28</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">29</div>
@@ -543,6 +538,11 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">30</div>
                       </button>
                     </td>
+                    <td>
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                        <div class="v-btn__content">31</div>
+                      </button>
+                    </td>
                   </tr>
                 </tbody>
               </table>
@@ -569,7 +569,7 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.next</i>
                 </div>
               </button>
-              <div class="v-date-picker-header__value"><strong class="accent--text">June 2018</strong></div>
+              <div class="v-date-picker-header__value"><strong class="accent--text">July 2018</strong></div>
               <button type="button" class="v-btn v-btn--icon">
                 <div class="v-btn__content">
                   <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.prev</i>
@@ -591,11 +591,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                 </thead>
                 <tbody>
                   <tr>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">1</div>
@@ -606,8 +601,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">2</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">3</div>
@@ -624,7 +617,7 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
                         <div class="v-btn__content">6</div>
                       </button>
                     </td>
@@ -633,6 +626,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">7</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">8</div>
@@ -643,8 +638,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">9</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">10</div>
@@ -670,6 +663,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">14</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">15</div>
@@ -680,8 +675,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">16</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">17</div>
@@ -707,6 +700,8 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">21</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">22</div>
@@ -717,8 +712,6 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">23</div>
                       </button>
                     </td>
-                  </tr>
-                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">24</div>
@@ -740,10 +733,12 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                       </button>
                     </td>
                     <td>
-                      <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">28</div>
                       </button>
                     </td>
+                  </tr>
+                  <tr>
                     <td>
                       <button type="button" class="v-btn v-btn--flat v-btn--floating">
                         <div class="v-btn__content">29</div>
@@ -754,6 +749,11 @@ exports[`AllComponents c-date-range renders correctly 1`] = `
                         <div class="v-btn__content">30</div>
                       </button>
                     </td>
+                    <td>
+                      <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                        <div class="v-btn__content">31</div>
+                      </button>
+                    </td>
                   </tr>
                 </tbody>
               </table>
@@ -906,7 +906,7 @@ exports[`AllComponents c-picker renders correctly 1`] = `
               <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.next</i>
             </div>
           </button>
-          <div class="v-date-picker-header__value"><strong class="accent--text">June 2018</strong></div>
+          <div class="v-date-picker-header__value"><strong class="accent--text">July 2018</strong></div>
           <button type="button" class="v-btn v-btn--icon">
             <div class="v-btn__content">
               <i aria-hidden="true" class="v-icon material-icons">$vuetify.icons.prev</i>
@@ -928,11 +928,6 @@ exports[`AllComponents c-picker renders correctly 1`] = `
             </thead>
             <tbody>
               <tr>
-                <td></td>
-                <td></td>
-                <td></td>
-                <td></td>
-                <td></td>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">1</div>
@@ -943,8 +938,6 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">2</div>
                   </button>
                 </td>
-              </tr>
-              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">3</div>
@@ -961,7 +954,7 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                   </button>
                 </td>
                 <td>
-                  <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                  <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
                     <div class="v-btn__content">6</div>
                   </button>
                 </td>
@@ -970,6 +963,8 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">7</div>
                   </button>
                 </td>
+              </tr>
+              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">8</div>
@@ -980,8 +975,6 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">9</div>
                   </button>
                 </td>
-              </tr>
-              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">10</div>
@@ -1007,6 +1000,8 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">14</div>
                   </button>
                 </td>
+              </tr>
+              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">15</div>
@@ -1017,8 +1012,6 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">16</div>
                   </button>
                 </td>
-              </tr>
-              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">17</div>
@@ -1044,6 +1037,8 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">21</div>
                   </button>
                 </td>
+              </tr>
+              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">22</div>
@@ -1054,8 +1049,6 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">23</div>
                   </button>
                 </td>
-              </tr>
-              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">24</div>
@@ -1077,10 +1070,12 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                   </button>
                 </td>
                 <td>
-                  <button type="button" class="v-btn v-btn--flat v-btn--floating v-btn--outline accent--text">
+                  <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">28</div>
                   </button>
                 </td>
+              </tr>
+              <tr>
                 <td>
                   <button type="button" class="v-btn v-btn--flat v-btn--floating">
                     <div class="v-btn__content">29</div>
@@ -1091,6 +1086,11 @@ exports[`AllComponents c-picker renders correctly 1`] = `
                     <div class="v-btn__content">30</div>
                   </button>
                 </td>
+                <td>
+                  <button type="button" class="v-btn v-btn--flat v-btn--floating">
+                    <div class="v-btn__content">31</div>
+                  </button>
+                </td>
               </tr>
             </tbody>
           </table>