feat(md-datepicker): add icon fixup for datepicker, #340

aurelia-ui-toolkits · Dec 22, 2016 · 1e767c9 · 1e767c9
1 parent bc2b581
commit 1e767c9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/colors/md-colors.html b/src/colors/md-colors.html
@@ -175,6 +175,12 @@
   .picker__footer button:focus {
     background-color: ${mdAccentColor | lighten:2};
   }
+  [md-datepicker] + i.material-icons.std-icon-fixup {
+    margin-left: -24px;
+    line-height: 1;
+    margin-top: 12px;
+    cursor: pointer;
+  }
 
   /* text input */
   md-input .input-field label {

diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js
@@ -105,6 +105,9 @@ export class MdDatePicker {
       calendarIcon.textContent = 'today';
       this.element.parentNode.insertBefore(calendarIcon, this.element.nextSibling);
       $(calendarIcon).on('click', this.onCalendarIconClick.bind(this));
+
+      options.iconClass = options.iconClass || 'std-icon-fixup';
+      calendarIcon.classList.add(options.iconClass);
     }
 
     this.movePickerCloserToSrc();