Fix CSS issues with date picker component and table hovering

Author: gurbirkalsi

src/components/DatePicker/index.js

@@ -51,12 +51,12 @@ class AntdDatePicker extends Component {
   };
 
   render() {
-    const { selectedDateRange, styles } = this.props;
+    const { selectedDateRange, style } = this.props;
 
     return (
       <RangePicker
         separator="to"
-        style={styles}
+        style={style}
         onChange={this.handleChange}
         value={[
           selectedDateRange.start ? moment(selectedDateRange.start) : moment().subtract(7, 'day'),

src/components/Table/index.js

@@ -195,7 +195,7 @@ function Table({ columns, data, isCheckable, onCompare, loadingData }) {
               {page.map(row => {
                 prepareRow(row);
                 return (
-                  <tr {...row.getRowProps()}>
+                  <tr className="pf-m-hoverable" {...row.getRowProps()}>
                     {row.cells.map(cell => {
                       return (
                         <td {...cell.getCellProps()}>

src/components/Table/index.less

@@ -1,11 +1,3 @@
-tr:hover td {
-  font-weight: bold;
-}
-
-tr:hover {
-  background-color: #f5f5f5;
-}
-
 tr > td > span > a {
   text-decoration: none !important;
   color: inherit !important;