skip:build add demo

for issue we are having

__tests__/demo/demo-components/EditableRowDateColumnIssue/index.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import MaterialTable from '../../../../src';
+
+export default function EditableTable() {
+  const { useState } = React;
+
+  const [columns, setColumns] = useState([
+    {
+      title: 'Date',
+      field: 'date',
+      type: 'date',
+      dateSetting: { locale: 'en-US', format: 'MM/dd/yyyy' }
+    }
+  ]);
+
+  const [data, setData] = useState([{ date: new Date() }]);
+
+  return (
+    <MaterialTable
+      title="Editable Preview"
+      columns={columns}
+      data={data}
+      editable={{
+        onRowAdd: (newData) =>
+          new Promise((resolve, reject) => {
+            setTimeout(() => {
+              setData([...data, newData]);
+
+              resolve();
+            }, 1000);
+          }),
+        onRowUpdate: (newData, oldData) =>
+          new Promise((resolve, reject) => {
+            setTimeout(() => {
+              const dataUpdate = [...data];
+              const index = oldData.tableData.id;
+              dataUpdate[index] = newData;
+              setData([...dataUpdate]);
+
+              resolve();
+            }, 1000);
+          }),
+        onRowDelete: (oldData) =>
+          new Promise((resolve, reject) => {
+            setTimeout(() => {
+              const dataDelete = [...data];
+              const index = oldData.tableData.id;
+              dataDelete.splice(index, 1);
+              setData([...dataDelete]);
+
+              resolve();
+            }, 1000);
+          })
+      }}
+    />
+  );
+}

__tests__/demo/demo-components/index.js

@@ -2,6 +2,8 @@ import React, { useState, useRef } from 'react';
 import MaterialTable, { MTableBodyRow, MTableEditRow } from '../../../src'; // root of this project
 // import { ExportCsv, ExportPdf } from '../../../exporters'; // root of this project
 
+export { default as EditableRowDateColumnIssue } from './EditableRowDateColumnIssue';
+
 const global_data = [
   { name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },
   { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 }

__tests__/demo/demo.js

@@ -33,14 +33,18 @@ import {
   EditableCells,
   FrankensteinDemo,
   HidingColumns,
-  Resizable
+  Resizable,
+  EditableRowDateColumnIssue
 } from './demo-components';
 import { I1353, I1941, I122 } from './demo-components/RemoteData';
 
 module.hot.accept();
 
 render(
   <div>
+    <h1>EditableRowDateColumnIssue</h1>
+    <EditableRowDateColumnIssue />
+
     <h1>Basic</h1>
     <Basic />