@acorex/platform 20.0.20 → 20.0.21

package/fesm2022/acorex-platform-widgets.mjs

@@ -1914,6 +1914,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.validationService = inject(AXValidationService);
+        this.settingService = inject(AXPSettingService);
         this.multiple = computed(() => this.options()['multiple']);
         this.clearButton = computed(() => this.options()['clearButton']);
         this.format = computed(() => {
@@ -1928,13 +1929,19 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent {
         this.disabled = computed(() => this.options()['disabled']);
         this.placeholder = computed(() => this.options()['placeholder']);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
-        this.calendarFormat = computed(() => {
-            if (this.format() === 'date')
-                return 'DD/MM/YYYY';
-            else if (this.format() === 'time')
-                return 'HH:mm';
-            else
-                return 'DD/MM/YYYY HH:mm';
+        this.calendarFormat = signal('date');
+        this.#effect = effect(async () => {
+            let mode = '';
+            if (this.format() == 'date') {
+                mode = await this.settingService.get('regional:short-date');
+            }
+            else if (this.format() == 'time') {
+                mode = await this.settingService.get('regional:short-time');
+            }
+            else if (this.format() == 'datetime') {
+                mode = `${await this.settingService.get('regional:short-date')} ${await this.settingService.get('regional:short-time')}`;
+            }
+            this.calendarFormat.set(mode);
         });
     }
     handleValueChange(e, i) {
@@ -1946,6 +1953,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent {
                 this.setValue(newValues[0]);
         }
     }
+    #effect;
     addItem() {
         const newValues = [...this.internalValue(), ''];
         this.setValue(newValues);
@@ -2055,7 +2063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                         AXDateTimeBoxModule,
                         AXButtonModule,
                         AXDecoratorModule,
-                        AXValidationModule
+                        AXValidationModule,
                     ],
                     inputs: [],
                 }]