Fix #7849: RadioButton readonly to readOnly (#7869)

Author: melloware

components/lib/radiobutton/RadioButton.js

@@ -26,7 +26,7 @@ export const RadioButton = React.memo(
         };
 
         const onChange = (event) => {
-            if (props.disabled || props.readonly) {
+            if (props.disabled || props.readOnly) {
                 return;
             }
 
@@ -136,7 +136,7 @@ export const RadioButton = React.memo(
                     onBlur: onBlur,
                     onChange: onChange,
                     disabled: props.disabled,
-                    readOnly: props.readonly,
+                    readOnly: props.readOnly,
                     required: props.required,
                     tabIndex: props.tabIndex,
                     className: cx('input'),

components/lib/radiobutton/radiobutton.d.ts

@@ -116,7 +116,7 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
      * When present, it specifies that an input field is read-only.
      * @default false
      */
-    readonly?: boolean | undefined;
+    readOnly?: boolean | undefined;
     /**
      * When present, it specifies that an input field must be filled out before submitting the form.
      * @defaultValue false