chore: fix documentation in storybook * 3

Author: tenphi

src/components/content/CopySnippet/CopySnippet.tsx

@@ -265,6 +265,6 @@ const _CopySnippet = Object.assign(
   },
 );
 
-_CopySnippet.displayName = 'CopySnippet';
+(_CopySnippet as any).displayName = 'CopySnippet';
 
 export { _CopySnippet as CopySnippet };

src/components/fields/DatePicker/DateInput.tsx

@@ -118,8 +118,8 @@ function DateInput<T extends DateValue>(
  * DateInputs allow users to enter and edit date and time values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
  */
-const _DateInput = forwardRef(DateInput);
+const _DateInput = forwardRef(DateInput) as typeof DateInput;
 
-_DateInput.displayName = 'DateInput';
+(_DateInput as any).displayName = 'DateInput';
 
 export { _DateInput as DateInput };

src/components/fields/DatePicker/DatePicker.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactElement, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { FocusableRef } from '@react-types/shared';
 import {
   useDatePicker,
@@ -178,9 +178,7 @@ function DatePicker<T extends DateValue>(
   });
 }
 
-const _DatePicker = forwardRef(DatePicker) as <T extends DateValue>(
-  props: CubeDatePickerProps<T> & { ref?: FocusableRef<HTMLElement> },
-) => ReactElement;
+const _DatePicker = forwardRef(DatePicker);
 
 _DatePicker.displayName = 'DatePicker';
 

src/components/fields/DatePicker/DateRangePicker.tsx

@@ -205,8 +205,8 @@ function DateRangePicker<T extends DateValue>(
   });
 }
 
-const _DateRangePicker = forwardRef(DateRangePicker);
+const _DateRangePicker = forwardRef(DateRangePicker) as typeof DateRangePicker;
 
-_DateRangePicker.displayName = 'DateRangePicker';
+(_DateRangePicker as any).displayName = 'DateRangePicker';
 
 export { _DateRangePicker as DateRangePicker };

src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx

@@ -316,6 +316,6 @@ const _DateRangeSeparatedPicker = forwardRef(DateRangeSeparatedPicker) as <
   },
 ) => ReactElement;
 
-_DateRangeSeparatedPicker.displayName = 'DateRangeSeparatedPicker';
+(_DateRangeSeparatedPicker as any).displayName = 'DateRangeSeparatedPicker';
 
 export { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };

src/components/fields/DatePicker/TimeInput.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactElement, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { FocusableRef } from '@react-types/shared';
 import {
   AriaTimeFieldProps,
@@ -125,9 +125,7 @@ function TimeInput<T extends TimeValue>(
  * TimeFields allow users to enter and edit time values using a keyboard.
  * Each part of the time is displayed in an individually editable segment.
  */
-const _TimeInput = forwardRef(TimeInput) as <T extends TimeValue>(
-  props: CubeTimeInputProps<T> & { ref?: FocusableRef<HTMLElement> },
-) => ReactElement;
+const _TimeInput = forwardRef(TimeInput);
 
 _TimeInput.displayName = 'TimeInput';
 

src/components/form/Form/Form.tsx

@@ -256,8 +256,8 @@ function Form<T extends FieldTypes>(
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
-const _Form = forwardRef(Form);
+const _Form = forwardRef(Form) as typeof Form;
 
-_Form.displayName = 'Form';
+(_Form as any).displayName = 'Form';
 
 export { _Form as Form };