@praxisui/dynamic-fields 9.0.4-rc.32 → 9.0.4-rc.34

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-05T09:56:10.324Z",
+  "generatedAt": "2026-08-05T14:45:22.888Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.4-rc.32",
+  "packageVersion": "9.0.4-rc.34",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -27,7 +27,7 @@ import { MatInputModule } from '@angular/material/input';
 import * as i1$2 from '@angular/material/button';
 import { MatIconButton, MatButtonModule } from '@angular/material/button';
 import * as i6 from '@angular/material/datepicker';
-import { MatDatepickerModule, DateRange } from '@angular/material/datepicker';
+import { MatDatepickerIntl, MatDatepickerModule, DateRange } from '@angular/material/datepicker';
 import { NativeDateAdapter, DateAdapter, MatNativeDateModule, MAT_NATIVE_DATE_FORMATS, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i2$4 from '@angular/cdk/overlay';
 import { CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
@@ -198,6 +198,20 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
     'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
     'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Date range shortcuts',
+    'praxis.dynamicFields.datepicker.calendarLabel': 'Calendar',
+    'praxis.dynamicFields.datepicker.openCalendarLabel': 'Open calendar',
+    'praxis.dynamicFields.datepicker.closeCalendarLabel': 'Close calendar',
+    'praxis.dynamicFields.datepicker.previousMonthLabel': 'Previous month',
+    'praxis.dynamicFields.datepicker.nextMonthLabel': 'Next month',
+    'praxis.dynamicFields.datepicker.previousYearLabel': 'Previous year',
+    'praxis.dynamicFields.datepicker.nextYearLabel': 'Next year',
+    'praxis.dynamicFields.datepicker.previousMultiYearLabel': 'Previous 24 years',
+    'praxis.dynamicFields.datepicker.nextMultiYearLabel': 'Next 24 years',
+    'praxis.dynamicFields.datepicker.switchToMonthViewLabel': 'Choose date',
+    'praxis.dynamicFields.datepicker.switchToMultiYearViewLabel': 'Choose month and year',
+    'praxis.dynamicFields.datepicker.startDateLabel': 'Start date',
+    'praxis.dynamicFields.datepicker.endDateLabel': 'End date',
+    'praxis.dynamicFields.datepicker.comparisonDateLabel': 'Comparison date',
     'praxis.dynamicFields.dateRange.presets.today': 'Today',
     'praxis.dynamicFields.dateRange.presets.yesterday': 'Yesterday',
     'praxis.dynamicFields.dateRange.presets.thisWeek': 'This week',
@@ -618,6 +632,20 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
     'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
     'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Atalhos de período de datas',
+    'praxis.dynamicFields.datepicker.calendarLabel': 'Calendário',
+    'praxis.dynamicFields.datepicker.openCalendarLabel': 'Abrir calendário',
+    'praxis.dynamicFields.datepicker.closeCalendarLabel': 'Fechar calendário',
+    'praxis.dynamicFields.datepicker.previousMonthLabel': 'Mês anterior',
+    'praxis.dynamicFields.datepicker.nextMonthLabel': 'Próximo mês',
+    'praxis.dynamicFields.datepicker.previousYearLabel': 'Ano anterior',
+    'praxis.dynamicFields.datepicker.nextYearLabel': 'Próximo ano',
+    'praxis.dynamicFields.datepicker.previousMultiYearLabel': '24 anos anteriores',
+    'praxis.dynamicFields.datepicker.nextMultiYearLabel': 'Próximos 24 anos',
+    'praxis.dynamicFields.datepicker.switchToMonthViewLabel': 'Escolher data',
+    'praxis.dynamicFields.datepicker.switchToMultiYearViewLabel': 'Escolher mês e ano',
+    'praxis.dynamicFields.datepicker.startDateLabel': 'Data inicial',
+    'praxis.dynamicFields.datepicker.endDateLabel': 'Data final',
+    'praxis.dynamicFields.datepicker.comparisonDateLabel': 'Data de comparação',
     'praxis.dynamicFields.dateRange.presets.today': 'Hoje',
     'praxis.dynamicFields.dateRange.presets.yesterday': 'Ontem',
     'praxis.dynamicFields.dateRange.presets.thisWeek': 'Esta semana',
@@ -7004,6 +7032,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
+/**
+ * Keeps Angular Material calendar accessibility labels aligned with the
+ * canonical Praxis locale used by the field runtime.
+ */
+class PraxisMatDatepickerIntl extends MatDatepickerIntl {
+    i18n = inject(PraxisI18nService);
+    currentLocale = '';
+    constructor() {
+        super();
+        this.setLocale(this.i18n.getLocale());
+    }
+    setLocale(locale) {
+        const normalizedLocale = locale.trim() || 'pt-BR';
+        if (normalizedLocale === this.currentLocale) {
+            return;
+        }
+        this.currentLocale = normalizedLocale;
+        this.calendarLabel = this.translate(normalizedLocale, 'calendarLabel', 'Calendar');
+        this.openCalendarLabel = this.translate(normalizedLocale, 'openCalendarLabel', 'Open calendar');
+        this.closeCalendarLabel = this.translate(normalizedLocale, 'closeCalendarLabel', 'Close calendar');
+        this.prevMonthLabel = this.translate(normalizedLocale, 'previousMonthLabel', 'Previous month');
+        this.nextMonthLabel = this.translate(normalizedLocale, 'nextMonthLabel', 'Next month');
+        this.prevYearLabel = this.translate(normalizedLocale, 'previousYearLabel', 'Previous year');
+        this.nextYearLabel = this.translate(normalizedLocale, 'nextYearLabel', 'Next year');
+        this.prevMultiYearLabel = this.translate(normalizedLocale, 'previousMultiYearLabel', 'Previous 24 years');
+        this.nextMultiYearLabel = this.translate(normalizedLocale, 'nextMultiYearLabel', 'Next 24 years');
+        this.switchToMonthViewLabel = this.translate(normalizedLocale, 'switchToMonthViewLabel', 'Choose date');
+        this.switchToMultiYearViewLabel = this.translate(normalizedLocale, 'switchToMultiYearViewLabel', 'Choose month and year');
+        this.startDateLabel = this.translate(normalizedLocale, 'startDateLabel', 'Start date');
+        this.endDateLabel = this.translate(normalizedLocale, 'endDateLabel', 'End date');
+        this.comparisonDateLabel = this.translate(normalizedLocale, 'comparisonDateLabel', 'Comparison date');
+        this.changes.next();
+    }
+    translate(locale, key, fallback) {
+        const translationKey = `praxis.dynamicFields.datepicker.${key}`;
+        const builtInDictionary = locale.toLowerCase().startsWith('pt')
+            ? PRAXIS_DYNAMIC_FIELDS_PT_BR
+            : PRAXIS_DYNAMIC_FIELDS_EN_US;
+        return this.i18n.tForLocale(locale, translationKey, undefined, builtInDictionary[translationKey] ?? fallback, 'dynamicFields');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisMatDatepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisMatDatepickerIntl });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisMatDatepickerIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 class PraxisDateRangeShortcutsOverlayComponent {
     items = [];
     activeId = null;
@@ -7136,6 +7211,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
     shortcutOverlayViewportMargin = 12;
     pickerOpen = false;
     dateAdapter = inject(DateAdapter);
+    datepickerIntl = inject(MatDatepickerIntl);
     picker;
     endDateInput;
     shouldShowShortcuts = () => !!(this.metadata()?.showShortcuts);
@@ -7537,6 +7613,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
         if (adapter.getLocale?.() !== locale) {
             this.dateAdapter.setLocale(locale);
         }
+        this.datepickerIntl.setLocale(locale);
     }
     resolveBuiltinPresetLabel(id, fallback, overrides) {
         const ptBrFallbacks = {
@@ -7567,6 +7644,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialDateRangeComponent, isStandalone: true, selector: "pdx-material-date-range", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", metadataInput: ["metadata", "metadataInput"] }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"100%\"", "attr.data-field-type": "\"dateRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+            { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
             { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -7884,6 +7962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         PraxisDateRangeShortcutsOverlayComponent
                     ], providers: [
                         { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+                        { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
                         { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -7950,6 +8029,7 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     /** Emits whenever validation state changes. */
     validationChange = output();
     dateAdapter = inject(DateAdapter);
+    datepickerIntl = inject(MatDatepickerIntl);
     // Praxis Field States
     readonlyMode = false;
     disabledMode = false;
@@ -8069,13 +8149,13 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     }
     applyDateLocale(metadata) {
         const locale = this.resolveMetadataLocale(metadata);
+        const effectiveLocale = locale || this.i18n.getLocale().trim() || 'pt-BR';
         const dateOrder = this.resolveMetadataDateOrder(metadata);
         if (this.dateAdapter instanceof PraxisNativeDateAdapter) {
             this.dateAdapter.setDateOrder(dateOrder);
         }
-        if (locale) {
-            this.dateAdapter.setLocale(locale);
-        }
+        this.dateAdapter.setLocale(effectiveLocale);
+        this.datepickerIntl.setLocale(effectiveLocale);
         this.applyNativeDisplayMask();
     }
     resolveMetadataLocale(metadata) {
@@ -8125,6 +8205,7 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialDatepickerComponent, isStandalone: true, selector: "pdx-material-datepicker", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"date\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+            { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
             { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -8355,6 +8436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         ReactiveFormsModule
                     ], providers: [
                         { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+                        { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
                         { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -40045,6 +40127,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineDateRangeComponent, isStandalone: true, selector: "pdx-inline-date-range", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width.px": "inlineWidthPx || null", "style.--pdx-inline-date-range-shell-width": "inlineWidthPx ? inlineWidthPx + \"px\" : null", "attr.data-field-type": "\"inlineDateRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+            { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
             { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -40544,6 +40627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     </div>
   `, providers: [
                         { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+                        { provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
                         { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
                         {
                             provide: NG_VALUE_ACCESSOR,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.4-rc.32",
+  "version": "9.0.4-rc.34",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.4-rc.32",
-    "@praxisui/cron-builder": "^9.0.4-rc.32"
+    "@praxisui/core": "^9.0.4-rc.34",
+    "@praxisui/cron-builder": "^9.0.4-rc.34"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/src/lib/components/material-date-range/pdx-material-date-range.json-api.md

@@ -170,6 +170,7 @@ Nao ha paths experimentais confirmados no contrato publico desta revisao.
 ### Manual date parsing
 
 - Digitacao manual usa `PraxisNativeDateAdapter` e respeita o `LOCALE_ID` do host.
+- Rotulos acessiveis do calendario Material usam o locale canonico do `PraxisI18nService` via `PraxisMatDatepickerIntl`, mantendo navegacao, atalhos e leitores de tela no mesmo idioma.
 - Em locales nao ingleses, como `pt-BR`, datas numericas sao interpretadas como `dd/MM/yyyy`.
 - Em locales ingleses, datas numericas sao interpretadas como `MM/dd/yyyy`.
 - Strings ISO date-only (`YYYY-MM-DD`) sao tratadas como data local, sem deslocamento por timezone.

package/src/lib/components/material-datepicker/pdx-material-datepicker.json-api.md

@@ -164,7 +164,8 @@ Nao ha paths experimentais confirmados no contrato publico desta revisao.
 
 ### Manual date parsing
 
-- Digitacao manual usa `PraxisNativeDateAdapter` e respeita `metadata.locale`; quando ausente, usa o `LOCALE_ID` do host.
+- Digitacao manual usa `PraxisNativeDateAdapter` e respeita `metadata.locale`; quando ausente, usa o locale canonico do `PraxisI18nService`.
+- Rotulos visiveis e acessiveis do calendario Material (abrir, fechar, navegacao entre meses/anos e alternancia de visao) usam o mesmo locale efetivo do campo via `PraxisMatDatepickerIntl`.
 - Em locales nao ingleses, como `pt-BR`, datas numericas sao interpretadas como `dd/MM/yyyy`.
 - Em locales ingleses, datas numericas sao interpretadas como `MM/dd/yyyy`.
 - `metadata.locale` e ordem de data sao independentes: `displayFormat`, `dateFormat` ou `mask` como `dd/MM/yyyy` habilitam apresentacao day-first; `MM/dd/yyyy` habilita month-first.

package/types/praxisui-dynamic-fields.d.ts

@@ -2004,6 +2004,7 @@ declare class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     /** Emits whenever validation state changes. */
     readonly validationChange: _angular_core.OutputEmitterRef<ValidationErrors | null>;
     private readonly dateAdapter;
+    private readonly datepickerIntl;
     readonlyMode: boolean;
     disabledMode: boolean;
     visible: boolean;
@@ -2077,6 +2078,7 @@ declare class MaterialDateRangeComponent extends SimpleBaseInputComponent implem
     readonly shortcutOverlayViewportMargin = 12;
     private pickerOpen;
     private readonly dateAdapter;
+    private readonly datepickerIntl;
     picker: MatDateRangePicker<Date>;
     private endDateInput?;
     readonly shouldShowShortcuts: () => boolean;