Displaying Datepicker when i click the button
<p>I would like to display the datepicker when i click on the button. I have tried but i couldn't make it work. I am using Materialize Css. I have tried to use input type text but i don't want it. </p>

<pre><code>&lt;div class="container"&gt;
     &lt;div class="row center"&gt;
       &lt;i&gt;Date&lt;/i&gt;
       &lt;button class="btn waves-effect waves-light datepicker" type="submit" name="action"&gt;PICK DATE&lt;/button&gt;
     &lt;/div&gt;
   &lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$('.datepicker').pickadate({
    selectMonths: true, 
    selectYears: 15 
  });
</code></pre>