如何使用Materialisecss datepicker选择所有日期？

Question

我在项目中使用materializecss date-picker。这适用于特定的日期选择。但是我需要显示一个名为'All'的选项，当我选择'All'时，我需要将'all'字符串传递给后端API来检索所有数据。

在我之前的项目中，我使用了bootstrap daterangepicker（daterangepicker）来实现此功能。但我尝试使用物化选择器实现相同，没有运气。

有没有可用的插件来实现这个目标？

<div class="row">
  <div class="input-field col s12">
    <input id="date" type="date" class="datepicker">
    <label for="date">Date</label>
  </div>
</div>

$('.datepicker').pickadate({
  selectMonths: true, // Creates a dropdown to control month
  selectYears: 15 // Creates a dropdown of 15 years to control year
});

Fiddle