1/*!
 2 * Angular Material Design
 3 * https://github.com/angular/material
 4 * @license MIT
 5 * v1.1.1
 6 */
 7/** Theme styles for mdCalendar. */
 8.md-calendar.md-THEME_NAME-theme {
 9  background: '{{background-A100}}';
10  color: '{{background-A200-0.87}}'; }
11  .md-calendar.md-THEME_NAME-theme tr:last-child td {
12    border-bottom-color: '{{background-200}}'; }
13
14.md-THEME_NAME-theme .md-calendar-day-header {
15  background: '{{background-300}}';
16  color: '{{background-A200-0.87}}'; }
17
18.md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
19  border: 1px solid '{{primary-500}}'; }
20
21.md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled {
22  color: '{{primary-500-0.6}}'; }
23
24.md-calendar-date.md-focus .md-THEME_NAME-theme .md-calendar-date-selection-indicator, .md-THEME_NAME-theme .md-calendar-date-selection-indicator:hover {
25  background: '{{background-300}}'; }
26
27.md-THEME_NAME-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
28.md-THEME_NAME-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
29  background: '{{primary-500}}';
30  color: '{{primary-500-contrast}}';
31  border-color: transparent; }
32
33.md-THEME_NAME-theme .md-calendar-date-disabled,
34.md-THEME_NAME-theme .md-calendar-month-label-disabled {
35  color: '{{background-A200-0.435}}'; }
36
37/** Theme styles for mdDatepicker. */
38.md-THEME_NAME-theme .md-datepicker-input {
39  color: '{{foreground-1}}'; }
40  .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
41    color: '{{foreground-3}}'; }
42  .md-THEME_NAME-theme .md-datepicker-input:-moz-placeholder {
43    color: '{{foreground-3}}'; }
44  .md-THEME_NAME-theme .md-datepicker-input::-moz-placeholder {
45    color: '{{foreground-3}}'; }
46  .md-THEME_NAME-theme .md-datepicker-input:-ms-input-placeholder {
47    color: '{{foreground-3}}'; }
48  .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
49    color: '{{foreground-3}}'; }
50
51.md-THEME_NAME-theme .md-datepicker-input-container {
52  border-bottom-color: '{{foreground-4}}'; }
53  .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
54    border-bottom-color: '{{primary-color}}'; }
55    .md-accent .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
56      border-bottom-color: '{{accent-color}}'; }
57    .md-warn .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
58      border-bottom-color: '{{warn-A700}}'; }
59  .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid {
60    border-bottom-color: '{{warn-A700}}'; }
61
62.md-THEME_NAME-theme .md-datepicker-calendar-pane {
63  border-color: '{{background-hue-1}}'; }
64
65.md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
66  border-top-color: '{{foreground-3}}'; }
67
68.md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
69  border-top-color: '{{foreground-2}}'; }
70
71.md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
72  color: '{{primary-color}}'; }
73
74.md-THEME_NAME-theme .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-accent .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
75  color: '{{accent-color}}'; }
76
77.md-THEME_NAME-theme .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-warn .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
78  color: '{{warn-A700}}'; }
79
80.md-THEME_NAME-theme .md-datepicker-calendar {
81  background: '{{background-A100}}'; }
82
83.md-THEME_NAME-theme .md-datepicker-input-mask-opaque {
84  box-shadow: 0 0 0 9999px "{{background-hue-1}}"; }
85
86.md-THEME_NAME-theme .md-datepicker-open .md-datepicker-input-container {
87  background: "{{background-hue-1}}"; }