@warp-ds/elements 2.10.0-next.13 → 2.10.0-next.14

package/dist/custom-elements.json

@@ -4006,6 +4006,18 @@
                 "text": "HTMLTableCellElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "#inputLocale",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#inputValue",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "resetFormControl",

package/dist/packages/datepicker/DatePicker.test.js

@@ -1,6 +1,6 @@
-import { server, userEvent } from 'vitest/browser';
 import React, { useState } from 'react';
 import { expect, test, vi } from 'vitest';
+import { server, userEvent } from 'vitest/browser';
 import { render } from 'vitest-browser-react';
 import '../button/button.js';
 import './datepicker.js';
@@ -64,6 +64,8 @@ test('allows for the controlled component pattern', async () => {
     await page.getByRole('button').click({ force: true });
     await page.getByRole('gridcell').nth(15).click();
     await expect.element(page.getByLabelText('From date')).toHaveValue();
-    // Check that our controlled onChange handler got to set the value back on the element
-    expect(spy).toBeCalledWith(page.getByLabelText('From date').element().value);
+    // Controlled consumers should receive the ISO value, even when the visible input text is localized.
+    const selectedValue = spy.mock.calls.at(-1)?.[0];
+    expect(selectedValue).toMatch(/^\d{4}-\d{2}-\d{2}$/);
+    expect(document.querySelector('w-datepicker').value).toBe(selectedValue);
 });