Untitled

<Swiper
          freeMode={true}
          grabCursor={true}
          modules={[FreeMode]}
          className="carousel__container"
          slidesPerView={1}
          spaceBetween={30}
        >
          {props.events.map((event) => {
            return (
              <SwiperSlide className="inner_carousel">
                {props.events.map(
                  ({
                    eventID,
                    name,
                    startDate,
                    eventPlace,
                    status,
                    categories,
                    imageUrl,
                    globalDates,
                    timezone,
                    timezoneMap,
                  }) => {
                    const month = [
                      "Jan",
                      "Feb",
                      "Mar",
                      "April",
                      "May",
                      "June",
                      "July",
                      "Aug",
                      "Sep",
                      "Oct",
                      "Nov",
                      "Dec",
                    ];
                    const day = [
                      "Sun",
                      "Mon",
                      "Tue",
                      "Wed",
                      "Thu",
                      "Fri",
                      "Sat",
                    ];
                    const dd = new Date(startDate._seconds * 1000);
                    var add_minutes = function (dt, minutes) {
                      return new Date(dt.getTime() + minutes * 60000);
                    };
                    const d = add_minutes(dd, timezoneMap.offset).getUTCDate();
                    const d1 = add_minutes(dd, timezoneMap.offset).getUTCDay();
                    const m =
                      add_minutes(dd, timezoneMap.offset).getMonth("MMM") + 1;
                    const y = add_minutes(dd, timezoneMap.offset).getFullYear();
                    const h = add_minutes(dd, timezoneMap.offset).getUTCHours();
                    const min = add_minutes(
                      dd,
                      timezoneMap.offset
                    ).getUTCMinutes();
                    return (
                      <div
                        className="item"
                        key={eventID}
                        onClick={() =>
                          clickable && navigate(`${props.route}${eventID}`)
                        }
                      >
                        <div className="test">
                          <img src={imageUrl} alt=""></img>
                        </div>
                        <div className="item__text">
                          <h3>{name}</h3>
                          <p style={{ float: "left" }}>{`${day[d1]} ${d} ${
                            month[m - 1]
                          } `}</p>
                        </div>
                      </div>
                    );
                  }
                )}
              </SwiperSlide>
            );
          })}
        </Swiper>