diff --git a/docs-ui/src/utils/data.ts b/docs-ui/src/utils/data.ts
index 4ad0a8acf1..66ec17e3ba 100644
--- a/docs-ui/src/utils/data.ts
+++ b/docs-ui/src/utils/data.ts
@@ -88,7 +88,6 @@ export const components: Page[] = [
   {
     title: 'RangeSlider',
     slug: 'range-slider',
-    status: 'new',
   },
   {
     title: 'SearchField',
diff --git a/packages/ui/src/components/RangeSlider/RangeSlider.tsx b/packages/ui/src/components/RangeSlider/RangeSlider.tsx
index 2785fc0eff..4cdb78ca01 100644
--- a/packages/ui/src/components/RangeSlider/RangeSlider.tsx
+++ b/packages/ui/src/components/RangeSlider/RangeSlider.tsx
@@ -38,8 +38,8 @@ export const RangeSlider = forwardRef<HTMLDivElement, RangeSliderProps>(
       'aria-labelledby': ariaLabelledBy,
     } = props;
 
-    // Extract isRequired early since it's inherited from AriaSliderProps
-    const isRequired = 'isRequired' in props ? props.isRequired : undefined;
+    // Extract isRequired from props (inherited from AriaSliderProps)
+    const isRequired = (props as any).isRequired;
 
     useEffect(() => {
       if (!label && !ariaLabel && !ariaLabelledBy) {