title: How can I change the width of my datepicker?
body: <p>I am trying to change the width of the datepiker but I do not achieve.</p>
  <p>Here is my code :</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  
  import { DatePicker, RangeDatePicker } from &quot;@y0c/react-datepicker&quot;;
  // import calendar style
  // You can customize style by copying asset folder.
  import &quot;@y0c/react-datepicker/assets/styles/calendar.scss&quot;;
  
  // Please include the locale you want to use.
  // and delivery props to calendar component
  import &quot;dayjs/locale/ko&quot;;
  import &quot;dayjs/locale/en&quot;;
  import &quot;./styles.css&quot;;
  
  const Panel = ({ header, children }) =&gt; (
    &lt;div style={{ height: &quot;300px&quot; }}&gt;
      &lt;h1&gt;{header}&lt;/h1&gt;
      &lt;div&gt;{children}&lt;/div&gt;
    &lt;/div&gt;
  );
  
  function App() {
    const onChange = title =&gt; (...args) =&gt; console.log(title, args);
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;Panel header=&quot;Simple DatePicker&quot;&gt;
          &lt;DatePicker style={{width: &quot;800px&quot;}} showToday onChange={onChange(&quot;DatePicker&quot;)} /&gt;
        &lt;/Panel&gt;
      &lt;/div&gt;
    );
  }
  
  const rootElement = document.getElementById(&quot;root&quot;);
  ReactDOM.render(&lt;App /&gt;, rootElement);
  </code></pre>
  <p>I tried this <code>style={{width: &quot;800px&quot;}}</code> but it does not work ... Could you help me please ?</p>
  <p>Thank you very much !</p>
  <p>NB : my code is here <a href="https://codesandbox.io/s/react-datepicker-forked-ljh6y" rel="nofollow noreferrer">https://codesandbox.io/s/react-datepicker-forked-ljh6y</a></p>