@acontplus/ng-components 2.1.2 → 2.1.4

package/fesm2022/acontplus-ng-components.mjs

@@ -48,6 +48,7 @@ import * as i2$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { Datex, SPANISH_LOCALE, DEFAULT_THEME, MATERIAL_THEME, BOOTSTRAP_THEME } from 'datex-ui';
 export { BOOTSTRAP_THEME, DEFAULT_THEME, Datex, MATERIAL_THEME, SPANISH_LOCALE, SPANISH_LOCALE_WITH_TIME } from 'datex-ui';
+import { addDay, monthStart, monthEnd, weekStart, weekEnd } from '@formkit/tempo';
 import { TranslocoService } from '@jsverse/transloco';
 
 /**
@@ -3367,6 +3368,7 @@ class DateRangePicker {
         this.stateChanges.next();
     }
     _errorState = false;
+    currentDate = new Date();
     get errorState() {
         return this._errorState;
     }
@@ -3512,7 +3514,7 @@ class DateRangePicker {
             timePicker24Hour: true,
             timePickerIncrement: 1,
             timePickerSeconds: false,
-            ranges: {},
+            ranges: this.getDefaultRanges(),
             opens: 'center',
             drops: 'auto',
             locale: SPANISH_LOCALE,
@@ -3524,13 +3526,38 @@ class DateRangePicker {
         // Merge user options with defaults, excluding presetTheme
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { presetTheme, ...userOptions } = opts;
+        // Merge ranges: user ranges override defaults
+        const mergedRanges = {
+            ...defaultOptions.ranges,
+            ...(userOptions.ranges || {}),
+        };
         return {
             ...defaultOptions,
             ...userOptions,
+            ranges: mergedRanges,
             // Always use getTheme() to handle presetTheme properly
             theme: this.getTheme(),
         };
     }
+    getDateAddDay(day) {
+        return addDay(this.currentDate, day);
+    }
+    getDefaultRanges() {
+        return {
+            Hoy: [this.currentDate, this.currentDate],
+            Ayer: [this.getDateAddDay(-1), this.getDateAddDay(-1)],
+            'Últimos 5 días': [this.getDateAddDay(-4), this.currentDate],
+            'Últimos 10 días': [this.getDateAddDay(-9), this.currentDate],
+            'Últimos 15 días': [this.getDateAddDay(-14), this.currentDate],
+            'Últimos 30 días': [this.getDateAddDay(-29), this.currentDate],
+            'Esta semana': [weekStart(this.currentDate), weekEnd(this.currentDate)],
+            'Este mes': [monthStart(this.currentDate), monthEnd(this.currentDate)],
+            'El mes pasado': [
+                monthStart(addDay(monthStart(this.currentDate), -1)),
+                addDay(monthStart(this.currentDate), -1),
+            ],
+        };
+    }
     getTheme() {
         const opts = this.options();
         const baseTheme = opts.theme ?? DEFAULT_THEME;