From 4550e8843724b25006e39ac40c57a4cef80390cd Mon Sep 17 00:00:00 2001
From: Sridhar Maskeri <shridharmaskeri@gmail.com>
Date: Tue, 5 May 2026 15:10:22 +0530
Subject: [PATCH 1/3] fix[widgets][carousel]: stop forwarding slick props to
 arrow dom

---
 packages/widgets/src/components/Carousel.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/widgets/src/components/Carousel.tsx b/packages/widgets/src/components/Carousel.tsx
index e9f5c5551be..a60677e6384 100644
--- a/packages/widgets/src/components/Carousel.tsx
+++ b/packages/widgets/src/components/Carousel.tsx
@@ -12,6 +12,16 @@ import Slider, { ResponsiveObject, Settings } from 'react-slick';
 
 type BuilderBlockType = BuilderElement;
 
+const CarouselArrow = ({
+  currentSlide,
+  slideCount,
+  children,
+  ...rest
+}: React.HTMLAttributes<HTMLDivElement> & {
+  currentSlide?: number;
+  slideCount?: number;
+}) => <div {...rest}>{children}</div>;
+
 interface CarouselProps {
   slides: Array<
     React.ReactNode | { content: BuilderBlockType[] } /* BuilderBlock <- export this type */
@@ -109,23 +119,23 @@ export class CarouselComponent extends React.Component<CarouselProps> {
 
                     // OOF!!
                     nextArrow={
-                      <div>
+                      <CarouselArrow>
                         <BuilderBlocks
                           parentElementId={this.props.builderBlock.id}
                           dataPath="component.options.prevButton"
                           blocks={this.props.prevButton}
                         />
-                      </div>
+                      </CarouselArrow>
                     }
                     // OOF!!
                     prevArrow={
-                      <div>
+                      <CarouselArrow>
                         <BuilderBlocks
                           parentElementId={this.props.builderBlock.id}
                           dataPath="component.options.nextButton"
                           blocks={this.props.nextButton}
                         />
-                      </div>
+                      </CarouselArrow>
                     }
                     {...this.props.slickProps}
                   >

From f3dd3d650289e796e01dbed39d8cfd0bea03671b Mon Sep 17 00:00:00 2001
From: Sridhar Maskeri <shridharmaskeri@gmail.com>
Date: Tue, 5 May 2026 15:11:21 +0530
Subject: [PATCH 2/3] fix[widgets][carousel]: hide arrows when both buttons are
 empty

---
 packages/widgets/src/components/Carousel.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/widgets/src/components/Carousel.tsx b/packages/widgets/src/components/Carousel.tsx
index a60677e6384..6af9d4645f0 100644
--- a/packages/widgets/src/components/Carousel.tsx
+++ b/packages/widgets/src/components/Carousel.tsx
@@ -116,7 +116,12 @@ export class CarouselComponent extends React.Component<CarouselProps> {
                     focusOnSelect={this.props.focusOnSelect}
                     // TODO: on change emit event on element?
                     // renderBottomCenterControls={this.props.hideDots ? () => null : undefined}
-
+                    arrows={
+                      !!(
+                        (this.props.prevButton && this.props.prevButton.length) ||
+                        (this.props.nextButton && this.props.nextButton.length)
+                      )
+                    }
                     // OOF!!
                     nextArrow={
                       <CarouselArrow>

From 91d99450ea0e484ea8d05b4a3816d0606b91636f Mon Sep 17 00:00:00 2001
From: Sridhar Maskeri <shridharmaskeri@gmail.com>
Date: Thu, 7 May 2026 09:22:11 +0530
Subject: [PATCH 3/3] Update the version in package.json

---
 packages/widgets/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/widgets/package.json b/packages/widgets/package.json
index 7e26ec26cdd..1b5319a5357 100644
--- a/packages/widgets/package.json
+++ b/packages/widgets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/widgets",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "",
   "keywords": [],
   "main": "dist/builder-widgets.cjs.js",