md-datepicker panel doesn't inherit dark theme

[rudzikdawid]

example of issue: https://codepen.io/anon/pen/mxxday?editors=1010

in material1 implementation there is render issue. light calendar panel in dark theme.
material2 has proper implementation dark calendar panel in dark theme.
https://material.angular.io/components/datepicker/overview

In official styleguide we can find dark calendar in dark theme.
https://material.io/guidelines/components/pickers.html#pickers-date-pickers

fixed styles

calendar-theme.scss:

.md-calendar.md-THEME_NAME-theme {
  background: '{{background-hue-1}}';
  color: '{{foreground-1}}';
}

.md-THEME_NAME-theme {

  .md-calendar-day-header {
    background: '{{background-hue-1}}';
    color: '{{foreground-1}}';
  }

 .md-calendar-date-selection-indicator {
    .md-calendar-date.md-focus &,
    &:hover {
      background: '{{background-300-0.2}}';
    }
  }

}

datePicker-theme.scss:

.md-datepicker-calendar {
  background: '{{background-hue-1}}';
}