v2: data attributes to ui (#348)

* fix: flaky date input test

* remove tsconfig paths

Author: thejackshelton-kunaico

libs/components/package.json

@@ -36,7 +36,6 @@
     "rolldown": "1.0.0-beta.45",
     "typescript": "5.4.5",
     "uqr": "^0.1.2",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest-browser-qwik": "0.0.12"
   },
   "peerDependencies": {

libs/components/src/date-input/date-input.browser.tsx

@@ -139,18 +139,23 @@ test("data entry moves focus to next segment", async () => {
 test("arrow keys move focus between segments", async () => {
   render(<Basic />);
 
+  await expect.element(YearSegment).toBeVisible();
   await userEvent.keyboard("{Tab}");
   await expect.element(YearSegment).toHaveFocus();
 
+  await expect.element(MonthSegment).toBeVisible();
   await userEvent.keyboard("{ArrowRight}");
   await expect.element(MonthSegment).toHaveFocus();
 
+  await expect.element(DaySegment).toBeVisible();
   await userEvent.keyboard("{ArrowRight}");
   await expect.element(DaySegment).toHaveFocus();
 
+  await expect.element(MonthSegment).toBeVisible();
   await userEvent.keyboard("{ArrowLeft}");
   await expect.element(MonthSegment).toHaveFocus();
 
+  await expect.element(YearSegment).toBeVisible();
   await userEvent.keyboard("{ArrowLeft}");
   await expect.element(YearSegment).toHaveFocus();
 });