html - how to change default body color of materialize datetimepicker? -

you can find entire code here http://codepen.io/anon/pen/bjqxoq

i displaying login form using materializecss can see in above codepen. has 2 buttons login , register. when register clicked modal displayed containing necessary registration fields , 1 of materialize datetimepicker.

is there possibility change default body color of datetimepicker? kindly me valuable answers. thank in advance.

html

<div class="row">     <div class="input-field col s6">date of birth         <input type="date" class="datepicker ">     </div> </div> 

js

$(document).ready(function(){     $('.datepicker').pickadate({         selectmonths: true, // creates dropdown control month         selectyears: 15 // creates dropdown of 15 years control year     }); }); 

the materializecss datepicker has div class called "picker__box". if set background-color class, datepicker assume color, can see in below codepen.

http://codepen.io/anon/pen/ombomz

.picker__box{     background-color: #ccc; } 

edit

to change upper half body color too, have set background-color 2 more classes:

.picker__date-display, .picker__weekday-display{     background-color: #ccc; } 

i hope helps!