Quiero implementar un código donde ocurra el incremento o la disminución de una flecha cuando he seleccionado la flecha.

Quiero una réplica de un diseño e implementación de código. estos son los meses hebreos en la captura de pantalla que puedes ver.

En este ejemplo: el del medio es el mes seleccionado, el de la izquierda es el mes anterior del mes seleccionado y el mes del lado derecho es el siguiente mes del mes seleccionado.

si el usuario hace clic en la flecha del lado derecho (flecha de incremento), el "יוני" va al medio y debe ser el mes seleccionado con texto en negrita y el próximo mes vendrá en el lugar de "יוני"

Nuevamente para la flecha del lado izquierdo (flecha de disminución) si el usuario hace clic en la flecha "אפריל" , saldrá y se reemplazará con el mes "מאי" .

A continuación se muestran los meses hebreos:

 const hebrewMonthArray = [ " ינוא", "פבר", "מרץ", "אפר׳", "מאי", "יוני", "יולי", "אוג׳", "ספט", "אוק'", "נוב׳", "דצמֲ", ];

Quiero el código de implementación completo en javascript con diseño según la captura de pantalla que adjunté arriba. Gracias...