Javascript pickadate selectMonths/selectYears not displaying

[basicBrogrammer]

I have having a problem with the materialize pickadate.
The datepick shows up but the selectMonths and selectYears dropdown are not visible.

Thoughts?

html:
= f.input :publication_date, as: :date, wrapper_html: { class: 'm4' }
javascript:
$('.date').pickadate({
selectMonths: true, // Creates a dropdown to control month
selectYears: 15, // Creates a dropdown of 15 years to control year,
today: 'Today',
clear: 'Clear',
close: 'Ok',
closeOnSelect: true // Close upon selecting a date,
});