Merge branch 'main' of github.com:drivenets/design-system into drivenets/michal/AR-41918

Author: mmurawski-dn

README.md

@@ -84,6 +84,7 @@ Before submitting a PR, run a local code review (apply latest `main` changes!):
 - Commit your changes with a descriptive message following the Conventional Commits standard (e.g., `feat(design-system): add new button component [TICKET-ID]`).
 - Add a changelog entry if needed using `pnpm changelog`.
   See [Intro to Using Changesets](https://github.com/changesets/changesets/blob/main/docs/intro-to-using-changesets.md) and [Adding a Changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md) for more details.
+  If your change doesn’t require a new release, you can add the `skip changelog` label to the GitHub PR.
 - Push your branch and open a pull request for review.
 
 > [!NOTE]

packages/design-system/package.json

@@ -97,6 +97,7 @@
 		"eslint-plugin-react-hooks": "^7.0.1",
 		"eslint-plugin-storybook": "^10.2.4",
 		"jsdom": "^25.0.1",
+		"mockdate": "^3.0.5",
 		"playwright": "^1.58.1",
 		"postcss": "^8.5.6",
 		"postcss-modules": "^6.0.1",

packages/design-system/src/components/ds-date-input/ds-date-input.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useState } from 'react';
 import { expect, screen, userEvent, waitFor, within } from 'storybook/test';
-import { vi } from 'vitest';
+import MockDate from 'mockdate';
 import DsDateInput from './ds-date-input';
 import type { DsDateInputProps } from './ds-date-input.types';
 import styles from './ds-date-input.stories.module.scss';
@@ -17,14 +17,12 @@ const meta: Meta<typeof DsDateInput> = {
 		layout: 'centered',
 	},
 	beforeEach: () => {
-		vi.useFakeTimers({
-			// needed,
-			shouldAdvanceTime: true,
-		});
-		vi.setSystemTime(MOCK_DATE);
+		// We use mockdate here and not vi.useFakeTimers() because the latter is not compatible with Storybook.
+		// See https://github.com/storybookjs/storybook/issues/31400#issuecomment-2943382690 for more details.
+		MockDate.set(MOCK_DATE);
 
 		return () => {
-			vi.useRealTimers();
+			MockDate.reset();
 		};
 	},
 };