diff --git a/package-lock.json b/package-lock.json
index c3334f8..c5e468b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1644,6 +1644,14 @@
         }
       }
     },
+    "@ng-select/ng-select": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@ng-select/ng-select/-/ng-select-4.0.1.tgz",
+      "integrity": "sha512-f5NzrKRvswOvxa8BzBgAUOpzl0B8SrlVQHQLB2zPymuZlzC2dWUi9mUhgu6s2igwdClmrZ8bysNBBNpgqHskyA==",
+      "requires": {
+        "tslib": "^1.10.0"
+      }
+    },
     "@ngtools/webpack": {
       "version": "9.1.7",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-9.1.7.tgz",
diff --git a/package.json b/package.json
index 2d27be7..5ba2c3d 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@angular/platform-browser": "~9.1.4",
     "@angular/platform-browser-dynamic": "~9.1.4",
     "@angular/router": "~9.1.4",
+    "@ng-select/ng-select": "^4.0.1",
     "@poweredsoft/data": "0.0.26",
     "@poweredsoft/ngx-data": "0.0.13",
     "@poweredsoft/ngx-data-apollo": "0.0.8",
diff --git a/src/app/ng-select-demo/ng-select-demo.module.ts b/src/app/ng-select-demo/ng-select-demo.module.ts
index fae2d4c..5c9072b 100644
--- a/src/app/ng-select-demo/ng-select-demo.module.ts
+++ b/src/app/ng-select-demo/ng-select-demo.module.ts
@@ -2,6 +2,8 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NgSelectDemoComponent } from './ng-select-demo/ng-select-demo.component';
 import { NgSelectDemoRoutingModule } from './ng-select-demo-routing.module';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { FormsModule } from '@angular/forms';
 
 
 
@@ -9,6 +11,8 @@ import { NgSelectDemoRoutingModule } from './ng-select-demo-routing.module';
   declarations: [NgSelectDemoComponent],
   imports: [
     CommonModule,
+    NgSelectModule,
+    FormsModule,
     NgSelectDemoRoutingModule
   ]
 })
diff --git a/src/styles.scss b/src/styles.scss
index 9d53205..a013fb2 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,3 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
 @import '~bootstrap/scss/bootstrap';
-@import '~ngx-bootstrap/datepicker/bs-datepicker.css';
\ No newline at end of file
+@import '~ngx-bootstrap/datepicker/bs-datepicker.css';
+@import "~@ng-select/ng-select/themes/default.theme.css";
\ No newline at end of file