diff --git a/package-lock.json b/package-lock.json
index 9add9672..a5af93d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "studenthub-staff",
       "version": "0.0.1",
       "dependencies": {
+        "@angular-slider/ngx-slider": "^2.0.3",
         "@angular/common": "^15.0.0",
         "@angular/core": "^15.0.0",
         "@angular/forms": "^15.0.0",
@@ -44,13 +45,11 @@
         "chart.js": "^4.1.1",
         "cordova-plugin-file": "^7.0.0",
         "cordova-plugin-nativestorage": "^2.3.2",
-        "date-fns": "^2.29.3",
+        "date-fns": "^3.6.0",
         "file-saver": "^2.0.5",
         "ion2-calendar": "^3.5.0",
         "ionicons": "^6.0.3",
         "mixpanel-browser": "^2.45.0",
-        "moment": "^2.30.1",
-        "ng5-slider": "^1.2.6",
         "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.11.4"
@@ -681,6 +680,41 @@
         "typescript": "*"
       }
     },
+    "node_modules/@angular-slider/ngx-slider": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@angular-slider/ngx-slider/-/ngx-slider-2.0.3.tgz",
+      "integrity": "sha512-5NSHsYtHomBgJyPe7KtxTAJDLywHbuTb36NjD3dafbbj1VUbshX1m04d4JcyEiAB+Zeetcjkiy4jxQypUXYhHA==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-passive-events": "^1.0.4",
+        "rxjs": "^6.5.2",
+        "rxjs-compat": "^6.5.2",
+        "tslib": "^1.9.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=6.1.0",
+        "@angular/core": ">=6.1.0",
+        "@angular/forms": ">=6.1.0"
+      }
+    },
+    "node_modules/@angular-slider/ngx-slider/node_modules/rxjs": {
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^1.9.0"
+      },
+      "engines": {
+        "npm": ">=2.0.0"
+      }
+    },
+    "node_modules/@angular-slider/ngx-slider/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
     "node_modules/@angular/cli": {
       "version": "15.2.4",
       "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-15.2.4.tgz",
@@ -7371,15 +7405,13 @@
       "dev": true
     },
     "node_modules/date-fns": {
-      "version": "2.29.3",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.3.tgz",
-      "integrity": "sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==",
-      "engines": {
-        "node": ">=0.11"
-      },
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "license": "MIT",
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
     "node_modules/date-format": {
@@ -12129,14 +12161,6 @@
         "node": "*"
       }
     },
-    "node_modules/moment": {
-      "version": "2.30.1",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
-      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -12286,47 +12310,6 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
-    "node_modules/ng5-slider": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/ng5-slider/-/ng5-slider-1.2.6.tgz",
-      "integrity": "sha512-xu3qfnCqVNndRY8DsdlsU4jKayJ6KTVlUQwSTWqRqplxY0d6QhK1V1mseWwcovZG7mOTqKBYymJL3zmX8+SbHQ==",
-      "deprecated": "ng5-slider is now replaced by @angular-slider/ngx-slider targeting Angular 6+ and rxjs 6+",
-      "dependencies": {
-        "detect-passive-events": "^1.0.4",
-        "rxjs": "^5.5.6",
-        "rxjs-compat": "^6.5.2",
-        "tslib": "^1.7.1"
-      },
-      "peerDependencies": {
-        "@angular/common": ">=5.0.2",
-        "@angular/core": ">=5.0.2",
-        "@angular/forms": ">=5.0.2"
-      }
-    },
-    "node_modules/ng5-slider/node_modules/rxjs": {
-      "version": "5.5.12",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
-      "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
-      "dependencies": {
-        "symbol-observable": "1.0.1"
-      },
-      "engines": {
-        "npm": ">=2.0.0"
-      }
-    },
-    "node_modules/ng5-slider/node_modules/symbol-observable": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
-      "integrity": "sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ng5-slider/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-    },
     "node_modules/nice-napi": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
diff --git a/package.json b/package.json
index fd0473f0..a573b45a 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
   },
   "private": true,
   "dependencies": {
+    "@angular-slider/ngx-slider": "^2.0.3",
     "@angular/common": "^15.0.0",
     "@angular/core": "^15.0.0",
     "@angular/forms": "^15.0.0",
@@ -54,13 +55,11 @@
     "chart.js": "^4.1.1",
     "cordova-plugin-file": "^7.0.0",
     "cordova-plugin-nativestorage": "^2.3.2",
-    "date-fns": "^2.29.3",
+    "date-fns": "^3.6.0",
     "file-saver": "^2.0.5",
     "ion2-calendar": "^3.5.0",
     "ionicons": "^6.0.3",
     "mixpanel-browser": "^2.45.0",
-    "moment": "^2.30.1",
-    "ng5-slider": "^1.2.6",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
diff --git a/src/app/components/age-refinement-list/age-refinement-list.component.html b/src/app/components/age-refinement-list/age-refinement-list.component.html
index 0f03beb3..57e59c5d 100644
--- a/src/app/components/age-refinement-list/age-refinement-list.component.html
+++ b/src/app/components/age-refinement-list/age-refinement-list.component.html
@@ -43,9 +43,9 @@
                     {{ value.upper | age }}
                 </ion-label>
 
-                <ng5-slider [(value)]="value.lower" [(highValue)]="value.upper"
+                <ngx-slider [(value)]="value.lower" [(highValue)]="value.upper"
                     (userChangeEnd)="handleChange()"
-                    (userChange)="setLabel()" [options]="options"></ng5-slider>
+                    (userChange)="setLabel()" [options]="options"></ngx-slider>
                 <!--
                 <ion-range debounce="500" dualKnobs="true" (ionChange)="handleChange($event)"
                     [value]="value"
diff --git a/src/app/components/age-refinement-list/age-refinement-list.component.ts b/src/app/components/age-refinement-list/age-refinement-list.component.ts
index f40cc81a..835d623d 100644
--- a/src/app/components/age-refinement-list/age-refinement-list.component.ts
+++ b/src/app/components/age-refinement-list/age-refinement-list.component.ts
@@ -3,7 +3,7 @@ import { connectRange } from 'instantsearch.js/es/connectors';
 import { RangeRenderState } from 'instantsearch.js/es/connectors/range/connectRange';
 import { BaseWidget, NgAisIndex, NgAisInstantSearch } from 'angular-instantsearch';
 import { parseNumberInput, noop } from 'angular-instantsearch/esm2015/utils';
-import { Options } from 'ng5-slider';
+import { Options } from '@angular-slider/ngx-slider';
 
 
 @Component({
diff --git a/src/app/components/age-refinement-list/age-refinement-list.module.ts b/src/app/components/age-refinement-list/age-refinement-list.module.ts
index 11f80689..7c202eff 100644
--- a/src/app/components/age-refinement-list/age-refinement-list.module.ts
+++ b/src/app/components/age-refinement-list/age-refinement-list.module.ts
@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Ng5SliderModule } from 'ng5-slider';
+import { NgxSliderModule } from '@angular-slider/ngx-slider';
 import { FormsModule } from '@angular/forms';
 import { NgAisModule } from 'angular-instantsearch';
 import { IonicModule } from '@ionic/angular';
@@ -18,7 +18,7 @@ import { AgeRefinementListComponent } from './age-refinement-list.component';
       CommonModule,
       FormsModule,
       PipesModule,
-      Ng5SliderModule,
+      NgxSliderModule,
   ],
   exports: [
       AgeRefinementListComponent
diff --git a/src/app/components/range-refinement-list/range-refinement-list.html b/src/app/components/range-refinement-list/range-refinement-list.html
index f059c07d..d8f1d903 100644
--- a/src/app/components/range-refinement-list/range-refinement-list.html
+++ b/src/app/components/range-refinement-list/range-refinement-list.html
@@ -43,9 +43,9 @@
                     {{ value.upper | age }}
                 </ion-label>
 
-                <ng5-slider [(value)]="value.lower" [(highValue)]="value.upper"
+                <ngx-slider [(value)]="value.lower" [(highValue)]="value.upper"
                     (userChangeEnd)="handleChange()"
-                    (userChange)="setLabel()" [options]="options"></ng5-slider>
+                    (userChange)="setLabel()" [options]="options"></ngx-slider>
                 <!--
                 <ion-range debounce="500" dualKnobs="true" (ionChange)="handleChange($event)"
                     [value]="value"
diff --git a/src/app/components/range-refinement-list/range-refinement-list.module.ts b/src/app/components/range-refinement-list/range-refinement-list.module.ts
index 0a61b2d7..886985ba 100644
--- a/src/app/components/range-refinement-list/range-refinement-list.module.ts
+++ b/src/app/components/range-refinement-list/range-refinement-list.module.ts
@@ -6,7 +6,7 @@ import { FormsModule } from "@angular/forms";
 import { RangeRefinementComponent } from './range-refinement-list';
 
 import { NgAisModule } from 'angular-instantsearch';
-import { Ng5SliderModule } from 'ng5-slider'; 
+import { NgxSliderModule } from '@angular-slider/ngx-slider'; 
 
 import { PipesModule } from '../../pipes/pipes.module';
 
@@ -21,7 +21,7 @@ import { PipesModule } from '../../pipes/pipes.module';
         CommonModule,
         FormsModule,
         PipesModule,
-        Ng5SliderModule,
+        NgxSliderModule,
     ],
     exports: [
         RangeRefinementComponent
diff --git a/src/app/components/range-refinement-list/range-refinement-list.ts b/src/app/components/range-refinement-list/range-refinement-list.ts
index a95a4f6c..bf00254d 100644
--- a/src/app/components/range-refinement-list/range-refinement-list.ts
+++ b/src/app/components/range-refinement-list/range-refinement-list.ts
@@ -3,7 +3,7 @@ import { connectRange } from 'instantsearch.js/es/connectors';
 import { RangeRenderState } from 'instantsearch.js/es/connectors/range/connectRange';
 import { BaseWidget, NgAisIndex, NgAisInstantSearch } from 'angular-instantsearch';
 import { parseNumberInput, noop } from 'angular-instantsearch/esm2015/utils';
-import { Options } from 'ng5-slider';
+import { Options } from '@angular-slider/ngx-slider';
 
 
 @Component({