Merge pull request #35 from bithost-gmbh/bugfix/33-mat-datepicker-styles

#33: fix mat-datepicker-content styles being applied

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 1.2.2
+* Bugfix: input shows drop shadow when used together with MatDatepicker [#33](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/33)
+
+  Thanks @irowbin for reporting
+
 ## 1.2.1
 
 * Bugfix: Width of the input field is wrong in IE11 when using large option texts with angular material 6+. [#29](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/29)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-mat-select-search",
   "description": "Library that provides an angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "license": "MIT",
   "scripts": {
     "ng": "ng",

src/app/mat-select-search/mat-select-search.component.scss

@@ -20,6 +20,13 @@ $multiple-check-width: 33px;
   border-bottom-style: solid;
   z-index: 100;
   font-size: inherit;
+  /*
+    compensate effects of .mat-datepicker-content
+    (see https://github.com/angular/material2/blob/master/src/lib/datepicker/datepicker-content.scss#L27)
+    TODO: implement propert theming (https://github.com/bithost-gmbh/ngx-mat-select-search/issues/34)
+  */
+  box-shadow: none;
+  border-radius: none;
   &.mat-select-search-inner-multiple {
 
     width: 100%;