Merge pull request Hacker0x01#67 from Hacker0x01/fix-some-classes

lbekkema · lbekkema · commit 476ee43fe4e6 · 2015-01-28T16:39:00.000+01:00
Fix some CSS classes
diff --git a/example.html b/example.html
@@ -19,10 +19,10 @@
   <body>
     <h1>ReactJS DatePicker Example</h1>
 
-    <div id="datepicker-container"></div>
+    <div id="datepicker-region"></div>
 
     <script type="text/javascript">
-      var container = document.querySelector('#datepicker-container');
+      var container = document.querySelector('#datepicker-region');
       var exampleComponent = React.createClass({
         displayName: 'exampleComponent',
 
diff --git a/react-datepicker.js b/react-datepicker.js
@@ -383,7 +383,7 @@ var Popover = React.createClass({
 
   componentWillMount: function() {
     popoverContainer = document.createElement('span');
-    popoverContainer.className = 'datepicker-container';
+    popoverContainer.className = 'datepicker__container';
 
     this._popoverElement = popoverContainer;
 
@@ -402,9 +402,7 @@ var Popover = React.createClass({
     var className = this.props.className;
     return (
       React.DOM.div({className: className}, 
-        React.DOM.div({className: "datepicker-popover-content"}, 
-          this.props.children
-        )
+        this.props.children
       )
     );
   },
diff --git a/src/popover.js b/src/popover.js
@@ -5,7 +5,7 @@ var Popover = React.createClass({
 
   componentWillMount: function() {
     popoverContainer = document.createElement('span');
-    popoverContainer.className = 'datepicker-container';
+    popoverContainer.className = 'datepicker__container';
 
     this._popoverElement = popoverContainer;
 
@@ -24,9 +24,7 @@ var Popover = React.createClass({
     var className = this.props.className;
     return (
       <div className={className}>
-        <div className="datepicker-popover-content">
-          {this.props.children}
-        </div>
+        {this.props.children}
       </div>
     );
   },
