Update examples to show an example of a custom popover location

Author: truckingsim

example/App.jsx

@@ -12,7 +12,8 @@ var exampleComponent = React.createClass({
       new_date: null,
       bound_date: null,
       example5Selected: null,
-      example6Selected: null
+      example6Selected: null,
+      custom_popover_date: moment()
     };
   },
 
@@ -52,6 +53,12 @@ var exampleComponent = React.createClass({
     });
   },
 
+  handleCustomPopoverChange: function(date) {
+    this.setState({
+      custom_popover_date: date
+    });
+  },
+
   render: function() {
     return <div>
       <DatePicker
@@ -100,6 +107,14 @@ var exampleComponent = React.createClass({
         disabled={true}
         placeholderText="This is disabled"
       />
+      <DatePicker
+        key="example8"
+        selected={this.state.custom_popover_date}
+        onChange={this.handleCustomPopoverChange}
+        popoverAttachment="bottom center"
+        popoverTargetAttachment="top center"
+        popoverTargetOffset="0px 0px"
+      />
     </div>;
   }
 });