| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| /** Theme styles for mdDatepicker. */ |
| md-datepicker.md-THEME_NAME-theme { |
| background: '{{background-color}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-input { |
| color: '{{background-contrast}}'; |
| background: '{{background-color}}'; } |
| .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder, .md-THEME_NAME-theme .md-datepicker-input::-moz-placeholder, .md-THEME_NAME-theme .md-datepicker-input:-moz-placeholder, .md-THEME_NAME-theme .md-datepicker-input:-ms-input-placeholder { |
| color: "{{foreground-3}}"; } |
| |
| .md-THEME_NAME-theme .md-datepicker-input-container { |
| border-bottom-color: '{{background-300}}'; } |
| .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused { |
| border-bottom-color: '{{primary-500}}'; } |
| .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid { |
| border-bottom-color: '{{warn-A700}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-calendar-pane { |
| border-color: '{{background-300}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle { |
| border-top-color: '{{foreground-3}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle { |
| border-top-color: '{{foreground-2}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon { |
| fill: '{{primary-500}}'; } |
| |
| .md-THEME_NAME-theme .md-datepicker-calendar, |
| .md-THEME_NAME-theme .md-datepicker-input-mask-opaque { |
| background: '{{background-color}}'; } |