[style] Use 'default' cursor for disabled component states

src/DatePicker/DateDisplay.js

@@ -49,7 +49,7 @@ function getStyles(props, context, state) {
       marginBottom: 10,
     },
     yearTitle: {
-      cursor: props.disableYearSelection ? 'not-allowed' : (!selectedYear ? 'pointer' : 'default'),
+      cursor: props.disableYearSelection || selectedYear ? 'default' : 'pointer',
     },
   };
 

src/IconButton/IconButton.js

@@ -26,7 +26,7 @@ function getStyles(props, context) {
     disabled: {
       color: baseTheme.palette.disabledColor,
       fill: baseTheme.palette.disabledColor,
-      cursor: 'not-allowed',
+      cursor: 'default',
     },
   };
 }

src/MenuItem/MenuItem.js

@@ -21,7 +21,7 @@ function getStyles(props, context) {
   const styles = {
     root: {
       color: props.disabled ? disabledColor : textColor,
-      cursor: props.disabled ? 'not-allowed' : 'pointer',
+      cursor: props.disabled ? 'default' : 'pointer',
       minHeight: props.desktop ? '32px' : '48px',
       lineHeight: props.desktop ? '32px' : '48px',
       fontSize: props.desktop ? 15 : 16,

src/Stepper/StepLabel.js

@@ -47,7 +47,7 @@ const getStyles = ({active, completed, disabled}, {muiTheme, stepper}) => {
   if (disabled) {
     styles.icon.color = inactiveIconColor;
     styles.root.color = disabledTextColor;
-    styles.root.cursor = 'not-allowed';
+    styles.root.cursor = 'default';  
   }
 
   return styles;

src/Table/TableBody.js

@@ -210,7 +210,7 @@ class TableBody extends Component {
         columnNumber={0}
         style={{
           width: 24,
-          cursor: disabled ? 'not-allowed' : 'inherit',
+          cursor: disabled ? 'default' : 'inherit',
         }}
       >
         <Checkbox

src/Table/TableHeader.js

@@ -134,7 +134,7 @@ class TableHeader extends Component {
         key={key}
         style={{
           width: 24,
-          cursor: disabled ? 'not-allowed' : 'inherit',
+          cursor: disabled ? 'default' : 'inherit',
         }}
       />
     );