Rotate 3d object only on x-axis and only x-axis interaction circle show on object

I have implement gizmo manager interactions. in which 3 circles appear to rotate object on x, y and z axis but i wanted to rotate object on x-axis only. i have tried many things but not able to implement and also not able to found any help on internet.

Welcome!

Recently i asked the same question.

https://www.babylonjs-playground.com/#31M2AP#11