fix: again the id in hds component

Refs: HAUKI-747

Author: Riippi

e2e/tests/accessibility.spec.ts

@@ -19,6 +19,14 @@ test('Resource page has no wcag2a/wcag2aa violations', async ({ page }) => {
   await page
     .getByRole('button', { name: 'Hyväksy vain välttämättömät evästeet' })
     .click();
+
+  const essentialCookiesButton = page.getByRole('button', {
+    name: 'Hyväksy vain välttämättömät evästeet',
+  });
+  if (await essentialCookiesButton.isVisible()) {
+    await essentialCookiesButton.click();
+  }
+
   const results = await new AxeBuilder({ page })
     .withTags(['wcag2a', 'wcag2aa'])
     .analyze();

src/components/exception-opening-hours-validity/ExceptionOpeningHoursValidity.tsx

@@ -30,13 +30,10 @@ const ExceptionOpeningHoursValidity = () => {
           className="exception-opening-hours-validity__title"
           label={t('OpeningHours.ExceptionOpeningHoursValidity')}
           required>
-          <div className="exception-opening-hours-validity__dates">
-            {/* HDS SelectionGroup keys its children by props.id, so give
-                each field a stable id to avoid a missing-key warning. */}
+          <div id="exception-date-fields" className="exception-opening-hours-validity__dates">
             <Controller
               defaultValue={startDate ?? ''}
               name="startDate"
-              {...{ id: 'exception-start-date-field' }}
               render={({
                 field: { name, onBlur, onChange, ref, value },
                 fieldState,
@@ -77,7 +74,6 @@ const ExceptionOpeningHoursValidity = () => {
             <Controller
               defaultValue={endDate ?? ''}
               name="endDate"
-              {...{ id: 'exception-end-date-field' }}
               render={({
                 field: { name, onBlur, onChange, ref, value },
                 fieldState,