diff --git a/frontend/src/components/BaseSlider.vue b/frontend/src/components/BaseSlider.vue
deleted file mode 100644
index 14180674a..000000000
--- a/frontend/src/components/BaseSlider.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="slider" :disabled="disabled"></div>
-</template>
-<script>
-import noUiSlider from 'nouislider'
-
-export default {
-  name: 'base-slider',
-  props: {
-    value: {
-      type: [String, Array, Number],
-      description: 'slider value',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-      description: 'whether the slider is disabled',
-    },
-    start: {
-      type: [Number, Array],
-      default: 0,
-      description:
-        '[noUi Slider start](https://refreshless.com/nouislider/slider-options/#section-start)',
-    },
-    connect: {
-      type: [Boolean, Array],
-      default: () => [true, false],
-      description:
-        '[noUi Slider connect](https://refreshless.com/nouislider/slider-options/#section-connect)',
-    },
-    range: {
-      type: Object,
-      default: () => {
-        return {
-          min: 0,
-          max: 100,
-        }
-      },
-      description:
-        '[noUi Slider range](https://refreshless.com/nouislider/slider-values/#section-range)',
-    },
-    options: {
-      type: Object,
-      default: () => {
-        return {}
-      },
-      description: '[noUi Slider options](https://refreshless.com/nouislider/slider-options/)',
-    },
-  },
-  data() {
-    return {
-      slider: null,
-    }
-  },
-  methods: {
-    createSlider() {
-      noUiSlider.create(this.$el, {
-        start: this.value || this.start,
-        connect: Array.isArray(this.value) ? true : this.connect,
-        range: this.range,
-        ...this.options,
-      })
-      const slider = this.$el.noUiSlider
-      slider.on('slide', () => {
-        const value = slider.get()
-        if (value !== this.value) {
-          this.$emit('input', value)
-        }
-      })
-    },
-  },
-  mounted() {
-    this.createSlider()
-  },
-  watch: {
-    value(newValue, oldValue) {
-      const slider = this.$el.noUiSlider
-      const sliderValue = slider.get()
-      if (newValue !== oldValue && sliderValue !== newValue) {
-        if (Array.isArray(sliderValue) && Array.isArray(newValue)) {
-          if (oldValue.length === newValue.length && oldValue.every((v, i) => v === newValue[i])) {
-            slider.set(newValue)
-          }
-        } else {
-          slider.set(newValue)
-        }
-      }
-    },
-  },
-}
-</script>
-<style></style>
diff --git a/frontend/src/components/index.js b/frontend/src/components/index.js
index bbc3e51d2..23a00697d 100755
--- a/frontend/src/components/index.js
+++ b/frontend/src/components/index.js
@@ -5,7 +5,6 @@ import TabPane from './Tabs/Tab.vue'
 import Tabs from './Tabs/Tabs.vue'
 import Collapse from './Collapse/Collapse.vue'
 import CollapseItem from './Collapse/CollapseItem.vue'
-import BaseSlider from './BaseSlider.vue'
 
 import SidebarPlugin from './SidebarPlugin'
 
@@ -15,7 +14,6 @@ export {
   NavbarToggleButton,
   TabPane,
   Tabs,
-  BaseSlider,
   Collapse,
   CollapseItem,
 }