title: react-datepicker time selection with seconds
body: <p>I need to choose seconds also from react date picker . I had gone through out the docs found this</p>
  <p>In this solution i can select hour,min,AM/PM from this but no option for seconds is there any way to customize to select seconds also from this.help needed,below example <a href="https://reactdatepicker.com/" rel="nofollow noreferrer">(look for input Time)</a></p>
  <p>I have tried by changing date format</p>
  <p>dateFormat=&quot;MM/dd/yyyy h:mm:ss aa&quot;  not working</p>
  <pre><code>() =&gt; {
    const [startDate, setStartDate] = useState(new Date());
    return (
      &lt;DatePicker
        selected={startDate}
        onChange={date =&gt; setStartDate(date)}
        timeInputLabel=&quot;Time:&quot;
        dateFormat=&quot;MM/dd/yyyy h:mm aa&quot;
        showTimeInput
      /&gt;
    );
  };
  </code></pre>
  <p>I found the way to show seconds but this working fine but inside a model after we select time the whole Dialog is closing .I'm using this inside MaterialUi Dialog</p>
  <pre><code>() =&gt; {
    const [startDate, setStartDate] = useState(new Date());
    const ExampleCustomTimeInput = ({ value, onChange }) =&gt; (
      &lt;input
        type=&quot;time&quot;
        step=&quot;1&quot;
        value={value}
        onChange={e =&gt; onChange(e.target.value)}
        style={{ border: &quot;solid 1px pink&quot; }}
      /&gt;
    );
    return (
      &lt;DatePicker
        selected={startDate}
        onChange={date =&gt; setStartDate(date)}
        showTimeInput
        customTimeInput={&lt;ExampleCustomTimeInput /&gt;}
      /&gt;
    );
  };
  </code></pre>