data-picker-inline Popover instead of Paper

mui · Dec 16, 2015 · b6bc2b7 · b6bc2b7
1 parent b88661b
commit b6bc2b7
Showing 1 changed file with 12 additions and 8 deletions.
diff --git 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>
     );