All <Form> components need get/set value methods.

components/date_picker/index.jsx

@@ -42,10 +42,6 @@ export default React.createClass({
     return `${date.getDate()} ${time.getFullMonth(date)} ${date.getFullYear()}`;
   },
 
-  getValue () {
-    return this.state.value;
-  },
-
   render () {
     return (
       <div data-toolbox='date-picker'>
@@ -65,5 +61,13 @@ export default React.createClass({
         />
       </div>
     );
+  },
+
+  getValue () {
+    return this.state.value;
+  },
+
+  setValue (value) {
+    this.setState({value: value});
   }
 });

components/time_picker/index.jsx

@@ -44,10 +44,6 @@ export default React.createClass({
     }
   },
 
-  getValue () {
-    return this.state.value;
-  },
-
   render () {
     return (
       <div data-react-toolbox='time-picker'>
@@ -68,5 +64,13 @@ export default React.createClass({
         />
       </div>
     );
+  },
+
+  getValue () {
+    return this.state.value;
+  },
+
+  setValue (value) {
+    this.setState({value: value});
   }
 });