<script lang="ts">
    export let val : number;
    export let onInput : () => void = () => {};
</script>

<input type="number" step="1" bind:value={val} on:input={onInput}/>

<style>
    input[type=number] {
        width: 100%;
        border: none;
        border-bottom: solid 1px grey;
        -moz-appearance: textfield;
    }
    
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
</style>
