From 82f81dc1543a558d36d3dffae0cb0725e2c69d3f Mon Sep 17 00:00:00 2001
From: Erb3 <49862976+Erb3@users.noreply.github.com>
Date: Fri, 10 Jan 2025 01:47:29 +0100
Subject: [PATCH] fix(ui): slider number input field with limits (#2899)

- Added min, max, and step fields to the input field of a slider
- Made the input field a number field to apply min, max, step, and accessibility
---
 packages/ui/src/components/base/Slider.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/base/Slider.vue b/packages/ui/src/components/base/Slider.vue
index 5be478071..48c43c3e5 100644
--- a/packages/ui/src/components/base/Slider.vue
+++ b/packages/ui/src/components/base/Slider.vue
@@ -41,9 +41,12 @@
     <input
       ref="value"
       :value="currentValue"
-      type="text"
+      type="number"
       class="slider-input"
       :disabled="disabled"
+      :min="min"
+      :max="max"
+      :step="step"
       @change="onInput(($event.target as HTMLInputElement).value)"
     />
   </div>