title: How to change background color of datepicker form in Materialize design
body: <p>I am using date picker in materialize design. But i want to change color of opened date picker.</p>
  
  <p><strong>SCREEN SHOT.</strong>
  <BR></p>
  
  <p><a href="https://i.stack.imgur.com/TBJh4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TBJh4.png" alt="enter image description here"></a> </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $('.datepicker').pickadate({
      selectMonths: true, // Creates a dropdown to control month
      selectYears: 15 // Creates a dropdown of 15 years to control year
    });
         </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css"&gt;
  
    &lt;!-- Compiled and minified JavaScript --&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"&gt;&lt;/script&gt;
   
   &lt;div class="container"&gt;
     &lt;div class="row"&gt;
       &lt;div class="col s6 m6 l6"&gt;
          SELECT DATE
  
         &lt;input type="date" class="datepicker"&gt;
       &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have seen one link but i could not solve this problem.
  <a href="https://stackoverflow.com/questions/2906266/how-to-change-the-cell-color-of-a-jquery-datepicker">How to change the cell color of a jquery datepicker</a></p>
  
  <p><strong>JSFIDDLE:</strong>
  <BR>
  <a href="https://jsfiddle.net/varunPes/6smvtLxt/" rel="nofollow noreferrer">https://jsfiddle.net/varunPes/6smvtLxt/</a></p>