diff --git a/client/src/components/inputs/NumberBox.vue b/client/src/components/inputs/NumberBox.vue
new file mode 100644
index 0000000..44904dc
--- /dev/null
+++ b/client/src/components/inputs/NumberBox.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+
+const props = defineModel<{
+  modelValue: number,
+  min?: number,
+  max?: number,
+}>();
+let { modelValue, min, max } = $(props);
+
+</script>
+
+<template>
+  <input type="number" v-model="modelValue" :min="min" :max="max">
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file