diff --git a/src/date-picker/date-picker-inline.jsx b/src/date-picker/date-picker-inline.jsx
index b3bfdadf9db123..e4cd58c85c22fe 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 {...other} open={open} anchorEl={this.refs.anchor}>
             {children}
             <div style={styles.actions}>
               {actions}
             </div>
-          </Paper>
+          </Popover>
         </div>
       </div>
     );