dateinput icon custom renderer progress

Author: ivansfdc

components/SLDSDatepickerSingleSelect/index.jsx

@@ -187,13 +187,18 @@ module.exports = React.createClass({
     }
   },
 
+  getInputIcon(){
+    return <InputIcon name='event' style={{pointerEvents: 'none'}} />;
+  },
+
   render() {
     return (
       <div className='slds-form-element'>
         <label className='slds-form-element__label' htmlFor='date'>{this.props.label}</label>
         <div className='slds-form-element__control'>
           <div className='slds-input-has-icon slds-input-has-icon--right'>
-            <InputIcon name='event'/>
+
+            { this.getInputIcon() }
             <input
               name='date'
               ref='date'

components/SLDSIcon/InputIcon/index.jsx

@@ -32,6 +32,7 @@ class InputIcon extends React.Component {
   render() {
     const className = 'slds-input__icon slds-icon-text-default';
     return <SLDSUtilityIcon
+              style={this.props.style}
               aria-hidden='true'
               category={this.props.category}
               className={className}