Cannot simulate a mouse wheel event using Cypress on input type number

[timminata]

I am trying to simulate a mouse wheel event on an input type number on a react web application, usingCypress. I am using trigger but I don't know how to get the event to actually change the value in the number input that I am applying mouse wheel to. This is what I have so far:

cy.get("#cost-amount-input")
        .click()
        .trigger("mouseover")
        //.trigger("mousewheel", {deltaY: 99})
        .trigger("wheel", { deltaY: -66.666666, wheelDelta: 120, wheelDeltaX: 0, wheelDeltaY: 120, bubbles: true})
        .blur()
        .then(() => {
          /* test if the mouse wheel event chagned the value as expected */
        });

However, it does not seem like it is causing the value to change as expected. I posted on StackOverflow as well with some additional info: https://stackoverflow.com/questions/65932621/simulating-a-synthetic-mouse-wheel-event-on-input-type-number-using-cypress
Thanks for any help!