Arrange the Date Type code a bit and make it go with our UI theme.

src/components/PropField.js

@@ -15,7 +15,7 @@ const stylesheet = {
     paddingRight: 5,
     paddingTop: 7,
     textAlign: 'right',
-    width: 20,
+    width: 60,
     fontSize: 10,
     color: 'rgb(68, 68, 68)',
     textTransform: 'uppercase',

src/components/types/Date/index.js

@@ -1,9 +1,22 @@
 import React from 'react';
 import Datetime from 'react-datetime';
 import insertCss from 'insert-css';
-import style from './Date-style';
+import style from './styles';
+
+const customStyle = `
+  .rdt input {
+    outline: 0;
+    width: 300px;
+    border: 1px solid #f7f4f4;
+    borderRadius: 2px;
+    fontSize: 11px;
+    padding: 5px;
+    color: #555;
+  }
+`;
 
 insertCss(style);
+insertCss(customStyle);
 
 class DateType extends React.Component {
   render() {

src/components/types/Date/styles.js

@@ -1,4 +1,4 @@
-const style = `
+export default `
   .rdt {
     position: relative;
   }
@@ -217,5 +217,3 @@ const style = `
     margin-top: 37px;
   }
 `;
-
-export default style;