- fixed table inside table in months view.

- fixed ui layout and styles + removed some colors

Author: bars92

DateTime.js

@@ -330,10 +330,6 @@ var Datetime = createClass({
 		var date = this.state.selectedDate || this.state.viewDate;
 
 		var pickerSwitches = [];
-		pickerSwitches.push(
-      React.createElement('div', {key: 'swt', className: 'rdtSwitch time-switch ' + (!showDate ? 'inner-content' : 'unselected-left'), onClick: this.showView('time')}, React.createElement('span', {key: 'ht'},[React.createElement('i',  {key: 'wi', className: 'wait icon'}), date.format( formats.time )]))
-		);
-
 		if (!this.props.timeOnly) {
 			pickerSwitches.push(
         React.createElement('div', {
@@ -344,6 +340,10 @@ var Datetime = createClass({
 			);
 		}
 
+    pickerSwitches.push(
+      React.createElement('div', {key: 'swt', className: 'rdtSwitch time-switch ' + (!showDate ? 'inner-content' : 'unselected-left'), onClick: this.showView('time')}, React.createElement('span', {key: 'ht'},[React.createElement('i',  {key: 'wi', className: 'wait icon'}), date.format( formats.time )]))
+    );
+
 		return React.createElement('div', {className: className},
 			children.concat(
         React.createElement('div',

css/react-datetime.css

@@ -8,7 +8,7 @@
 .rdtPicker {
 	display: none;
 	position: absolute;
-  width: 250px;
+  width: 260px;
   padding: 4px;
   margin-top: 1px;
   z-index: 99999 !important;
@@ -79,19 +79,19 @@
 }
 
 .inner-content {
-  background: #fff;
   border: none;
 }
 
 .cancelBtn {
-  margin-left: 139px !important;
   font-size: 12px;
   color: red;
   padding-top: 4px;
+  display: inline-block;
 }
 
 .saveBtn {
   margin-left: 10px !important;
+  display: inline-block;
 }
 
 input {
@@ -103,7 +103,8 @@ input {
 }
 
 .time-switch {
-  float: right;
+  width: 40%;
+  display: inline-block;
   padding-right: 15px;
   padding-top: 6px;
   padding-bottom: 5px;
@@ -112,7 +113,8 @@ input {
 
 .date-switch {
   padding-top: 6px;
-  float: left;
+  width: 60%;
+  display: inline-block;
   padding-left: 13px;
   padding-bottom: 5px;
   padding-right: 10px;
@@ -121,7 +123,6 @@ input {
 .unselected-right,
 .unselected-left {
   border-bottom: 1px solid #e2e2e2;
-  padding-bottom: 3px;
 }
 
 .rdtPicker td span.rdtOld {
@@ -133,9 +134,6 @@ input {
   color: #999999;
   cursor: not-allowed;
 }
-.rdtPicker th {
-	border-bottom: 1px solid #f9f9f9;
-}
 .rdtPicker .dow {
   width: 14.2857%;
   border-bottom: none;
@@ -157,9 +155,6 @@ input {
 .rdtPicker thead tr:first-child th {
   cursor: pointer;
 }
-.rdtPicker thead tr:first-child th:hover {
-  background: #eeeeee;
-}
 
 .rdtPicker tfoot{
 	border-top: 1px solid #f9f9f9;
@@ -191,7 +186,6 @@ td.rdtYear:hover {
 }
 
 .rdtCounters {
-	display: inline-block;
   font-size: 12px
 }
 
@@ -213,23 +207,24 @@ td.rdtYear:hover {
 }
 
 .rdtCounter .rdtBtn {
-	height: 40%;
-  line-height: 40px;
-  cursor: pointer;
-}
-.rdtCounter .rdtBtn:hover {
-	background: #fff;
+    height: 40%;
+    line-height: 40px;
+    cursor: pointer;
+    font-size: 9px !important;
 }
 .rdtCounter .rdtCount {
 	height: 20%;
 	font-size: 1.2em;
-  border: none !important;
-  background: inherit !important;
+    border: none !important;
+    background: inherit !important;
 }
 
 .rdtCount {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
+    font-size: 15px !important;
+    padding: 0 !important;
+    text-align: center;
 }
 
 .rdtCount:hover {