Change Views in Carousel by scripting

I want to have my own button for navigating between views in the Carousel instead of the arrows or dots icon. So for this, I tried to change the "props.activePane" but this only changes the view and does NOT show the transition animations.
So I wonder if there any hidden method or tricks to do the same behavior of pressing dots or arrows


I don't think the component honors transitions when setting the active pane via scripting.