title: I can't set custom style to antd Date Picker in reactjs
body: <p>I want to set the custom style to antd DatePicker but it just doesn't work. Some styling work and some are not. </p>
  
  <p><strong>JSX</strong></p>
  
  <pre><code> &lt;div &gt;
          &lt;DatePicker
            defaultValue={moment(date ? date : new Date(), dateFormat)}
            defaultPickerValue={moment(date ? date : new Date(), dateFormat)}
            format={dateFormat}
            onChange={this.handleDateChange}
            allowClear={false}
            style={{
              height: "53px",
              width: "155px",
              border: "1px solid blue",
              borderRadius: "0px",
              cursor: "pointer",
              fontSize: "17px",
              margin: "0px",
              padding: "0px"
            }}
          /&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Expected behaviour:</p>
  
  <p><a href="https://i.stack.imgur.com/oeUC9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oeUC9.png" alt="I want this"></a></p>
  
  <p>Actual behaviour:</p>
  
  <p><a href="https://i.stack.imgur.com/spgkT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/spgkT.png" alt="I don&#39;t want this"></a></p>
  
  <p>It currently shrinks the height. I don't want this.</p>
  
  <p>I want the date picker to take full width and height. Also, How can I remove default border style in antd date picker? is It possible to remove that calendar icon?</p>
  
  <p>I will appreciate your reply. thank you.</p>