<td>
    <div class="input-group mx-auto" style="max-width: 120px !important;">
        <div class="input-group-prepend">
            <button class="btn btn-info"
                    wire:click.prevent="update"
                    type="button">
                <span class="fa fa-refresh"></span>
            </button>
        </div>
        <input type="number"
               wire:model.defer="quantity"
               class="form-control @error('quantity') is-invalid @enderror"
               dir="ltr"
               min="0"
               max="999999999999999" />
        @error('quantity')
            <span class="text-danger" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</td>