diff --git a/playwright/cps-ui-kit/components/cps-radio-group.spec.ts b/playwright/cps-ui-kit/components/cps-radio-group.spec.ts
new file mode 100644
index 000000000..ef01fa5ad
--- /dev/null
+++ b/playwright/cps-ui-kit/components/cps-radio-group.spec.ts
@@ -0,0 +1,128 @@
+import { test, expect, type Page, type Locator } from '@playwright/test';
+
+function example(page: Page, testId: string): Locator {
+  return page.getByTestId(testId);
+}
+
+function radioGroup(page: Page, testId: string): Locator {
+  return example(page, testId).getByRole('radiogroup');
+}
+
+test.describe('cps-radio-group', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/radio-group');
+  });
+
+  test.describe('Real native keyboard navigation skips disabled radios', () => {
+    test('ArrowDown from an enabled radio real-skips a disabled one via native grouping', async ({
+      page
+    }) => {
+      const group = example(page, 'partially-disabled-radio-group');
+      const option2 = group.getByRole('radio', { name: 'Option 2' });
+      const option4 = group.getByRole('radio', { name: 'Option 4' });
+
+      await option2.focus();
+      await page.keyboard.press('ArrowDown');
+
+      await expect(option4).toBeFocused();
+      await expect(option4).toBeChecked();
+    });
+  });
+
+  test.describe('Real form validation shows and clears a real error', () => {
+    test('selecting the wrong option shows a real error; selecting the right one clears it', async ({
+      page
+    }) => {
+      const group = radioGroup(page, 'required-radio-group');
+      const errorEl = group.getByTestId('cps-radio-group-error');
+
+      const option1 = group.getByRole('radio', { name: 'Option 1' });
+      await option1.focus();
+      await page.keyboard.press('Space');
+      await page.evaluate(() =>
+        (document.activeElement as HTMLElement)?.blur()
+      );
+
+      await expect(errorEl).toBeVisible();
+      await expect(errorEl).toHaveText('Only third option must be selected');
+      await expect(group).toHaveAttribute(
+        'aria-describedby',
+        (await errorEl.getAttribute('id')) ?? ''
+      );
+
+      const option3 = group.getByRole('radio', { name: 'Option 3' });
+      await option3.focus();
+      await page.keyboard.press('Space');
+      await page.evaluate(() =>
+        (document.activeElement as HTMLElement)?.blur()
+      );
+
+      await expect(errorEl).toHaveCount(0);
+    });
+  });
+
+  test.describe('Real inert blocks focus on unselected custom content', () => {
+    test('the nested control real-refuses focus until its radio is selected', async ({
+      page
+    }) => {
+      const group = example(page, 'custom-content-radio-group');
+      const customRadio = group.getByRole('radio', {
+        name: 'Custom option with inline selectors'
+      });
+      const nestedCombobox = group.getByRole('combobox', {
+        name: 'Select day'
+      });
+
+      await expect(customRadio).not.toBeChecked();
+
+      await nestedCombobox.focus();
+      await expect(nestedCombobox).not.toBeFocused();
+
+      await customRadio.click();
+      await expect(customRadio).toBeChecked();
+
+      await nestedCombobox.focus();
+      await expect(nestedCombobox).toBeFocused();
+    });
+  });
+
+  test.describe('Real focus/blur forwarding from custom-content cps-radio', () => {
+    test('focusing then blurring a custom-content radio without selecting shows a real required error', async ({
+      page
+    }) => {
+      const group = radioGroup(page, 'custom-content-radio-group');
+      const errorEl = group.getByTestId('cps-radio-group-error');
+
+      const simpleOption = group.getByRole('radio', { name: 'Simple option' });
+      await simpleOption.focus();
+      await page.evaluate(() =>
+        (document.activeElement as HTMLElement)?.blur()
+      );
+
+      await expect(errorEl).toBeVisible();
+      await expect(errorEl).toHaveText('Field is required');
+      await expect(group).toHaveAttribute('aria-invalid', 'true');
+    });
+  });
+
+  test.describe('Real hideDetails suppresses both a real hint and a real validation error', () => {
+    test('a hint stays real-absent untouched, and a real error stays real-absent once invalid', async ({
+      page
+    }) => {
+      const group = radioGroup(page, 'required-hidden-radio-group');
+
+      await expect(group.getByTestId('cps-radio-group-hint')).toHaveCount(0);
+
+      const option1 = group.getByRole('radio', { name: 'Option 1' });
+      await option1.focus();
+      await page.keyboard.press('Space');
+      await page.evaluate(() =>
+        (document.activeElement as HTMLElement)?.blur()
+      );
+
+      await expect(group).toHaveAttribute('aria-invalid', 'true');
+      await expect(group).not.toHaveAttribute('aria-describedby', /.+/);
+      await expect(group.getByTestId('cps-radio-group-error')).toHaveCount(0);
+    });
+  });
+});
diff --git a/projects/composition/src/app/pages/radio-page/radio-page.component.html b/projects/composition/src/app/pages/radio-page/radio-page.component.html
index 70fde3e68..d4279077d 100644
--- a/projects/composition/src/app/pages/radio-page/radio-page.component.html
+++ b/projects/composition/src/app/pages/radio-page/radio-page.component.html
@@ -6,6 +6,7 @@
     [tsCode]="examples.requiredRadioGroup.ts">
     <form [formGroup]="form">
       <cps-radio-group
+        data-testid="required-radio-group"
         groupLabel="Radio group where 3rd option must be selected"
         formControlName="requiredRadio"
         [options]="options">
@@ -13,6 +14,22 @@
     </form>
   </app-code-example>
 
+  <app-code-example
+    label="Required radio group with hidden details"
+    [htmlCode]="examples.requiredHiddenRadioGroup.html"
+    [tsCode]="examples.requiredHiddenRadioGroup.ts">
+    <form [formGroup]="form">
+      <cps-radio-group
+        data-testid="required-hidden-radio-group"
+        groupLabel="Required radio group with hidden details"
+        formControlName="requiredRadioHidden"
+        [options]="options"
+        hint="This hint stays hidden"
+        [hideDetails]="true">
+      </cps-radio-group>
+    </form>
+  </app-code-example>
+
   <app-code-example
     label="Radio group with a tooltip"
     [htmlCode]="examples.tooltipRadioGroup.html"
@@ -55,11 +72,23 @@
     [htmlCode]="examples.partiallyDisabledRadioGroup.html"
     [tsCode]="examples.partiallyDisabledRadioGroup.ts">
     <cps-radio-group
+      data-testid="partially-disabled-radio-group"
       groupLabel="Radio group with partially disabled options and targeted tooltips"
       [options]="partiallyDisabledOptions">
     </cps-radio-group>
   </app-code-example>
 
+  <app-code-example
+    label="Radio group with a hint"
+    [htmlCode]="examples.hintRadioGroup.html"
+    [tsCode]="examples.hintRadioGroup.ts">
+    <cps-radio-group
+      groupLabel="Radio group with a hint"
+      [options]="options"
+      hint="Choose the option that best fits your use case">
+    </cps-radio-group>
+  </app-code-example>
+
   <app-code-example
     label="Radio group with two-way binding"
     [htmlCode]="examples.twoWayBindingRadioGroup.html"
@@ -75,59 +104,62 @@
   </app-code-example>
 
   <app-code-example
-    label="Radio group with custom content"
+    label="Required radio group with custom content"
     [htmlCode]="examples.customContentRadioGroup.html"
     [tsCode]="examples.customContentRadioGroup.ts">
-    <cps-radio-group
-      groupLabel="Radio group with custom content"
-      class="custom-content-example"
-      [value]="2"
-      [vertical]="true">
-      <cps-radio
-        [option]="{
-          ariaLabel: 'Custom option with inline selectors',
-          value: 1
-        }">
-        <div class="inline-radio-form">
-          <span>On the</span>
-          <cps-select
-            ariaLabel="Select day"
-            [options]="dayOptions"
-            optionLabel="name"
-            [hideDetails]="true"
-            [value]="dayOptions[0]">
-          </cps-select>
-          <span>of every</span>
-          <cps-select
-            ariaLabel="Select month"
-            [options]="monthOptions"
-            optionLabel="name"
-            [hideDetails]="true"
-            [value]="monthOptions[0]">
-          </cps-select>
-          <span>month(s) at</span>
-          <cps-select
-            ariaLabel="Select hour"
-            [options]="hourOptions"
-            optionLabel="name"
-            [hideDetails]="true"
-            [value]="hourOptions[0]">
-          </cps-select>
-          <span>:</span>
-          <cps-select
-            ariaLabel="Select minute"
-            [options]="minuteOptions"
-            optionLabel="name"
-            [hideDetails]="true"
-            [value]="minuteOptions[0]">
-          </cps-select>
-          <cps-checkbox
-            class="weekday-checkbox"
-            label="During the nearest weekday"
-            [value]="false"></cps-checkbox>
-        </div>
-      </cps-radio>
-      <cps-radio [option]="{ label: 'Simple option', value: 2 }"></cps-radio>
-    </cps-radio-group>
+    <form [formGroup]="form">
+      <cps-radio-group
+        data-testid="custom-content-radio-group"
+        groupLabel="Required radio group with custom content"
+        class="custom-content-example"
+        formControlName="requiredCustomContentRadio"
+        [vertical]="true">
+        <cps-radio
+          [option]="{
+            ariaLabel: 'Custom option with inline selectors',
+            value: 1
+          }">
+          <div class="inline-radio-form">
+            <span>On the</span>
+            <cps-select
+              ariaLabel="Select day"
+              [options]="dayOptions"
+              optionLabel="name"
+              [hideDetails]="true"
+              [value]="dayOptions[0]">
+            </cps-select>
+            <span>of every</span>
+            <cps-select
+              ariaLabel="Select month"
+              [options]="monthOptions"
+              optionLabel="name"
+              [hideDetails]="true"
+              [value]="monthOptions[0]">
+            </cps-select>
+            <span>month(s) at</span>
+            <cps-select
+              ariaLabel="Select hour"
+              [options]="hourOptions"
+              optionLabel="name"
+              [hideDetails]="true"
+              [value]="hourOptions[0]">
+            </cps-select>
+            <span>:</span>
+            <cps-select
+              ariaLabel="Select minute"
+              [options]="minuteOptions"
+              optionLabel="name"
+              [hideDetails]="true"
+              [value]="minuteOptions[0]">
+            </cps-select>
+            <cps-checkbox
+              class="weekday-checkbox"
+              label="During the nearest weekday"
+              [value]="false"></cps-checkbox>
+          </div>
+        </cps-radio>
+        <cps-radio [option]="{ label: 'Simple option', value: 2 }"></cps-radio>
+      </cps-radio-group>
+    </form>
   </app-code-example>
 </app-component-docs-viewer>
diff --git a/projects/composition/src/app/pages/radio-page/radio-page.component.ts b/projects/composition/src/app/pages/radio-page/radio-page.component.ts
index f70572799..556680524 100644
--- a/projects/composition/src/app/pages/radio-page/radio-page.component.ts
+++ b/projects/composition/src/app/pages/radio-page/radio-page.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
 import {
   AbstractControl,
   FormsModule,
@@ -88,19 +88,18 @@ export class RadioPageComponent implements OnInit {
 
   componentData = ComponentData;
 
-  // eslint-disable-next-line no-useless-constructor
-  constructor(private _formBuilder: UntypedFormBuilder) {}
+  private readonly _formBuilder = inject(UntypedFormBuilder);
 
   ngOnInit() {
+    const requiredThirdValidators = [
+      Validators.required,
+      (control: AbstractControl): ValidationErrors | null =>
+        this._checkThirdSelected(control)
+    ];
     this.form = this._formBuilder.group({
-      requiredRadio: [
-        '',
-        [
-          Validators.required,
-          (control: AbstractControl): ValidationErrors | null =>
-            this._checkThirdSelected(control)
-        ]
-      ]
+      requiredRadio: ['', requiredThirdValidators],
+      requiredRadioHidden: ['', requiredThirdValidators],
+      requiredCustomContentRadio: ['', Validators.required]
     });
   }
 
diff --git a/projects/composition/src/app/pages/radio-page/radio-page.examples.ts b/projects/composition/src/app/pages/radio-page/radio-page.examples.ts
index 85bc6fde3..92632496d 100644
--- a/projects/composition/src/app/pages/radio-page/radio-page.examples.ts
+++ b/projects/composition/src/app/pages/radio-page/radio-page.examples.ts
@@ -35,6 +35,48 @@ ngOnInit() {
   });
 }
 
+private _checkThirdSelected(control: AbstractControl): ValidationErrors | null {
+  const val = control.value;
+  if (!val) return null;
+
+  if (val !== 'third') {
+    return { mustSelectThird: 'Only third option must be selected' };
+  }
+  return null;
+}`
+  },
+
+  requiredHiddenRadioGroup: {
+    html: `
+<form [formGroup]="form">
+  <cps-radio-group
+    groupLabel="Required radio group with hidden details"
+    formControlName="requiredRadioHidden"
+    [options]="options"
+    hint="This hint stays hidden"
+    [hideDetails]="true">
+  </cps-radio-group>
+</form>`,
+    ts: `
+private readonly _formBuilder = inject(UntypedFormBuilder);
+
+${radioOptionsTs.trim()}
+
+form!: UntypedFormGroup;
+
+ngOnInit() {
+  this.form = this._formBuilder.group({
+    requiredRadioHidden: [
+      '',
+      [
+        Validators.required,
+        (control: AbstractControl): ValidationErrors | null =>
+          this._checkThirdSelected(control)
+      ]
+    ]
+  });
+}
+
 private _checkThirdSelected(control: AbstractControl): ValidationErrors | null {
   const val = control.value;
   if (!val) return null;
@@ -105,6 +147,16 @@ partiallyDisabledOptions: CpsRadioOption[] = [
 ];`
   },
 
+  hintRadioGroup: {
+    html: `
+<cps-radio-group
+  groupLabel="Radio group with a hint"
+  [options]="options"
+  hint="Choose the option that best fits your use case">
+</cps-radio-group>`,
+    ts: radioOptionsTs
+  },
+
   twoWayBindingRadioGroup: {
     html: `
 <div class="sync-val-example">
@@ -123,57 +175,63 @@ syncVal = 'first';`
 
   customContentRadioGroup: {
     html: `
-<cps-radio-group
-  groupLabel="Radio group with custom content"
-  [value]="2"
-  [vertical]="true">
-  <cps-radio
-    [option]="{
-      ariaLabel: 'Custom option with inline selectors',
-      value: 1
-    }">
-    <div style="display: flex; align-items: center; gap: 0.3125rem;">
-      <span>On the</span>
-      <cps-select
-        ariaLabel="Select day"
-        [options]="dayOptions"
-        optionLabel="name"
-        [hideDetails]="true"
-        [value]="dayOptions[0]">
-      </cps-select>
-      <span>of every</span>
-      <cps-select
-        ariaLabel="Select month"
-        [options]="monthOptions"
-        optionLabel="name"
-        [hideDetails]="true"
-        [value]="monthOptions[0]">
-      </cps-select>
-      <span>month(s) at</span>
-      <cps-select
-        ariaLabel="Select hour"
-        [options]="hourOptions"
-        optionLabel="name"
-        [hideDetails]="true"
-        [value]="hourOptions[0]">
-      </cps-select>
-      <span>:</span>
-      <cps-select
-        ariaLabel="Select minute"
-        [options]="minuteOptions"
-        optionLabel="name"
-        [hideDetails]="true"
-        [value]="minuteOptions[0]">
-      </cps-select>
-      <cps-checkbox
-        style="margin-left: 0.9375rem;"
-        label="During the nearest weekday"
-        [value]="false"></cps-checkbox>
-    </div>
-  </cps-radio>
-  <cps-radio [option]="{ label: 'Simple option', value: 2 }"></cps-radio>
-</cps-radio-group>`,
+<form [formGroup]="form">
+  <cps-radio-group
+    groupLabel="Required radio group with custom content"
+    formControlName="requiredCustomContentRadio"
+    [vertical]="true">
+    <cps-radio
+      [option]="{
+        ariaLabel: 'Custom option with inline selectors',
+        value: 1
+      }">
+      <div style="display: flex; align-items: center; gap: 0.3125rem;">
+        <span>On the</span>
+        <cps-select
+          ariaLabel="Select day"
+          [options]="dayOptions"
+          optionLabel="name"
+          [hideDetails]="true"
+          [value]="dayOptions[0]">
+        </cps-select>
+        <span>of every</span>
+        <cps-select
+          ariaLabel="Select month"
+          [options]="monthOptions"
+          optionLabel="name"
+          [hideDetails]="true"
+          [value]="monthOptions[0]">
+        </cps-select>
+        <span>month(s) at</span>
+        <cps-select
+          ariaLabel="Select hour"
+          [options]="hourOptions"
+          optionLabel="name"
+          [hideDetails]="true"
+          [value]="hourOptions[0]">
+        </cps-select>
+        <span>:</span>
+        <cps-select
+          ariaLabel="Select minute"
+          [options]="minuteOptions"
+          optionLabel="name"
+          [hideDetails]="true"
+          [value]="minuteOptions[0]">
+        </cps-select>
+        <cps-checkbox
+          style="margin-left: 0.9375rem;"
+          label="During the nearest weekday"
+          [value]="false"></cps-checkbox>
+      </div>
+    </cps-radio>
+    <cps-radio [option]="{ label: 'Simple option', value: 2 }"></cps-radio>
+  </cps-radio-group>
+</form>`,
     ts: `
+private readonly _formBuilder = inject(UntypedFormBuilder);
+
+form!: UntypedFormGroup;
+
 dayOptions = [
   { name: '1st day', data: { code: '1' } },
   { name: '2nd day', data: { code: '2' } },
@@ -193,6 +251,12 @@ hourOptions = [...Array(24).keys()].map((n) => ({
 minuteOptions = [...Array(60).keys()].map((n) => ({
   name: n,
   data: { code: n }
-}));`
+}));
+
+ngOnInit() {
+  this.form = this._formBuilder.group({
+    requiredCustomContentRadio: ['', Validators.required]
+  });
+}`
   }
 };
diff --git a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.html b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.html
index 451efc2f4..abb5bc63a 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.html
+++ b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.html
@@ -1,6 +1,7 @@
 @if (option.tooltip) {
   <div
     class="cps-radio-group-content-button"
+    data-testid="cps-radio-button"
     [cpsTooltip]="option.tooltip || ''"
     tooltipCloseDelay="0"
     tooltipPosition="bottom">
@@ -13,7 +14,7 @@
       "></ng-container>
   </div>
 } @else {
-  <div class="cps-radio-group-content-button">
+  <div class="cps-radio-group-content-button" data-testid="cps-radio-button">
     <ng-container
       *ngTemplateOutlet="
         optionRadioTemplate;
@@ -30,6 +31,7 @@
       type="radio"
       [id]="inputId"
       [name]="groupName"
+      data-testid="cps-radio-button-input"
       [attr.aria-label]="option.ariaLabel || null"
       [disabled]="option.disabled || groupDisabled"
       [value]="option.value"
@@ -41,12 +43,14 @@
   <div
     #contentRef
     class="content"
+    data-testid="cps-radio-button-content"
     [attr.inert]="!checked || option.disabled || groupDisabled ? '' : null">
     <ng-content></ng-content>
   </div>
   @if (!contentRef.innerHTML.trim() && option.label) {
     <label
       class="cps-radio-group-content-button-label"
+      data-testid="cps-radio-button-label"
       [for]="inputId"
       [style.cursor]="option.disabled || groupDisabled ? 'default' : 'pointer'"
       >{{ option.label }}
diff --git a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-group.component.html b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-group.component.html
index b6adb869c..ca5696454 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-group.component.html
+++ b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio-group.component.html
@@ -1,5 +1,6 @@
 <div
   class="cps-radio-group"
+  data-testid="cps-radio-group"
   role="radiogroup"
   [attr.aria-label]="ariaLabel || groupLabel || null"
   [attr.aria-describedby]="describedBy"
@@ -7,11 +8,12 @@
   [attr.aria-required]="isRequired || null"
   [attr.aria-invalid]="error ? 'true' : null">
   @if (groupLabel) {
-    <div class="cps-radio-group-label">
+    <div class="cps-radio-group-label" data-testid="cps-radio-group-label">
       <span>{{ groupLabel }}</span>
       @if (infoTooltip) {
         <cps-info-circle
           class="cps-radio-group-label-info-circle"
+          data-testid="cps-radio-group-info-circle"
           size="xsmall"
           [tooltipPosition]="infoTooltipPosition"
           [tooltipContentClass]="infoTooltipClass"
@@ -26,6 +28,7 @@
   <div
     #contentRef
     class="cps-radio-group-content"
+    data-testid="cps-radio-group-content"
     [class.cps-radio-group-content-vertical]="vertical"
     [class.cps-radio-group-content-horizontal]="!vertical">
     <ng-content></ng-content>
@@ -34,10 +37,12 @@
   @if (!contentRef.innerHTML.trim()) {
     <div
       class="cps-radio-group-content"
+      data-testid="cps-radio-group-options"
       [class.cps-radio-group-content-vertical]="vertical"
       [class.cps-radio-group-content-horizontal]="!vertical">
-      @for (option of options; track option) {
+      @for (option of options; track option; let i = $index) {
         <cps-radio-button
+          [attr.data-testid]="'cps-radio-group-option-' + i"
           [option]="option"
           [groupName]="groupName"
           [checked]="option.value === value"
@@ -50,7 +55,10 @@
     </div>
   }
   @if (!error && !hideDetails) {
-    <div [id]="hintId" class="cps-radio-hint">
+    <div
+      [id]="hintId"
+      class="cps-radio-hint"
+      data-testid="cps-radio-group-hint">
       {{ hint }}
     </div>
   }
@@ -58,6 +66,7 @@
     <div
       [id]="errorId"
       class="cps-radio-error"
+      data-testid="cps-radio-group-error"
       aria-live="polite"
       aria-atomic="true">
       {{ error }}
diff --git a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.html b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.html
index 7ba2c7850..63c735a94 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.html
+++ b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.html
@@ -3,6 +3,8 @@
   [groupName]="radioGroup?.groupName || ''"
   [groupDisabled]="groupDisabled"
   [checked]="radioGroup?.value == option.value"
+  (blurred)="onBlur()"
+  (focused)="onFocus()"
   (updateValueEvent)="updateValueEvent($event)">
   <ng-content></ng-content>
 </cps-radio-button>
diff --git a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.ts b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.ts
index d1be7a500..78d380a7f 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.ts
+++ b/projects/cps-ui-kit/src/lib/components/cps-radio-group/cps-radio/cps-radio.component.ts
@@ -14,7 +14,8 @@ import { CpsRadioButtonComponent } from '../cps-radio-button/cps-radio-button.co
   selector: 'cps-radio',
   imports: [CpsRadioButtonComponent],
   templateUrl: './cps-radio.component.html',
-  styleUrls: ['./cps-radio.component.scss']
+  styleUrls: ['./cps-radio.component.scss'],
+  host: { 'data-testid': 'cps-radio' }
 })
 export class CpsRadioComponent implements OnInit {
   /**
@@ -39,4 +40,12 @@ export class CpsRadioComponent implements OnInit {
   updateValueEvent(value: any): void {
     this.radioGroup?.updateValueEvent(value);
   }
+
+  onBlur(): void {
+    this.radioGroup?.onBlur();
+  }
+
+  onFocus(): void {
+    this.radioGroup?.onFocus();
+  }
 }