'Month Navigation through increment arrow and decrement arrow in javascript

I want to implement code where the increment or decrement of a arrow happens when I have selected the arrow.

I want a replica of a design and implementation of code. these are the hebrew months in the screenshot that you can see.

In this example: the middle one is selected month,left one is the previous month of selected month and right hand side month is the next month of the selected month.

if user will click right hand side arrow (increment arrow) the "יוני" goes to middle and should be the selected month with bold text and the next month will come in the place of "יוני"

Again for left hand side arrow (decrement arrow) if user click the arrow the "אפריל" it will go outside and replace with "מאי" month.

Below are the hebrew months:

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

I want the full implementation code in javascript with design as per the screenshot that I attached above.Thanks...

Solution 1:^[1]

You can also use React Native package over there like react-native-calendars

and also you can check HERE which resolve your issue.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Talha Akbar

'Month Navigation through increment arrow and decrement arrow in javascript

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]