valtech-components 2.0.1034 → 2.0.1035

package/lib/components/molecules/date-picker/date-picker.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { DatePickerMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-date-picker` — selector de fecha con calendario propio basado en
+ * `vanilla-calendar-pro` (NO ion-datetime → sin el bug del grid de días vacío).
+ *
+ * Trigger (botón con la fecha formateada o placeholder) que despliega un calendario
+ * inline debajo; al elegir un día se aplica y se cierra. Valor manejado como string
+ * `YYYY-MM-DD` (fecha local, sin zona horaria). Integra con `FormControl` (`control`)
+ * o vía `value` + `(valueChange)`. Auto-registra i18n (`DatePicker`).
+ *
+ * `ViewEncapsulation.None`: el calendario se crea por JS (fuera del scope emulado),
+ * así que los estilos de la lib + overrides de marca deben ser globales.
+ *
+ * @example
+ * <val-date-picker [props]="{ control: fechaControl, label: 'Fecha', locale: 'es-CL' }"
+ *   (valueChange)="onDate($event)" />
+ */
+export declare class DatePickerComponent implements OnChanges, OnDestroy {
+    private i18n;
+    constructor();
+    props: DatePickerMetadata;
+    /** Emite el valor (`YYYY-MM-DD` | null) en cada cambio. */
+    valueChange: EventEmitter<string>;
+    private calRef?;
+    open: boolean;
+    private calendar?;
+    /** id estable del trigger. */
+    get triggerId(): string;
+    private get locale();
+    /** Valor actual (`YYYY-MM-DD` | null) — del control o del prop value. */
+    private get current();
+    get placeholderText(): string;
+    /** Valor formateado a fecha larga local (sin day-shift). '' si vacío. */
+    get displayValue(): string;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    t(key: string): string;
+    toggle(): void;
+    private buildCalendar;
+    private destroyCalendar;
+    private apply;
+    clear(): void;
+    private setValue;
+    /** Parsea `YYYY-MM-DD` a Date LOCAL (evita el shift de zona de new Date(str)). */
+    private parseLocal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "val-date-picker", never, { "props": { "alias": "props"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/components/molecules/date-picker/date-picker.i18n.d.ts

@@ -0,0 +1,3 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/** Defaults i18n (es/en) de `val-date-picker`. Namespace `DatePicker`. */
+export declare const DATE_PICKER_I18N: LanguagesContent;

package/lib/components/molecules/date-picker/types.d.ts

@@ -0,0 +1,30 @@
+import { FormControl } from '@angular/forms';
+/**
+ * Props (object-first) de `val-date-picker` — selector de fecha basado en
+ * `vanilla-calendar-pro` (calendario propio, NO ion-datetime). El valor se maneja
+ * como string `YYYY-MM-DD` (fecha local, sin zona horaria → sin day-shift).
+ */
+export interface DatePickerMetadata {
+    /** FormControl que guarda el valor (`YYYY-MM-DD` | null). Opcional. */
+    control?: FormControl<string | null>;
+    /** Valor inicial si no se usa `control` (`YYYY-MM-DD`). */
+    value?: string | null;
+    /** Label arriba del campo. */
+    label?: string;
+    /** Hint/descripción bajo el label. */
+    hint?: string;
+    /** Texto del trigger cuando no hay valor. */
+    placeholder?: string;
+    /** Locale BCP47 para el calendario y el formato (ej. `es-CL`, `en-US`). */
+    locale?: string;
+    /** Primer día de semana: 0 domingo … 1 lunes (default 1). */
+    firstWeekday?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** Fecha mínima seleccionable (`YYYY-MM-DD`). */
+    min?: string;
+    /** Fecha máxima seleccionable (`YYYY-MM-DD`). */
+    max?: string;
+    /** Muestra acción "Limpiar" en el panel (default false). */
+    clearable?: boolean;
+    /** id estable (para a11y / tests). Si se omite se genera. */
+    token?: string;
+}

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.1034";
+export declare const VERSION = "2.0.1035";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.1034",
+  "version": "2.0.1035",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"
@@ -44,7 +44,8 @@
     "prismjs": "^1.30.0",
     "qr-code-styling": "^1.9.0",
     "swiper": "^11.2.8",
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "vanilla-calendar-pro": "^3.1.0"
   },
   "sideEffects": false,
   "module": "fesm2022/valtech-components.mjs",

package/public-api.d.ts

@@ -310,6 +310,8 @@ export * from './lib/components/organisms/member-detail-modal/types';
 export * from './lib/components/organisms/member-import-modal/member-import-modal.component';
 export * from './lib/components/organisms/field-list/field-list.component';
 export * from './lib/components/organisms/field-list/types';
+export * from './lib/components/molecules/date-picker/date-picker.component';
+export * from './lib/components/molecules/date-picker/types';
 export * from './lib/components/organisms/api-keys-modal/api-keys-modal.component';
 export * from './lib/components/organisms/api-key-create-modal/api-key-create-modal.component';
 export * from './lib/components/organisms/api-keys-view/api-keys-view.component';