<script setup>

const model = defineModel();
const props = defineProps({
  placeholder: String,
  readonly: {
    type: Boolean,
    default: false
  },
  min: {
    default: NaN
  },
  max: {
    default: NaN
  },
  step: {
    default: NaN
  },
});

</script>

<template>
  <input class="pankow-text-input" type="number" :step="step" :min="min" :max="max" :placeholder="placeholder" :readonly="readonly" :value="model" @input="$emit('update:modelValue', parseInt($event.target.value))"/>
</template>

<style>

/* using TextInput styles */

</style>