NumberInput current format demo update

apps/www/src/app/examples/page.tsx

@@ -286,7 +286,7 @@ const Page = () => {
                   required: true,
                   selected: new Date()
                 }}
-                inputFieldProps={{
+                inputProps={{
                   size: 'small'
                 }}
               />
@@ -315,7 +315,7 @@ const Page = () => {
                   endMonth: dayjs('2027-12-01').toDate(),
                   defaultMonth: dayjs('2027-11-01').toDate()
                 }}
-                inputFieldsProps={{
+                inputsProps={{
                   startDate: {
                     size: 'small'
                   },

apps/www/src/content/docs/components/number-field/demo.ts

@@ -53,8 +53,18 @@ export const composedDemo = {
 
 export const formatDemo = {
   type: 'code',
-  code: `<NumberField
-  defaultValue={1000}
-  format={{ style: 'currency', currency: 'USD' }}
-/>`
+  tabs: [
+    {
+      name: 'System locale (default)',
+      code: `<NumberField defaultValue={1000} format={{ style: 'currency', currency: 'USD' }} />`
+    },
+    {
+      name: 'Pinned to en-US',
+      code: `<NumberField defaultValue={1000} locale="en-US" format={{ style: 'currency', currency: 'USD' }} />`
+    },
+    {
+      name: 'Pinned to de-DE',
+      code: `<NumberField defaultValue={1000} locale="de-DE" format={{ style: 'currency', currency: 'EUR' }} />`
+    }
+  ]
 };

apps/www/src/content/docs/components/number-field/index.mdx

@@ -110,7 +110,9 @@ Full control with scrub area for drag-to-adjust interaction.
 
 ### Formatted
 
-Number field with currency formatting.
+Number field with currency formatting, powered by `Intl.NumberFormat` internally.
+
+`format` sets what to format (currency, decimals); `locale` sets how it's written. Pin `locale` when the output should be stable across different users. 
 
 <Demo data={formatDemo} />
 

apps/www/src/content/docs/components/number-field/props.ts

@@ -41,6 +41,15 @@ export interface NumberFieldProps {
    */
   required?: boolean;
 
+  /**
+   * BCP 47 locale tag (or array). Controls separators, grouping, and currency
+   * symbol placement when used with `format`. Defaults to the user's runtime locale,
+   * which means rendered output varies by browser. Pass an explicit value when
+   * deterministic formatting is required.
+   * @defaultValue runtime locale
+   */
+  locale?: Intl.LocalesArgument;
+
   /** Number formatting options (Intl.NumberFormatOptions). */
   format?: Intl.NumberFormatOptions;