Minor changes

components/table/readme.md

@@ -21,9 +21,9 @@ const UserModel = {
 };
 
 const users = [
-  {name: 'Javi Jimenez', twitter: '@soyjavi', birthdate: Date(1980, 4, 10), cats: 1}
+  {name: 'Javi Jimenez', twitter: '@soyjavi', birthdate: new Date(1980, 3, 11), cats: 1}
 ,
-  {name: 'Javi Velasco', twitter: '@javivelasco', birthdate: Date(1987, 4, 10), dogs: 1, active: true}
+  {name: 'Javi Velasco', twitter: '@javivelasco', birthdate: new Date(1987, 1, 1), dogs: 1, active: true}
 ];
 
 const TableTest = () => (

spec/components/table.jsx

@@ -1,28 +1,28 @@
 import React from 'react';
 import Table from '../../components/table';
 
+const UserModel = {
+  name: {type: String}
+,
+  twitter: {type: String}
+,
+  birthdate: {type: Date}
+,
+  cats: {type: Number}
+,
+  dogs: {type: Number}
+,
+  active: {type: Boolean}
+};
+
+const users = [
+  {name: 'Javi Jimenez', twitter: '@soyjavi', birthdate: new Date(1980, 3, 11), cats: 1}
+,
+  {name: 'Javi Velasco', twitter: '@javivelasco', birthdate: new Date(1987, 1, 1), dogs: 1, active: true}
+];
+
 class TableTest extends React.Component {
 
-  state = {
-    model: {
-      name: {type: String, required: true}
-    ,
-      twitter: {type: String, required: true}
-    ,
-      birthdate: {type: Date}
-    ,
-      cats: {type: Number}
-    ,
-      active: {type: Boolean}
-    },
-
-    dataSource: [
-      {name: 'Javi Jimenez', twitter: '@soyjavi', birthdate: Date(1980, 4, 10), cats: 1}
-    ,
-      {name: 'Javi Velasco', twitter: '@javivelasco', birthdate: Date(1987, 4, 10), active: true}
-    ]
-  };
-
   handleTableChange = (event, instance, row) => {
     console.log('handleTableChange', instance.getValue(), row);
   };
@@ -35,10 +35,10 @@ class TableTest extends React.Component {
     return (
       <section>
         <h5>Table</h5>
-        <p style={{marginBottom: '10px'}}>Table who doesn't suck...</p>
+        <p style={{marginBottom: '10px'}}>Organized data.</p>
         <Table
-          model={this.state.model}
-          dataSource={this.state.dataSource}
+          model={UserModel}
+          dataSource={users}
           onChange={this.handleTableChange}
           onSelect={this.handleTableSelect}
         />