From b6bc2b7fecd9d7b0b7c645d818dbacf506f19a57 Mon Sep 17 00:00:00 2001
From: Ty <ty@dice.fm>
Date: Wed, 16 Dec 2015 20:12:56 +0000
Subject: [PATCH] data-picker-inline Popover instead of Paper

---
 src/date-picker/date-picker-inline.jsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/date-picker/date-picker-inline.jsx b/src/date-picker/date-picker-inline.jsx
index b3bfdadf9db123..86caf0664b9bc2 100644
--- a/src/date-picker/date-picker-inline.jsx
+++ b/src/date-picker/date-picker-inline.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Paper from '../paper';
+import Popover from '../popover/popover';
 
 const styles = {
   actions: {
@@ -31,6 +31,14 @@ const DatePickerInline = React.createClass({
   getDefaultProps() {
     return {
       open: false,
+      anchorOrigin: {
+        horizontal: 'left',
+        vertical: 'bottom',
+      },
+      targetOrigin: {
+        horizontal: 'left',
+        vertical: 'top',
+      },
     };
   },
 
@@ -43,19 +51,15 @@ const DatePickerInline = React.createClass({
       ...other,
     } = this.props;
 
-    if (!open) {
-      return <span />;
-    }
-
     return (
       <div style={styles.container}>
-        <div style={styles.subContainer}>
-          <Paper {...other}>
+        <div style={styles.subContainer} ref="anchor">
+          <Popover open={open} anchorEl={this.refs.anchor} {...other}>
             {children}
             <div style={styles.actions}>
               {actions}
             </div>
-          </Paper>
+          </Popover>
         </div>
       </div>
     );