[UIK-3609][date-picker] fixed space issues (#2534)

<!--- Provide a general summary of your changes in the Title above -->

## Motivation and Context

Pressing `Space` in the `Date Picker` does not switch months, apply
“Today” and save chosen date. The fix restores correct Space key
behavior for these interactions.

## How has this been tested?

Manually

## Screenshots (if appropriate):

## Types of changes

<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->

- [x] Bug fix (non-breaking change which fixes an issue).
- [ ] New feature (non-breaking change which adds functionality).
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected).
- [ ] Nice improve.

## Checklist:

<!--- Go over all the following points, and put an `x` in all the boxes
that apply. -->
<!--- If you're unsure about any of these, don't hesitate to ask. We're
here to help! -->

- [ ] I have updated the documentation accordingly.
- [x] I have added changelog note to corresponding `CHANGELOG.md` file
with planned publish date.
- [ ] I have added new tests on added of fixed functionality.

---------

Co-authored-by: Valeria-Zimnitskaya <[email protected]>

Author: slizhevskyv-semrush

semcore/date-picker/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.2.2] - 2025-11-10
+
+### Fixed
+
+- Space key interactions in Date Picker (unable to switch months, apply Today, keep selected date, etc.)
+
 ## [16.2.1] - 2025-10-29
 
 ### Changed

semcore/date-picker/__tests__/__image_snapshots__/daterangecomparator-verify-renders-correctly-monthes.png

@@ -1,12 +1,10 @@
-import { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';
 import { expect, getAccessibilityViolations, test } from '@semcore/testing-utils/playwright';
+import { loadPage } from '@semcore/testing-utils/shared/helpers';
+import { TAG } from '@semcore/testing-utils/shared/tags';
 
-test.describe('DatePicker', () => {
+test.describe(`@date-picker ${TAG.ACCESSIBILITY}`, () => {
   test('Single date', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/datepicker.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/datepicker.tsx', 'en');
 
     // base check
     {
@@ -27,10 +25,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Custom date range', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/custom_date_ranges.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/custom_date_ranges.tsx', 'en');
 
     // base check
     {
@@ -51,10 +46,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Custom day', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/custom_day.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/custom_day.tsx', 'en');
 
     // base check
     {
@@ -75,10 +67,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Custom header', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/custom_header.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/custom_header.tsx', 'en');
 
     // base check
     {
@@ -99,10 +88,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Date range comparator', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/date_range_comparator.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/date_range_comparator.tsx', 'en');
 
     // base check
     {
@@ -123,11 +109,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Date range comparator advanced', async ({ page }) => {
-    const standPath =
-      'stories/components/date-picker/docs/examples/date_range_comparator_advanced_use.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/date_range_comparator_advanced_use.tsx', 'en');
 
     // base check
     {
@@ -148,10 +130,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Disabled dates', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/disabled_dates.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/disabled_dates.tsx', 'en');
 
     // base check
     {
@@ -172,11 +151,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Month range comparator', async ({ page }) => {
-    const standPath =
-      'stories/components/date-picker/docs/examples/month_range_comparator_advanced_use.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/month_range_comparator_advanced_use.tsx', 'en');
 
     // base check
     {
@@ -197,10 +172,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Month range picker', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/monthrangepicker.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/monthrangepicker.tsx', 'en');
 
     // base check
     {
@@ -221,10 +193,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Trigger and popper', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/trigger_and_popper.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/trigger_and_popper.tsx', 'en');
 
     // base check
     {
@@ -245,10 +214,7 @@ test.describe('DatePicker', () => {
   });
 
   test('Week picker', async ({ page }) => {
-    const standPath = 'stories/components/date-picker/docs/examples/week_picker.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
-
-    await page.setContent(htmlContent);
+    await loadPage(page, 'stories/components/date-picker/docs/examples/week_picker.tsx', 'en');
 
     // base check
     {