diff --git a/.gitignore b/.gitignore
index a0681df009..0cf35acfd8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -142,4 +142,5 @@ out/
 *.tsbuildinfo
 lodashReplacer.js
 muiReplacer.js
+ajvReplacer.js
 
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 44294670f2..fd8a6599b5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,20 @@ it according to semantic versioning. For example, if your PR adds a breaking cha
 should change the heading of the (upcoming) version to include a major version bump.
 
 -->
+# 5.24.8
+
+## @rjsf/antd
+
+- Fixed the total disable of the `RadioWidget`, fixing [#4481](https://github.com/rjsf-team/react-jsonschema-form/issues/4481)
+
+## @rjsf/validator-ajv8
+
+- Fixed up the ESM build to properly handle ESM imports for `compileSchemaValidatorsCode()` by adding a new `ajvReplacer.ts` and using it
+
+## Dev / docs / playground
+
+- Updated `snapshot-tests` to add validation of disable `RadioWidget` via the `Form` prop as well as `uiSchema`
+
 # 5.24.7
 
 ## Dev / docs / playground
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index b30d98564c..75efe19585 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -3554,6 +3554,116 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+    >
+      <div
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        style={
+          {
+            "rowGap": undefined,
+          }
+        }
+      >
+        <div
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          style={{}}
+        >
+          <div
+            className="ant-form-item-control-input"
+          >
+            <div
+              className="ant-form-item-control-input-content"
+            >
+              <div
+                aria-describedby="root__error root__description root__help"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                id="root"
+                onBlur={[Function]}
+                onFocus={[Function]}
+              >
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target ant-radio-disabled"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={true}
+                      id="root-0"
+                      name="root"
+                      onChange={[Function]}
+                      type="radio"
+                      value="0"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span>
+                    foo
+                  </span>
+                </label>
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target ant-radio-disabled"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={true}
+                      id="root-1"
+                      name="root"
+                      onChange={[Function]}
+                      type="radio"
+                      value="1"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span>
+                    bar
+                  </span>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    disabled={true}
+    onClick={[Function]}
+    style={{}}
+    type="submit"
+  >
+    <span>
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -3697,6 +3807,116 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+    >
+      <div
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        style={
+          {
+            "rowGap": undefined,
+          }
+        }
+      >
+        <div
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          style={{}}
+        >
+          <div
+            className="ant-form-item-control-input"
+          >
+            <div
+              className="ant-form-item-control-input-content"
+            >
+              <div
+                aria-describedby="root__error root__description root__help"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                id="root"
+                onBlur={[Function]}
+                onFocus={[Function]}
+              >
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target ant-radio-disabled"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={true}
+                      id="root-0"
+                      name="root"
+                      onChange={[Function]}
+                      type="radio"
+                      value="0"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span>
+                    foo
+                  </span>
+                </label>
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target ant-radio-disabled"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={true}
+                      id="root-1"
+                      name="root"
+                      onChange={[Function]}
+                      type="radio"
+                      value="1"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span>
+                    bar
+                  </span>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    disabled={false}
+    onClick={[Function]}
+    style={{}}
+    type="submit"
+  >
+    <span>
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap b/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
index 960d182f83..3537b777e2 100644
--- a/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
@@ -1723,6 +1723,88 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="form-group"
+    >
+      <label
+        className="form-label"
+        htmlFor="root"
+      />
+      <div
+        className="mb-0 form-group"
+      >
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={true}
+            id="root-0"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="0"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-0"
+            title=""
+          >
+            foo
+          </label>
+        </div>
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={true}
+            id="root-1"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="1"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-1"
+            title=""
+          >
+            bar
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={true}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -1783,6 +1865,88 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="form-group"
+    >
+      <label
+        className="form-label"
+        htmlFor="root"
+      />
+      <div
+        className="mb-0 form-group"
+      >
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={true}
+            id="root-0"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="0"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-0"
+            title=""
+          >
+            foo
+          </label>
+        </div>
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={true}
+            id="root-1"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="1"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-1"
+            title=""
+          >
+            bar
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
index 74d50e7100..d97f28dd8d 100644
--- a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
@@ -4768,6 +4768,242 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+.emotion-1 {
+  margin-bottom: 1px;
+}
+
+.emotion-3 {
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-3>*:not(style)~*:not(style) {
+  margin-top: 0.5rem;
+  -webkit-margin-end: 0px;
+  margin-inline-end: 0px;
+  margin-bottom: 0px;
+  -webkit-margin-start: 0px;
+  margin-inline-start: 0px;
+}
+
+.emotion-4 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  vertical-align: top;
+  cursor: pointer;
+}
+
+.emotion-5 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.emotion-6 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-margin-start: 0.5rem;
+  margin-inline-start: 0.5rem;
+}
+
+.emotion-10 {
+  margin-top: 3px;
+}
+
+.emotion-11 {
+  display: inline-flex;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  position: relative;
+  white-space: nowrap;
+  vertical-align: middle;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  width: auto;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="chakra-form-control emotion-0"
+      role="group"
+    >
+      <div
+        className="chakra-form-control emotion-1"
+        role="group"
+      >
+        <div
+          aria-describedby="root__error root__description root__help"
+          className="chakra-radio-group emotion-0"
+          onBlur={[Function]}
+          onFocus={[Function]}
+          role="radiogroup"
+        >
+          <div
+            className="chakra-stack emotion-3"
+          >
+            <label
+              className="chakra-radio emotion-4"
+              data-disabled=""
+            >
+              <input
+                aria-disabled={true}
+                checked={false}
+                className="chakra-radio__input"
+                disabled={true}
+                id="root-0"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                readOnly={false}
+                required={false}
+                style={
+                  {
+                    "border": "0px",
+                    "clip": "rect(0px, 0px, 0px, 0px)",
+                    "height": "1px",
+                    "margin": "-1px",
+                    "overflow": "hidden",
+                    "padding": "0px",
+                    "position": "absolute",
+                    "whiteSpace": "nowrap",
+                    "width": "1px",
+                  }
+                }
+                type="radio"
+                value="0"
+              />
+              <span
+                aria-hidden={true}
+                className="chakra-radio__control emotion-5"
+                data-disabled=""
+                disabled={true}
+                onMouseDown={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+                onMouseUp={[Function]}
+              />
+              <span
+                className="chakra-radio__label emotion-6"
+                data-disabled=""
+                onMouseDown={[Function]}
+                onTouchStart={[Function]}
+              >
+                foo
+              </span>
+            </label>
+            <label
+              className="chakra-radio emotion-4"
+              data-disabled=""
+            >
+              <input
+                aria-disabled={true}
+                checked={false}
+                className="chakra-radio__input"
+                disabled={true}
+                id="root-1"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                readOnly={false}
+                required={false}
+                style={
+                  {
+                    "border": "0px",
+                    "clip": "rect(0px, 0px, 0px, 0px)",
+                    "height": "1px",
+                    "margin": "-1px",
+                    "overflow": "hidden",
+                    "padding": "0px",
+                    "position": "absolute",
+                    "whiteSpace": "nowrap",
+                    "width": "1px",
+                  }
+                }
+                type="radio"
+                value="1"
+              />
+              <span
+                aria-hidden={true}
+                className="chakra-radio__control emotion-5"
+                data-disabled=""
+                disabled={true}
+                onMouseDown={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+                onMouseUp={[Function]}
+              />
+              <span
+                className="chakra-radio__label emotion-6"
+                data-disabled=""
+                onMouseDown={[Function]}
+                onTouchStart={[Function]}
+              >
+                bar
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="emotion-10"
+  >
+    <button
+      className="chakra-button emotion-11"
+      disabled={true}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 .emotion-1 {
   margin-bottom: 1px;
@@ -5069,6 +5305,242 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+.emotion-1 {
+  margin-bottom: 1px;
+}
+
+.emotion-3 {
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-3>*:not(style)~*:not(style) {
+  margin-top: 0.5rem;
+  -webkit-margin-end: 0px;
+  margin-inline-end: 0px;
+  margin-bottom: 0px;
+  -webkit-margin-start: 0px;
+  margin-inline-start: 0px;
+}
+
+.emotion-4 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  vertical-align: top;
+  cursor: pointer;
+}
+
+.emotion-5 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.emotion-6 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-margin-start: 0.5rem;
+  margin-inline-start: 0.5rem;
+}
+
+.emotion-10 {
+  margin-top: 3px;
+}
+
+.emotion-11 {
+  display: inline-flex;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  position: relative;
+  white-space: nowrap;
+  vertical-align: middle;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  width: auto;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="chakra-form-control emotion-0"
+      role="group"
+    >
+      <div
+        className="chakra-form-control emotion-1"
+        role="group"
+      >
+        <div
+          aria-describedby="root__error root__description root__help"
+          className="chakra-radio-group emotion-0"
+          onBlur={[Function]}
+          onFocus={[Function]}
+          role="radiogroup"
+        >
+          <div
+            className="chakra-stack emotion-3"
+          >
+            <label
+              className="chakra-radio emotion-4"
+              data-disabled=""
+            >
+              <input
+                aria-disabled={true}
+                checked={false}
+                className="chakra-radio__input"
+                disabled={true}
+                id="root-0"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                readOnly={false}
+                required={false}
+                style={
+                  {
+                    "border": "0px",
+                    "clip": "rect(0px, 0px, 0px, 0px)",
+                    "height": "1px",
+                    "margin": "-1px",
+                    "overflow": "hidden",
+                    "padding": "0px",
+                    "position": "absolute",
+                    "whiteSpace": "nowrap",
+                    "width": "1px",
+                  }
+                }
+                type="radio"
+                value="0"
+              />
+              <span
+                aria-hidden={true}
+                className="chakra-radio__control emotion-5"
+                data-disabled=""
+                disabled={true}
+                onMouseDown={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+                onMouseUp={[Function]}
+              />
+              <span
+                className="chakra-radio__label emotion-6"
+                data-disabled=""
+                onMouseDown={[Function]}
+                onTouchStart={[Function]}
+              >
+                foo
+              </span>
+            </label>
+            <label
+              className="chakra-radio emotion-4"
+              data-disabled=""
+            >
+              <input
+                aria-disabled={true}
+                checked={false}
+                className="chakra-radio__input"
+                disabled={true}
+                id="root-1"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                readOnly={false}
+                required={false}
+                style={
+                  {
+                    "border": "0px",
+                    "clip": "rect(0px, 0px, 0px, 0px)",
+                    "height": "1px",
+                    "margin": "-1px",
+                    "overflow": "hidden",
+                    "padding": "0px",
+                    "position": "absolute",
+                    "whiteSpace": "nowrap",
+                    "width": "1px",
+                  }
+                }
+                type="radio"
+                value="1"
+              />
+              <span
+                aria-hidden={true}
+                className="chakra-radio__control emotion-5"
+                data-disabled=""
+                disabled={true}
+                onMouseDown={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+                onMouseUp={[Function]}
+              />
+              <span
+                className="chakra-radio__label emotion-6"
+                data-disabled=""
+                onMouseDown={[Function]}
+                onTouchStart={[Function]}
+              >
+                bar
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="emotion-10"
+  >
+    <button
+      className="chakra-button emotion-11"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 .emotion-1 {
   margin-bottom: 1px;
diff --git a/packages/core/test/__snapshots__/FormSnap.test.jsx.snap b/packages/core/test/__snapshots__/FormSnap.test.jsx.snap
index 2bc49762b8..6b9cf7873e 100644
--- a/packages/core/test/__snapshots__/FormSnap.test.jsx.snap
+++ b/packages/core/test/__snapshots__/FormSnap.test.jsx.snap
@@ -1437,6 +1437,81 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="field-radio-group"
+      id="root"
+    >
+      <div
+        className="radio disabled"
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={true}
+              id="root-0"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="0"
+            />
+            <span>
+              foo
+            </span>
+          </span>
+        </label>
+      </div>
+      <div
+        className="radio disabled"
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={true}
+              id="root-1"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="1"
+            />
+            <span>
+              bar
+            </span>
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={true}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -1486,6 +1561,81 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="field-radio-group"
+      id="root"
+    >
+      <div
+        className="radio disabled"
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={true}
+              id="root-0"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="0"
+            />
+            <span>
+              foo
+            </span>
+          </span>
+        </label>
+      </div>
+      <div
+        className="radio disabled"
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={true}
+              id="root-1"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="1"
+            />
+            <span>
+              bar
+            </span>
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap b/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
index 6965aad758..e17972428e 100644
--- a/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
@@ -15,13 +15,13 @@ exports[`single fields checkbox field 1`] = `
     }
   >
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root"
@@ -32,16 +32,16 @@ exports[`single fields checkbox field 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
@@ -75,7 +75,7 @@ exports[`single fields checkbox field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__177"
+              id="id__187"
             >
               Submit
             </span>
@@ -102,13 +102,13 @@ exports[`single fields checkbox field with label 1`] = `
     }
   >
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root"
@@ -119,23 +119,23 @@ exports[`single fields checkbox field with label 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           test
         </span>
@@ -167,7 +167,7 @@ exports[`single fields checkbox field with label 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__180"
+              id="id__190"
             >
               Submit
             </span>
@@ -199,13 +199,13 @@ exports[`single fields checkboxes field 1`] = `
       An enum list rendered as checkboxes
     </label>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-0"
@@ -216,36 +216,36 @@ exports[`single fields checkboxes field 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-0"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           foo
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-1"
@@ -256,36 +256,36 @@ exports[`single fields checkboxes field 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-1"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           bar
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-2"
@@ -296,36 +296,36 @@ exports[`single fields checkboxes field 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-2"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           fuzz
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-3"
@@ -336,23 +336,23 @@ exports[`single fields checkboxes field 1`] = `
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-3"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           qux
         </span>
@@ -394,7 +394,7 @@ exports[`single fields checkboxes field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__183"
+              id="id__193"
             >
               Submit
             </span>
@@ -444,7 +444,7 @@ exports[`single fields field with description 1`] = `
               <label
                 className="ms-Label root-130"
                 htmlFor="root_my-field"
-                id="TextFieldLabel199"
+                id="TextFieldLabel209"
               >
                 my-field
               </label>
@@ -454,7 +454,7 @@ exports[`single fields field with description 1`] = `
                 <input
                   aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
                   aria-invalid={false}
-                  aria-labelledby="TextFieldLabel199"
+                  aria-labelledby="TextFieldLabel209"
                   autoFocus={false}
                   className="ms-TextField-field field-113"
                   disabled={false}
@@ -474,10 +474,10 @@ exports[`single fields field with description 1`] = `
             </div>
           </div>
           <span
-            className="css-237"
+            className="css-240"
           >
             <span
-              className="css-237"
+              className="css-240"
               id="root_my-field__description"
             >
               some description
@@ -512,7 +512,7 @@ exports[`single fields field with description 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__202"
+              id="id__212"
             >
               Submit
             </span>
@@ -562,7 +562,7 @@ exports[`single fields field with description in uiSchema 1`] = `
               <label
                 className="ms-Label root-130"
                 htmlFor="root_my-field"
-                id="TextFieldLabel207"
+                id="TextFieldLabel217"
               >
                 my-field
               </label>
@@ -572,7 +572,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                 <input
                   aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
                   aria-invalid={false}
-                  aria-labelledby="TextFieldLabel207"
+                  aria-labelledby="TextFieldLabel217"
                   autoFocus={false}
                   className="ms-TextField-field field-113"
                   disabled={false}
@@ -592,10 +592,10 @@ exports[`single fields field with description in uiSchema 1`] = `
             </div>
           </div>
           <span
-            className="css-237"
+            className="css-240"
           >
             <span
-              className="css-237"
+              className="css-240"
               id="root_my-field__description"
             >
               some other description
@@ -630,7 +630,7 @@ exports[`single fields field with description in uiSchema 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__210"
+              id="id__220"
             >
               Submit
             </span>
@@ -1409,18 +1409,18 @@ exports[`single fields help and error display 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="ms-MessageBar ms-MessageBar--error ms-MessageBar-singleline root-239"
+    className="ms-MessageBar ms-MessageBar--error ms-MessageBar-singleline root-242"
   >
     <div
-      className="ms-MessageBar-content content-240"
+      className="ms-MessageBar-content content-243"
     >
       <div
         aria-hidden={true}
-        className="ms-MessageBar-icon iconContainer-241"
+        className="ms-MessageBar-icon iconContainer-244"
       >
         <i
           aria-hidden={true}
-          className="icon-249"
+          className="icon-252"
           data-icon-name="ErrorBadge"
         >
           
@@ -1428,12 +1428,12 @@ exports[`single fields help and error display 1`] = `
       </div>
       <div
         aria-live="assertive"
-        className="ms-MessageBar-text text-243"
-        id="MessageBar245"
+        className="ms-MessageBar-text text-246"
+        id="MessageBar255"
         role="alert"
       >
         <span
-          className="ms-MessageBar-innerText innerText-244"
+          className="ms-MessageBar-innerText innerText-247"
         />
       </div>
     </div>
@@ -1453,10 +1453,10 @@ exports[`single fields help and error display 1`] = `
         className="ms-TextField-wrapper"
       >
         <div
-          className="ms-TextField-fieldGroup fieldGroup-250"
+          className="ms-TextField-fieldGroup fieldGroup-253"
         >
           <input
-            aria-describedby="TextFieldDescription247"
+            aria-describedby="TextFieldDescription257"
             aria-invalid={true}
             autoFocus={false}
             className="ms-TextField-field field-113"
@@ -1475,7 +1475,7 @@ exports[`single fields help and error display 1`] = `
         </div>
       </div>
       <span
-        id="TextFieldDescription247"
+        id="TextFieldDescription257"
       >
         <div
           role="alert"
@@ -1506,7 +1506,7 @@ exports[`single fields help and error display 1`] = `
       </div>
     </div>
     <span
-      className="css-237"
+      className="css-240"
       id="root__help"
     >
       help me!
@@ -1537,7 +1537,7 @@ exports[`single fields help and error display 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__251"
+              id="id__261"
             >
               Submit
             </span>
@@ -1612,7 +1612,7 @@ exports[`single fields hidden field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__194"
+              id="id__204"
             >
               Submit
             </span>
@@ -1693,7 +1693,7 @@ exports[`single fields hidden label 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__226"
+              id="id__236"
             >
               Submit
             </span>
@@ -2040,7 +2040,7 @@ exports[`single fields radio field 1`] = `
                 checked={false}
                 className="ms-ChoiceField-input input-203"
                 disabled={false}
-                id="ChoiceGroup186-0"
+                id="ChoiceGroup196-0"
                 name="root"
                 onBlur={[Function]}
                 onChange={[Function]}
@@ -2049,11 +2049,11 @@ exports[`single fields radio field 1`] = `
               />
               <label
                 className="ms-ChoiceField-field field-204"
-                htmlFor="ChoiceGroup186-0"
+                htmlFor="ChoiceGroup196-0"
               >
                 <span
                   className="ms-ChoiceFieldLabel"
-                  id="ChoiceGroupLabel187-0"
+                  id="ChoiceGroupLabel197-0"
                 >
                   Yes
                 </span>
@@ -2071,7 +2071,7 @@ exports[`single fields radio field 1`] = `
                 checked={false}
                 className="ms-ChoiceField-input input-203"
                 disabled={false}
-                id="ChoiceGroup186-1"
+                id="ChoiceGroup196-1"
                 name="root"
                 onBlur={[Function]}
                 onChange={[Function]}
@@ -2080,11 +2080,11 @@ exports[`single fields radio field 1`] = `
               />
               <label
                 className="ms-ChoiceField-field field-204"
-                htmlFor="ChoiceGroup186-1"
+                htmlFor="ChoiceGroup196-1"
               >
                 <span
                   className="ms-ChoiceFieldLabel"
-                  id="ChoiceGroupLabel187-1"
+                  id="ChoiceGroupLabel197-1"
                 >
                   No
                 </span>
@@ -2120,7 +2120,7 @@ exports[`single fields radio field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__188"
+              id="id__198"
             >
               Submit
             </span>
@@ -2221,7 +2221,7 @@ exports[`single fields schema examples 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__242"
+              id="id__252"
             >
               Submit
             </span>
@@ -2499,7 +2499,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__165"
+              id="id__175"
             >
               Submit
             </span>
@@ -2529,13 +2529,13 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
       className="ms-Label root-130"
     />
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-0"
@@ -2546,36 +2546,36 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-0"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           foo
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-disabled root-217"
+      className="ms-Checkbox is-disabled root-220"
     >
       <input
         aria-disabled={true}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={true}
         id="root-1"
@@ -2586,36 +2586,36 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-218"
+        className="ms-Checkbox-label label-221"
         htmlFor="root-1"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-219"
+          className="ms-Checkbox-checkbox checkbox-222"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-222"
+            className="ms-Checkbox-checkmark checkmark-225"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-221"
+          className="ms-Checkbox-text text-224"
         >
           bar
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-2"
@@ -2626,36 +2626,36 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-2"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           fuzz
         </span>
       </label>
     </div>
     <div
-      className="ms-Checkbox is-enabled root-210"
+      className="ms-Checkbox is-enabled root-213"
     >
       <input
         aria-disabled={false}
         autoFocus={false}
         checked={false}
-        className="input-211"
+        className="input-214"
         data-ktp-execute-target={true}
         disabled={false}
         id="root-3"
@@ -2666,23 +2666,23 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
         type="checkbox"
       />
       <label
-        className="ms-Checkbox-label label-212"
+        className="ms-Checkbox-label label-215"
         htmlFor="root-3"
       >
         <div
-          className="ms-Checkbox-checkbox checkbox-213"
+          className="ms-Checkbox-checkbox checkbox-216"
           data-ktp-target={true}
         >
           <i
             aria-hidden={true}
-            className="ms-Checkbox-checkmark checkmark-216"
+            className="ms-Checkbox-checkmark checkmark-219"
             data-icon-name="CheckMark"
           >
             
           </i>
         </div>
         <span
-          className="ms-Checkbox-text text-215"
+          className="ms-Checkbox-text text-218"
         >
           qux
         </span>
@@ -2724,7 +2724,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
           >
             <span
               className="ms-Button-label label-126"
-              id="id__168"
+              id="id__178"
             >
               Submit
             </span>
@@ -2775,7 +2775,7 @@ exports[`single fields select field multiple choice formData 1`] = `
       >
         <span
           aria-invalid={false}
-          className="ms-Dropdown-title title-223"
+          className="ms-Dropdown-title title-226"
           id="root-option"
         >
           foo, bar
@@ -2819,7 +2819,7 @@ exports[`single fields select field multiple choice formData 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__174"
+              id="id__184"
             >
               Submit
             </span>
@@ -3147,6 +3147,139 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="ms-Grid-col ms-sm12  field field-string"
+    style={
+      {
+        "marginBottom": 15,
+      }
+    }
+  >
+    <div
+      className="ms-ChoiceFieldGroup root-201"
+      id="root"
+      name="root"
+      onBlur={[Function]}
+      onFocus={[Function]}
+    >
+      <div
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <div
+          className="ms-ChoiceFieldGroup-flexContainer"
+        >
+          <div
+            className="ms-ChoiceField root-202"
+          >
+            <div
+              className="ms-ChoiceField-wrapper"
+            >
+              <input
+                aria-describedby="root__error root__description root__help"
+                checked={false}
+                className="ms-ChoiceField-input is-disabled input-203"
+                disabled={true}
+                id="ChoiceGroup170-0"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                type="radio"
+              />
+              <label
+                className="ms-ChoiceField-field field-209"
+                htmlFor="ChoiceGroup170-0"
+              >
+                <span
+                  className="ms-ChoiceFieldLabel"
+                  id="ChoiceGroupLabel171-0"
+                >
+                  foo
+                </span>
+              </label>
+            </div>
+          </div>
+          <div
+            className="ms-ChoiceField root-202"
+          >
+            <div
+              className="ms-ChoiceField-wrapper"
+            >
+              <input
+                aria-describedby="root__error root__description root__help"
+                checked={false}
+                className="ms-ChoiceField-input is-disabled input-203"
+                disabled={true}
+                id="ChoiceGroup170-1"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                type="radio"
+              />
+              <label
+                className="ms-ChoiceField-field field-209"
+                htmlFor="ChoiceGroup170-1"
+              >
+                <span
+                  className="ms-ChoiceFieldLabel"
+                  id="ChoiceGroupLabel171-1"
+                >
+                  bar
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <br />
+    <div
+      className="ms-Grid-col ms-sm12"
+    >
+      <button
+        aria-disabled={true}
+        className="ms-Button ms-Button--primary is-disabled root-210"
+        data-is-focusable={false}
+        disabled={true}
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyPress={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseUp={[Function]}
+        type="submit"
+      >
+        <span
+          className="ms-Button-flexContainer flexContainer-123"
+          data-automationid="splitbuttonprimary"
+        >
+          <span
+            className="ms-Button-textContainer textContainer-124"
+          >
+            <span
+              className="ms-Button-label label-126"
+              id="id__172"
+            >
+              Submit
+            </span>
+          </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -3227,7 +3360,138 @@ exports[`single fields select field single choice formData 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__171"
+              id="id__181"
+            >
+              Submit
+            </span>
+          </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</form>
+`;
+
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="ms-Grid-col ms-sm12  field field-string"
+    style={
+      {
+        "marginBottom": 15,
+      }
+    }
+  >
+    <div
+      className="ms-ChoiceFieldGroup root-201"
+      id="root"
+      name="root"
+      onBlur={[Function]}
+      onFocus={[Function]}
+    >
+      <div
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <div
+          className="ms-ChoiceFieldGroup-flexContainer"
+        >
+          <div
+            className="ms-ChoiceField root-202"
+          >
+            <div
+              className="ms-ChoiceField-wrapper"
+            >
+              <input
+                aria-describedby="root__error root__description root__help"
+                checked={false}
+                className="ms-ChoiceField-input is-disabled input-203"
+                disabled={true}
+                id="ChoiceGroup165-0"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                type="radio"
+              />
+              <label
+                className="ms-ChoiceField-field field-209"
+                htmlFor="ChoiceGroup165-0"
+              >
+                <span
+                  className="ms-ChoiceFieldLabel"
+                  id="ChoiceGroupLabel166-0"
+                >
+                  foo
+                </span>
+              </label>
+            </div>
+          </div>
+          <div
+            className="ms-ChoiceField root-202"
+          >
+            <div
+              className="ms-ChoiceField-wrapper"
+            >
+              <input
+                aria-describedby="root__error root__description root__help"
+                checked={false}
+                className="ms-ChoiceField-input is-disabled input-203"
+                disabled={true}
+                id="ChoiceGroup165-1"
+                name="root"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                type="radio"
+              />
+              <label
+                className="ms-ChoiceField-field field-209"
+                htmlFor="ChoiceGroup165-1"
+              >
+                <span
+                  className="ms-ChoiceFieldLabel"
+                  id="ChoiceGroupLabel166-1"
+                >
+                  bar
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <br />
+    <div
+      className="ms-Grid-col ms-sm12"
+    >
+      <button
+        className="ms-Button ms-Button--primary root-122"
+        data-is-focusable={true}
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyPress={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseUp={[Function]}
+        type="submit"
+      >
+        <span
+          className="ms-Button-flexContainer flexContainer-123"
+          data-automationid="splitbuttonprimary"
+        >
+          <span
+            className="ms-Button-textContainer textContainer-124"
+          >
+            <span
+              className="ms-Button-label label-126"
+              id="id__167"
             >
               Submit
             </span>
@@ -3258,14 +3522,14 @@ exports[`single fields slider field 1`] = `
       htmlFor="root"
     />
     <div
-      className="ms-Slider ms-Slider-enabled ms-Slider-row root-224"
+      className="ms-Slider ms-Slider-enabled ms-Slider-row root-227"
     >
       <label
-        className="ms-Label titleLabel-235"
+        className="ms-Label titleLabel-238"
         htmlFor="root"
       />
       <div
-        className="ms-Slider-container container-226"
+        className="ms-Slider-container container-229"
       >
         <div
           aria-disabled={false}
@@ -3273,7 +3537,7 @@ exports[`single fields slider field 1`] = `
           aria-valuemin={42}
           aria-valuenow={42}
           aria-valuetext="42"
-          className="ms-Slider-slideBox ms-Slider-showValue slideBox-227"
+          className="ms-Slider-slideBox ms-Slider-showValue slideBox-230"
           data-is-focusable={true}
           id="root"
           onKeyDown={[Function]}
@@ -3283,10 +3547,10 @@ exports[`single fields slider field 1`] = `
           tabIndex={0}
         >
           <div
-            className="ms-Slider-line line-229"
+            className="ms-Slider-line line-232"
           >
             <span
-              className="ms-Slider-thumb thumb-228"
+              className="ms-Slider-thumb thumb-231"
               style={
                 {
                   "left": "0%",
@@ -3294,7 +3558,7 @@ exports[`single fields slider field 1`] = `
               }
             />
             <span
-              className="lineContainer-230 ms-Slider-inactive inactiveSection-232"
+              className="lineContainer-233 ms-Slider-inactive inactiveSection-235"
               style={
                 {
                   "width": "0%",
@@ -3302,7 +3566,7 @@ exports[`single fields slider field 1`] = `
               }
             />
             <span
-              className="lineContainer-230 ms-Slider-active activeSection-231"
+              className="lineContainer-233 ms-Slider-active activeSection-234"
               style={
                 {
                   "width": "0%",
@@ -3310,7 +3574,7 @@ exports[`single fields slider field 1`] = `
               }
             />
             <span
-              className="lineContainer-230 ms-Slider-inactive inactiveSection-232"
+              className="lineContainer-233 ms-Slider-inactive inactiveSection-235"
               style={
                 {
                   "width": "100%",
@@ -3320,7 +3584,7 @@ exports[`single fields slider field 1`] = `
           </div>
         </div>
         <label
-          className="ms-Label ms-Slider-value valueLabel-236"
+          className="ms-Label ms-Slider-value valueLabel-239"
         >
           42
         </label>
@@ -3352,7 +3616,7 @@ exports[`single fields slider field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__191"
+              id="id__201"
             >
               Submit
             </span>
@@ -3867,7 +4131,7 @@ exports[`single fields title field 1`] = `
     }
   >
     <label
-      className="ms-Label root-238"
+      className="ms-Label root-241"
       id="root__title"
     >
       Titre 1
@@ -3896,7 +4160,7 @@ exports[`single fields title field 1`] = `
               <label
                 className="ms-Label root-130"
                 htmlFor="root_title"
-                id="TextFieldLabel215"
+                id="TextFieldLabel225"
               >
                 Titre 2
               </label>
@@ -3906,7 +4170,7 @@ exports[`single fields title field 1`] = `
                 <input
                   aria-describedby="root_title__error root_title__description root_title__help"
                   aria-invalid={false}
-                  aria-labelledby="TextFieldLabel215"
+                  aria-labelledby="TextFieldLabel225"
                   autoFocus={false}
                   className="ms-TextField-field field-113"
                   disabled={false}
@@ -3954,7 +4218,7 @@ exports[`single fields title field 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__218"
+              id="id__228"
             >
               Submit
             </span>
@@ -4264,7 +4528,7 @@ exports[`single fields using custom tagName 1`] = `
           >
             <span
               className="ms-Button-label label-126"
-              id="id__234"
+              id="id__244"
             >
               Submit
             </span>
diff --git a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
index 52d4a1410b..17fec664d1 100644
--- a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
@@ -1370,8 +1370,8 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
       >
         <label
           className="fui-Label fui-Field__label ___1r7nw7g_1a9hq9n fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-          htmlFor="field-r11__control"
-          id="field-r11__label"
+          htmlFor="field-r19__control"
+          id="field-r19__label"
         />
         <div
           className="fui-Dropdown form-control ___1t74ezd_q04bao0 f1aa9q02 f16jpd5f f1jar5jt fyu767a f1ewtqcl ftuwxu6 f1exfvgq f10pi13n f14a1fxs f3e99gv fhljsf7 f1gw3sf2 f13zj6fq f1mdlcz9 f1a7op3 f1gboi2j f1cjjd47 ffyw7fx f1kp91vd f1ibwz09 f14pi962 f1lh990p f1jc6hxc f13evtba f1yk9hq fhwpy7i f14ee0xe f1xhbsuh fv8e3ye ftb5wc6 fjw5xc1 f1xdyd5c fatpbeo fb7uyps f1cmft4k f1x58t8o f1ibeo51 f132nw8t f1htdosj fxugw4r f192inf7 f5tn483 f1vxd6vx f1ojsxk5 fzkkow9 fcdblym fg706s2 fjik90z fj3muxo f1akhkt f1c1zstj f1lxtadh fvcxoqz f1ub3y4t flmw63s f1m52nbi fvs00aa f1assf6x fqhmt4z f4ruux4"
@@ -1379,7 +1379,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
           <button
             aria-describedby="root__error root__description root__help"
             aria-expanded={false}
-            aria-labelledby="field-r11__label"
+            aria-labelledby="field-r19__label"
             autoFocus={false}
             className="fui-Dropdown__button ___10ah4o2_6igl400 f122n59 f1c21dwh fre7gi1 f1358rze fqdk4by f1rvrf73 f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f1sbtcvk f11gcy0p fdghr9 f1e60jzv"
             disabled={false}
@@ -1595,8 +1595,8 @@ exports[`single fields select field multiple choice formData 1`] = `
       >
         <label
           className="fui-Label fui-Field__label ___1r7nw7g_1a9hq9n fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-          htmlFor="field-r1c__control"
-          id="field-r1c__label"
+          htmlFor="field-r1k__control"
+          id="field-r1k__label"
         />
         <div
           className="fui-Dropdown form-control ___1t74ezd_q04bao0 f1aa9q02 f16jpd5f f1jar5jt fyu767a f1ewtqcl ftuwxu6 f1exfvgq f10pi13n f14a1fxs f3e99gv fhljsf7 f1gw3sf2 f13zj6fq f1mdlcz9 f1a7op3 f1gboi2j f1cjjd47 ffyw7fx f1kp91vd f1ibwz09 f14pi962 f1lh990p f1jc6hxc f13evtba f1yk9hq fhwpy7i f14ee0xe f1xhbsuh fv8e3ye ftb5wc6 fjw5xc1 f1xdyd5c fatpbeo fb7uyps f1cmft4k f1x58t8o f1ibeo51 f132nw8t f1htdosj fxugw4r f192inf7 f5tn483 f1vxd6vx f1ojsxk5 fzkkow9 fcdblym fg706s2 fjik90z fj3muxo f1akhkt f1c1zstj f1lxtadh fvcxoqz f1ub3y4t flmw63s f1m52nbi fvs00aa f1assf6x fqhmt4z f4ruux4"
@@ -1604,7 +1604,7 @@ exports[`single fields select field multiple choice formData 1`] = `
           <button
             aria-describedby="root__error root__description root__help"
             aria-expanded={false}
-            aria-labelledby="field-r1c__label"
+            aria-labelledby="field-r1k__label"
             autoFocus={false}
             className="fui-Dropdown__button ___10ah4o2_6igl400 f122n59 f1c21dwh fre7gi1 f1358rze fqdk4by f1rvrf73 f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f1sbtcvk f11gcy0p fdghr9 f1e60jzv"
             disabled={false}
@@ -1932,6 +1932,97 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <label
+        className="fui-Label ___1yevxz2_yljzsa0 fk6fouc f19n0e5 fkhj508 f1i3iumi"
+        htmlFor="root"
+      />
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="fui-RadioGroup ___1tjgnp0_1mgmpxf f22iagw f6jr5hl f1vx9l62"
+        id="root"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <span
+          className="fui-Radio rm0dkue"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={true}
+            id="root-0"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="0"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___15z4dte_1wo7efl fk6fouc f1s2aq7o f1dcs8yz fkhj508 f1i3iumi f7nlbp4 f1kwiid1 f1vdfbxk f5b47ha fruq291 fjzwpt6 fh6j2fo"
+            htmlFor="root-0"
+          >
+            foo
+          </label>
+        </span>
+        <span
+          className="fui-Radio rm0dkue"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={true}
+            id="root-1"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="1"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___15z4dte_1wo7efl fk6fouc f1s2aq7o f1dcs8yz fkhj508 f1i3iumi f7nlbp4 f1kwiid1 f1vdfbxk f5b47ha fruq291 fjzwpt6 fh6j2fo"
+            htmlFor="root-1"
+          >
+            bar
+          </label>
+        </span>
+      </div>
+    </div>
+  </div>
+  <div
+    className="___fko12g0_0000000 f1wswflg"
+  >
+    <button
+      className="fui-Button r1alrhcs ___1b744ob_186160c f1bg9a2p f1p3nwhy f11589ue f1q5o8ev f1pdflbu f1s2aq7o f1falr9n f1s2uweq fr80ssc f1ukrpxl fecsdlb fvgxktp f1t6o4dc f1h0usnq fs4ktlq f16h9ulv fx2bmrt fcvwxyo f4lkoma fg455y9 f1rvyvqg f1cwzwz f14g86mu f1dcs8yz fkc42ay f1vmkb5g f53ppgq f1663y11 f18v5270 f80fkiy f1kc2mi9 f1y0svfh fihuait fnxhupq fx507ft fyd6l6x fb3rf2x fdrzuqr f15x8b5r fphbwmw f19vpps7 fv5swzo f1al02dq f8w4c43 f1ol4fw6 f1q1lw4e f1dwjv2g fjwq6ea f1lr3nhc fn5gmvv f1mbxvi6 f17t0x8g f194v5ow f1qgg65p fk7jm04 fhgccpy f32wu9k fu5nqqq f13prjl2 f1czftr5 f1nl83rv f12k37oa fr96u23"
+      disabled={true}
+      onClick={[Function]}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -1949,8 +2040,8 @@ exports[`single fields select field single choice formData 1`] = `
       >
         <label
           className="fui-Label fui-Field__label ___1r7nw7g_1a9hq9n fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-          htmlFor="field-r19__control"
-          id="field-r19__label"
+          htmlFor="field-r1h__control"
+          id="field-r1h__label"
         />
         <div
           className="fui-Dropdown form-control ___1t74ezd_q04bao0 f1aa9q02 f16jpd5f f1jar5jt fyu767a f1ewtqcl ftuwxu6 f1exfvgq f10pi13n f14a1fxs f3e99gv fhljsf7 f1gw3sf2 f13zj6fq f1mdlcz9 f1a7op3 f1gboi2j f1cjjd47 ffyw7fx f1kp91vd f1ibwz09 f14pi962 f1lh990p f1jc6hxc f13evtba f1yk9hq fhwpy7i f14ee0xe f1xhbsuh fv8e3ye ftb5wc6 fjw5xc1 f1xdyd5c fatpbeo fb7uyps f1cmft4k f1x58t8o f1ibeo51 f132nw8t f1htdosj fxugw4r f192inf7 f5tn483 f1vxd6vx f1ojsxk5 fzkkow9 fcdblym fg706s2 fjik90z fj3muxo f1akhkt f1c1zstj f1lxtadh fvcxoqz f1ub3y4t flmw63s f1m52nbi fvs00aa f1assf6x fqhmt4z f4ruux4"
@@ -1958,7 +2049,7 @@ exports[`single fields select field single choice formData 1`] = `
           <button
             aria-describedby="root__error root__description root__help"
             aria-expanded={false}
-            aria-labelledby="field-r19__label"
+            aria-labelledby="field-r1h__label"
             autoFocus={false}
             className="fui-Dropdown__button ___10ah4o2_6igl400 f122n59 f1c21dwh fre7gi1 f1358rze fqdk4by f1rvrf73 f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f1sbtcvk f11gcy0p fdghr9 f1e60jzv"
             disabled={false}
@@ -2035,6 +2126,97 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <label
+        className="fui-Label ___1yevxz2_yljzsa0 fk6fouc f19n0e5 fkhj508 f1i3iumi"
+        htmlFor="root"
+      />
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="fui-RadioGroup ___1tjgnp0_1mgmpxf f22iagw f6jr5hl f1vx9l62"
+        id="root"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <span
+          className="fui-Radio rm0dkue"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={true}
+            id="root-0"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="0"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___15z4dte_1wo7efl fk6fouc f1s2aq7o f1dcs8yz fkhj508 f1i3iumi f7nlbp4 f1kwiid1 f1vdfbxk f5b47ha fruq291 fjzwpt6 fh6j2fo"
+            htmlFor="root-0"
+          >
+            foo
+          </label>
+        </span>
+        <span
+          className="fui-Radio rm0dkue"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={true}
+            id="root-1"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="1"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___15z4dte_1wo7efl fk6fouc f1s2aq7o f1dcs8yz fkhj508 f1i3iumi f7nlbp4 f1kwiid1 f1vdfbxk f5b47ha fruq291 fjzwpt6 fh6j2fo"
+            htmlFor="root-1"
+          >
+            bar
+          </label>
+        </span>
+      </div>
+    </div>
+  </div>
+  <div
+    className="___fko12g0_0000000 f1wswflg"
+  >
+    <button
+      className="fui-Button r1alrhcs ___1akj6hk_ih97uj0 ffp7eso f1p3nwhy f11589ue f1q5o8ev f1pdflbu f1phragk f15wkkf3 f1s2uweq fr80ssc f1ukrpxl fecsdlb f1rq72xc fnp9lpt f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1d6v5y2 f1rirnrt f1uu00uk fkvaka8 f1ux7til f9a0qzu f1lkg8j3 fkc42ay fq7113v ff1wgvm fiob0tu f1j6scgf f1x4h75k f4xjyn1 fbgcvur f1ks1yx8 f1o6qegi fcnxywj fmxjhhp f9ddjv3 f17t0x8g f194v5ow f1qgg65p fk7jm04 fhgccpy f32wu9k fu5nqqq f13prjl2 f1czftr5 f1nl83rv f12k37oa fr96u23"
+      disabled={false}
+      onClick={[Function]}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/material-ui/test/__snapshots__/Form.test.tsx.snap b/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
index 4b07e90baa..41d80be6c2 100644
--- a/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
@@ -69,7 +69,7 @@ exports[`single fields checkbox field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-33"
+    className="MuiBox-root MuiBox-root-35"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -169,7 +169,7 @@ exports[`single fields checkbox field with label 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-34"
+    className="MuiBox-root MuiBox-root-36"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -444,7 +444,7 @@ exports[`single fields checkboxes field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-35"
+    className="MuiBox-root MuiBox-root-37"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -566,7 +566,7 @@ exports[`single fields field with description 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-44"
+    className="MuiBox-root MuiBox-root-46"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -688,7 +688,7 @@ exports[`single fields field with description in uiSchema 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-45"
+    className="MuiBox-root MuiBox-root-47"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -1013,7 +1013,7 @@ exports[`single fields help and error display 1`] = `
     className="MuiPaper-root MuiPaper-elevation2 MuiPaper-rounded"
   >
     <div
-      className="MuiBox-root MuiBox-root-51"
+      className="MuiBox-root MuiBox-root-53"
     >
       <h6
         className="MuiTypography-root MuiTypography-h6"
@@ -1110,7 +1110,7 @@ exports[`single fields help and error display 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-52"
+    className="MuiBox-root MuiBox-root-54"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -1180,7 +1180,7 @@ exports[`single fields hidden field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-43"
+    className="MuiBox-root MuiBox-root-45"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -1250,7 +1250,7 @@ exports[`single fields hidden label 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-48"
+    className="MuiBox-root MuiBox-root-50"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -1699,7 +1699,7 @@ exports[`single fields radio field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-36"
+    className="MuiBox-root MuiBox-root-38"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -1789,7 +1789,7 @@ exports[`single fields schema examples 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-50"
+    className="MuiBox-root MuiBox-root-52"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -2078,7 +2078,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-29"
+    className="MuiBox-root MuiBox-root-31"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -2342,7 +2342,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-30"
+    className="MuiBox-root MuiBox-root-32"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -2431,7 +2431,7 @@ exports[`single fields select field multiple choice formData 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-32"
+    className="MuiBox-root MuiBox-root-34"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -2839,6 +2839,191 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth"
+    >
+      <label
+        className="MuiFormLabel-root"
+        htmlFor="root"
+      />
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormGroup-root"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <label
+          className="MuiFormControlLabel-root Mui-disabled"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-21 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-disabled-23 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled"
+            onBlur={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <span
+              className="MuiIconButton-label"
+            >
+              <input
+                checked={false}
+                className="PrivateSwitchBase-input-24"
+                disabled={true}
+                id="root-0"
+                name="root"
+                onChange={[Function]}
+                type="radio"
+                value="0"
+              />
+              <div
+                className="PrivateRadioButtonIcon-root-25"
+              >
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                  />
+                </svg>
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root PrivateRadioButtonIcon-layer-26"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                  />
+                </svg>
+              </div>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1"
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-21 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-disabled-23 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled"
+            onBlur={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <span
+              className="MuiIconButton-label"
+            >
+              <input
+                checked={false}
+                className="PrivateSwitchBase-input-24"
+                disabled={true}
+                id="root-1"
+                name="root"
+                onChange={[Function]}
+                type="radio"
+                value="1"
+              />
+              <div
+                className="PrivateRadioButtonIcon-root-25"
+              >
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                  />
+                </svg>
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root PrivateRadioButtonIcon-layer-26"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                  />
+                </svg>
+              </div>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1"
+          >
+            bar
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root MuiBox-root-30"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary Mui-disabled Mui-disabled"
+      disabled={true}
+      onBlur={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={-1}
+      type="submit"
+    >
+      <span
+        className="MuiButton-label"
+      >
+        Submit
+      </span>
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="rjsf"
@@ -2900,7 +3085,195 @@ exports[`single fields select field single choice formData 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-31"
+    className="MuiBox-root MuiBox-root-33"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
+      disabled={false}
+      onBlur={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      <span
+        className="MuiButton-label"
+      >
+        Submit
+      </span>
+      <span
+        className="MuiTouchRipple-root"
+      />
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth"
+    >
+      <label
+        className="MuiFormLabel-root"
+        htmlFor="root"
+      />
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormGroup-root"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <label
+          className="MuiFormControlLabel-root Mui-disabled"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-21 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-disabled-23 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled"
+            onBlur={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <span
+              className="MuiIconButton-label"
+            >
+              <input
+                checked={false}
+                className="PrivateSwitchBase-input-24"
+                disabled={true}
+                id="root-0"
+                name="root"
+                onChange={[Function]}
+                type="radio"
+                value="0"
+              />
+              <div
+                className="PrivateRadioButtonIcon-root-25"
+              >
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                  />
+                </svg>
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root PrivateRadioButtonIcon-layer-26"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                  />
+                </svg>
+              </div>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1"
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-21 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-disabled-23 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled"
+            onBlur={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <span
+              className="MuiIconButton-label"
+            >
+              <input
+                checked={false}
+                className="PrivateSwitchBase-input-24"
+                disabled={true}
+                id="root-1"
+                name="root"
+                onChange={[Function]}
+                type="radio"
+                value="1"
+              />
+              <div
+                className="PrivateRadioButtonIcon-root-25"
+              >
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                  />
+                </svg>
+                <svg
+                  aria-hidden={true}
+                  className="MuiSvgIcon-root PrivateRadioButtonIcon-layer-26"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                  />
+                </svg>
+              </div>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1"
+          >
+            bar
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root MuiBox-root-29"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -2979,7 +3352,7 @@ exports[`single fields slider field 1`] = `
           aria-valuemax={100}
           aria-valuemin={42}
           aria-valuenow={75}
-          className="MuiSlider-thumb MuiSlider-thumbColorPrimary PrivateValueLabel-thumb-37"
+          className="MuiSlider-thumb MuiSlider-thumbColorPrimary PrivateValueLabel-thumb-39"
           data-index={0}
           onBlur={[Function]}
           onFocus={[Function]}
@@ -2995,13 +3368,13 @@ exports[`single fields slider field 1`] = `
           tabIndex={0}
         >
           <span
-            className="PrivateValueLabel-offset-39 MuiSlider-valueLabel"
+            className="PrivateValueLabel-offset-41 MuiSlider-valueLabel"
           >
             <span
-              className="PrivateValueLabel-circle-40"
+              className="PrivateValueLabel-circle-42"
             >
               <span
-                className="PrivateValueLabel-label-41"
+                className="PrivateValueLabel-label-43"
               >
                 75
               </span>
@@ -3012,7 +3385,7 @@ exports[`single fields slider field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-42"
+    className="MuiBox-root MuiBox-root-44"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -3488,7 +3861,7 @@ exports[`single fields title field 1`] = `
       className="MuiFormControl-root MuiFormControl-fullWidth"
     >
       <div
-        className="MuiBox-root MuiBox-root-46"
+        className="MuiBox-root MuiBox-root-48"
         id="root__title"
       >
         <h5
@@ -3563,7 +3936,7 @@ exports[`single fields title field 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-47"
+    className="MuiBox-root MuiBox-root-49"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@@ -3770,7 +4143,7 @@ exports[`single fields using custom tagName 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root MuiBox-root-49"
+    className="MuiBox-root MuiBox-root-51"
   >
     <button
       className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
diff --git a/packages/mui/test/__snapshots__/Form.test.tsx.snap b/packages/mui/test/__snapshots__/Form.test.tsx.snap
index 7d0c9d3c6f..3fa8c2504d 100644
--- a/packages/mui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mui/test/__snapshots__/Form.test.tsx.snap
@@ -8797,7 +8797,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
           onClick={[Function]}
         >
           <div
-            aria-controls=":ro:"
+            aria-controls=":rq:"
             aria-expanded="false"
             aria-haspopup="listbox"
             aria-labelledby="root"
@@ -9828,7 +9828,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
           onClick={[Function]}
         >
           <div
-            aria-controls=":rs:"
+            aria-controls=":ru:"
             aria-expanded="false"
             aria-haspopup="listbox"
             aria-labelledby="root"
@@ -11397,7 +11397,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
-exports[`single fields select field single choice formData 1`] = `
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
 .emotion-0 {
   display: inline-flex;
   -webkit-flex-direction: column;
@@ -11413,212 +11413,145 @@ exports[`single fields select field single choice formData 1`] = `
 }
 
 .emotion-1 {
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-2 {
+  color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
+  padding: 0;
   position: relative;
-  cursor: text;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border-radius: 4px;
-}
-
-.emotion-2.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
 }
 
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-@media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
-  }
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
+.emotion-2 {
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
 .emotion-3 {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 4px;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   cursor: pointer;
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 16.5px 14px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
+  vertical-align: middle;
   -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-}
-
-.emotion-3:focus {
-  border-radius: 0;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
 .emotion-3.Mui-disabled {
   cursor: default;
 }
 
-.emotion-3[multiple] {
-  height: auto;
-}
-
-.emotion-3:not([multiple]) option,
-.emotion-3:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-3:focus {
-  border-radius: 4px;
-}
-
-.emotion-3.emotion-3.emotion-3 {
-  padding-right: 32px;
-}
-
-.emotion-3.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:focus {
+.emotion-4 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
   outline: 0;
-}
-
-.emotion-3:invalid {
-  box-shadow: none;
-}
-
-.emotion-3::-webkit-search-decoration {
+  border: 0;
+  margin: 0;
+  border-radius: 50%;
+  padding: 9px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
   -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
-  opacity: 0!important;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
-  opacity: 0.42;
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-3.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-3:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+.emotion-4.Mui-checked {
+  color: #1976d2;
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
 }
 
-.emotion-4 {
-  bottom: 0;
-  left: 0;
+.emotion-5 {
+  cursor: inherit;
   position: absolute;
   opacity: 0;
-  pointer-events: none;
   width: 100%;
-  box-sizing: border-box;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-5 {
+.emotion-6 {
+  position: relative;
+  display: flex;
+}
+
+.emotion-7 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -11633,50 +11566,1037 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
-  position: absolute;
-  right: 7px;
-  top: calc(50% - .5em);
-  pointer-events: none;
-  color: rgba(0, 0, 0, 0.54);
-}
-
-.emotion-5.Mui-disabled {
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  left: 0;
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+}
+
+.emotion-9 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
+}
+
+.emotion-17 {
+  margin-top: 24px;
+}
+
+.emotion-18 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--variant-containedBg);
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 4px;
+  padding: 6px 16px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: var(--variant-containedColor);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+}
+
+.emotion-18::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-18.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-18 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-18:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-18.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-18:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+
+@media (hover: none) {
+  .emotion-18:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
+}
+
+.emotion-18:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-18.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-18.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (hover: hover) {
+  .emotion-18:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
+            />
+            <span
+              className="emotion-6"
+            >
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
+            />
+            <span
+              className="emotion-6"
+            >
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
+          >
+            bar
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root emotion-17"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
+      disabled={true}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={-1}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields select field single choice formData 1`] = `
+.emotion-0 {
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-1 {
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-2 {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-radius: 4px;
+}
+
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
+}
+
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
+}
+
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+@media (hover: none) {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
+}
+
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-3 {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 16.5px 14px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+}
+
+.emotion-3:focus {
+  border-radius: 0;
+}
+
+.emotion-3.Mui-disabled {
+  cursor: default;
+}
+
+.emotion-3[multiple] {
+  height: auto;
+}
+
+.emotion-3:not([multiple]) option,
+.emotion-3:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-3:focus {
+  border-radius: 4px;
+}
+
+.emotion-3.emotion-3.emotion-3 {
+  padding-right: 32px;
+}
+
+.emotion-3.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3:focus {
+  outline: 0;
+}
+
+.emotion-3:invalid {
+  box-shadow: none;
+}
+
+.emotion-3::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+.emotion-3.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-3:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-4 {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.emotion-5 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  position: absolute;
+  right: 7px;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-6 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
+}
+
+.emotion-7 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  padding: 0;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+}
+
+.emotion-8 {
+  margin-top: 24px;
+}
+
+.emotion-9 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--variant-containedBg);
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 4px;
+  padding: 6px 16px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: var(--variant-containedColor);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+}
+
+.emotion-9::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-9.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-9 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-9:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-9.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-9:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+
+@media (hover: none) {
+  .emotion-9:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
+}
+
+.emotion-9:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-9.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-9.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (hover: hover) {
+  .emotion-9:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
+      >
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          onClick={[Function]}
+        >
+          <div
+            aria-controls=":rs:"
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-labelledby="root"
+            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            id="root"
+            onBlur={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onMouseDown={[Function]}
+            role="combobox"
+            tabIndex={0}
+          >
+            bar
+          </div>
+          <input
+            aria-hidden={true}
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiSelect-nativeInput emotion-4"
+            disabled={false}
+            name="root"
+            onAnimationStart={[Function]}
+            onChange={[Function]}
+            placeholder=""
+            required={false}
+            tabIndex={-1}
+            value="1"
+          />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
+            data-testid="ArrowDropDownIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7 10l5 5 5-5z"
+            />
+          </svg>
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-6"
+          >
+            <legend
+              className="emotion-7"
+            >
+              <span
+                className="notranslate"
+              >
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root emotion-8"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      disabled={false}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+.emotion-0 {
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-1 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
+}
+
+.emotion-1.Mui-focused {
+  color: #1976d2;
+}
+
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-1.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-2 {
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.emotion-3 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
+}
+
+.emotion-3.Mui-disabled {
+  cursor: default;
+}
+
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-4 {
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 50%;
+  padding: 9px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.emotion-4::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-4.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-6 {
-  text-align: left;
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
+}
+
+.emotion-4.Mui-checked {
+  color: #1976d2;
+}
+
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-5 {
+  cursor: inherit;
   position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+}
+
+.emotion-6 {
+  position: relative;
+  display: flex;
+}
+
+.emotion-7 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
   left: 0;
-  margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
 }
 
-.emotion-7 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+.emotion-9 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-8 {
+.emotion-17 {
   margin-top: 24px;
 }
 
-.emotion-9 {
+.emotion-18 {
   display: inline-flex;
   -webkit-align-items: center;
   -webkit-box-align: center;
@@ -11723,57 +12643,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   --variant-containedBg: #1976d2;
 }
 
-.emotion-9::-moz-focus-inner {
+.emotion-18::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-9 {
+  .emotion-18 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-9:active {
+.emotion-18:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-focusVisible {
+.emotion-18.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -11792,78 +12712,156 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
       >
-        <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
-          onClick={[Function]}
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            aria-controls=":rq:"
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            id="root"
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
+            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            role="combobox"
-            tabIndex={0}
-          >
-            bar
-          </div>
-          <input
-            aria-hidden={true}
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiSelect-nativeInput emotion-4"
-            disabled={false}
-            name="root"
-            onAnimationStart={[Function]}
-            onChange={[Function]}
-            placeholder=""
-            required={false}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
             tabIndex={-1}
-            value="1"
-          />
-          <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
-            data-testid="ArrowDropDownIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
           >
-            <path
-              d="M7 10l5 5 5-5z"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
             />
-          </svg>
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-6"
+            <span
+              className="emotion-6"
+            >
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
           >
-            <legend
-              className="emotion-7"
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
+            />
+            <span
+              className="emotion-6"
             >
-              <span
-                className="notranslate"
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
+          >
+            bar
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-8"
+    className="MuiBox-root emotion-17"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
       disabled={false}
       onBlur={[Function]}
       onContextMenu={[Function]}
diff --git a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
index 8f199c68a8..dc7b67634f 100644
--- a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
@@ -2240,6 +2240,102 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <div
+        className="grouped fields"
+      >
+        <div
+          className="disabled field"
+        >
+          <div
+            className="ui disabled radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={true}
+              id="root-0"
+              name="root"
+              readOnly={true}
+              tabIndex={-1}
+              type="radio"
+              value="0"
+            />
+            <label
+              htmlFor="root-0"
+            >
+              foo
+            </label>
+          </div>
+        </div>
+        <div
+          className="disabled field"
+        >
+          <div
+            className="ui disabled radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={true}
+              id="root-1"
+              name="root"
+              readOnly={true}
+              tabIndex={-1}
+              type="radio"
+              value="1"
+            />
+            <label
+              htmlFor="root-1"
+            >
+              bar
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ui primary disabled button"
+    disabled={true}
+    onClick={[Function]}
+    tabIndex={-1}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
 exports[`single fields select field single choice formData 1`] = `
 <form
   className="ui form rjsf"
@@ -2360,6 +2456,100 @@ exports[`single fields select field single choice formData 1`] = `
 </form>
 `;
 
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-string"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <div
+        className="grouped fields"
+      >
+        <div
+          className="disabled field"
+        >
+          <div
+            className="ui disabled radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={true}
+              id="root-0"
+              name="root"
+              readOnly={true}
+              tabIndex={-1}
+              type="radio"
+              value="0"
+            />
+            <label
+              htmlFor="root-0"
+            >
+              foo
+            </label>
+          </div>
+        </div>
+        <div
+          className="disabled field"
+        >
+          <div
+            className="ui disabled radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={true}
+              id="root-1"
+              name="root"
+              readOnly={true}
+              tabIndex={-1}
+              type="radio"
+              value="1"
+            />
+            <label
+              htmlFor="root-1"
+            >
+              bar
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ui primary button"
+    onClick={[Function]}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="ui form rjsf"
diff --git a/packages/snapshot-tests/src/formTests.tsx b/packages/snapshot-tests/src/formTests.tsx
index 70b4dd47e0..3dcfdd5552 100644
--- a/packages/snapshot-tests/src/formTests.tsx
+++ b/packages/snapshot-tests/src/formTests.tsx
@@ -221,6 +221,31 @@ export function formTests(Form: ComponentType<FormProps>, customOptions: FormRen
       const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
       expect(tree).toMatchSnapshot();
     });
+    test('select field single choice uiSchema disabled using radio widget', () => {
+      const schema: RJSFSchema = {
+        type: 'string',
+        enum: ['foo', 'bar'],
+      };
+      const uiSchema = {
+        'ui:widget': 'radio',
+        'ui:disabled': true,
+      };
+      const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
+      expect(tree).toMatchSnapshot();
+    });
+    test('select field single choice form disabled using radio widget', () => {
+      const schema: RJSFSchema = {
+        type: 'string',
+        enum: ['foo', 'bar'],
+      };
+      const uiSchema = {
+        'ui:widget': 'radio',
+      };
+      const tree = renderer
+        .create(<Form schema={schema} uiSchema={uiSchema} validator={validator} disabled />)
+        .toJSON();
+      expect(tree).toMatchSnapshot();
+    });
     test('select field multiple choice enumDisabled', () => {
       const schema: RJSFSchema = {
         type: 'array',
diff --git a/packages/validator-ajv8/src/compileSchemaValidators.ts b/packages/validator-ajv8/src/compileSchemaValidators.ts
index 2f9fe2ae60..9c03b9825b 100644
--- a/packages/validator-ajv8/src/compileSchemaValidators.ts
+++ b/packages/validator-ajv8/src/compileSchemaValidators.ts
@@ -1,5 +1,6 @@
 import fs from 'fs';
 import { RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+
 import { CustomValidatorOptionsType } from './types';
 import { compileSchemaValidatorsCode } from './compileSchemaValidatorsCode';
 
diff --git a/packages/validator-ajv8/src/createAjvInstance.ts b/packages/validator-ajv8/src/createAjvInstance.ts
index 6218d08604..10c078c48f 100644
--- a/packages/validator-ajv8/src/createAjvInstance.ts
+++ b/packages/validator-ajv8/src/createAjvInstance.ts
@@ -1,9 +1,9 @@
 import Ajv, { Options } from 'ajv';
 import addFormats, { FormatsPluginOptions } from 'ajv-formats';
 import isObject from 'lodash/isObject';
+import { ADDITIONAL_PROPERTY_FLAG, RJSF_ADDITIONAL_PROPERTIES_FLAG } from '@rjsf/utils';
 
 import { CustomValidatorOptionsType } from './types';
-import { ADDITIONAL_PROPERTY_FLAG, RJSF_ADDITIONAL_PROPERTIES_FLAG } from '@rjsf/utils';
 
 export const AJV_CONFIG: Options = {
   allErrors: true,
diff --git a/packages/validator-ajv8/src/precompiledValidator.ts b/packages/validator-ajv8/src/precompiledValidator.ts
index a79c079dcd..648d52d274 100644
--- a/packages/validator-ajv8/src/precompiledValidator.ts
+++ b/packages/validator-ajv8/src/precompiledValidator.ts
@@ -1,6 +1,5 @@
 import { ErrorObject } from 'ajv';
 import get from 'lodash/get';
-
 import {
   CustomValidator,
   deepEquals,
diff --git a/packages/validator-ajv8/tsconfig.build.json b/packages/validator-ajv8/tsconfig.build.json
index ffc0b29095..f8329baec0 100644
--- a/packages/validator-ajv8/tsconfig.build.json
+++ b/packages/validator-ajv8/tsconfig.build.json
@@ -16,6 +16,10 @@
       "lodash": {
         "enabled": true,
         "file": "lodashReplacer.js"
+      },
+      "ajv": {
+        "enabled": true,
+        "file": "ajvReplacer.js"
       }
     }
   }
diff --git a/packages/validator-ajv8/tsconfig.replacer.json b/packages/validator-ajv8/tsconfig.replacer.json
index 141f365485..bf6927454c 100644
--- a/packages/validator-ajv8/tsconfig.replacer.json
+++ b/packages/validator-ajv8/tsconfig.replacer.json
@@ -6,7 +6,8 @@
     "skipLibCheck": true,
   },
   "files": [
-    "../../tsc-alias-replacer/lodashReplacer.ts"
+    "../../tsc-alias-replacer/lodashReplacer.ts",
+    "../../tsc-alias-replacer/ajvReplacer.ts"
   ],
   "exclude": [
     "./src",
diff --git a/tsc-alias-replacer/ajvReplacer.ts b/tsc-alias-replacer/ajvReplacer.ts
new file mode 100644
index 0000000000..bc0ae188e4
--- /dev/null
+++ b/tsc-alias-replacer/ajvReplacer.ts
@@ -0,0 +1,15 @@
+import { AliasReplacerArguments } from 'tsc-alias';
+
+/** A `tsc-alias` replacer that fixes up the imports `from 'ajv/dist/standalone'` to be
+ * `from `ajv/dist/standalone/index.js`
+ *
+ * @param orig - The original import name
+ */
+export default function ajvReplacer({ orig }: AliasReplacerArguments): string {
+  if (orig.startsWith("from 'ajv/dist/standalone")) {
+    const origLodashEs = orig.substring(0, orig.length - 1);
+    return `${origLodashEs}/index.js'`;
+  }
+
+  return orig;
+}
diff --git a/tsc-alias-replacer/lodashReplacer.ts b/tsc-alias-replacer/lodashReplacer.ts
index e6d15c0b52..7cd7cbb258 100644
--- a/tsc-alias-replacer/lodashReplacer.ts
+++ b/tsc-alias-replacer/lodashReplacer.ts
@@ -4,7 +4,7 @@ import { AliasReplacerArguments } from 'tsc-alias';
  *
  * @param orig - The original import name
  */
-export default function exampleReplacer({ orig }: AliasReplacerArguments): string {
+export default function lodashReplacer({ orig }: AliasReplacerArguments): string {
   if (orig.startsWith("from 'lodash/")) {
     const origLodashEs = orig.substring(0, orig.length - 1).replace('lodash/', 'lodash-es/');
     // console.log(origLodashEs);
diff --git a/tsc-alias-replacer/muiReplacer.ts b/tsc-alias-replacer/muiReplacer.ts
index afdd6ec896..2851ed4b69 100644
--- a/tsc-alias-replacer/muiReplacer.ts
+++ b/tsc-alias-replacer/muiReplacer.ts
@@ -1,10 +1,10 @@
 import { AliasReplacerArguments } from 'tsc-alias';
 
-/** A `tsc-alias` replacer that fixes up the imports `from 'lodash/xxxx'` to be `from `lodash/xxxx.js`
+/** A `tsc-alias` replacer that fixes up the imports `from '@mui/xxxx'` to be `from `@mui/xxxx/index.js`
  *
  * @param orig - The original import name
  */
-export default function exampleReplacer({ orig }: AliasReplacerArguments): string {
+export default function muiReplacer({ orig }: AliasReplacerArguments): string {
   if (orig.startsWith("from '@mui/material/")) {
     const origMinusEndQuote = orig.substring(0, orig.length - 1);
     // console.log(origMinusEndQuote);