@a.nemreen/dga-ui 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
   "license": "MIT",
   "author": {
@@ -37,19 +37,23 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "fesm2022",
+    "types",
+    "LICENSE",
+    "README.md"
+  ],
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/platform-browser": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-    "@a.nemreen/dga-tokens": "^0.2.0 || ^0.3.0",
-    "@platformscode/icons": "^0.0.11"
+    "@a.nemreen/dga-tokens": "^0.2.0 || ^0.3.0"
   },
   "engines": {
     "node": ">=18"
   },
   "dependencies": {
-    "@platformscode/icons": "^0.0.11",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
@@ -62,6 +66,18 @@
     ".": {
       "types": "./types/a.nemreen-dga-ui.d.ts",
       "default": "./fesm2022/a.nemreen-dga-ui.mjs"
+    },
+    "./cookies": {
+      "types": "./types/a.nemreen-dga-ui-cookies.d.ts",
+      "default": "./fesm2022/a.nemreen-dga-ui-cookies.mjs"
+    },
+    "./date-picker": {
+      "types": "./types/a.nemreen-dga-ui-date-picker.d.ts",
+      "default": "./fesm2022/a.nemreen-dga-ui-date-picker.mjs"
+    },
+    "./header": {
+      "types": "./types/a.nemreen-dga-ui-header.d.ts",
+      "default": "./fesm2022/a.nemreen-dga-ui-header.mjs"
     }
   },
   "type": "module"

package/types/a.nemreen-dga-ui-cookies.d.ts

@@ -0,0 +1,201 @@
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import { DgaIconName } from '@a.nemreen/dga-ui';
+
+/** Stored consent outcome. `custom` = per-category preferences were saved. */
+type DgaCookieConsent = 'accepted' | 'declined' | 'custom' | null;
+/** Horizontal placement. Logical `start`/`end` follow reading direction. */
+type DgaCookiesAlign = 'start' | 'center' | 'end';
+/**
+ * Banner anchor on the viewport.
+ * - `start` | `center` | `end` → bottom edge + that alignment (compact)
+ * - `bottom` | `top` → that edge, centered
+ * - `bottom-start` / `top-end` / … → explicit edge + alignment
+ */
+type DgaCookiesPosition = DgaCookiesAlign | 'bottom' | 'top' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
+/** Optional cookie category for granular consent (GDPR-style preferences). */
+interface DgaCookieCategory {
+    id: string;
+    label: string;
+    description?: string;
+    /** Always enabled; toggle is disabled. */
+    required?: boolean;
+    /** Initial state when no stored preference exists (ignored when `required`). */
+    defaultEnabled?: boolean;
+}
+type DgaCookiePreferences = Record<string, boolean>;
+interface DgaCookieDecision {
+    consent: Exclude<DgaCookieConsent, null>;
+    preferences: DgaCookiePreferences;
+}
+/**
+ * Privacy-compliant cookie consent banner.
+ * Persists choice (default 365 days); optional category preferences and GA gating.
+ */
+declare class DgaCookies implements OnInit {
+    private readonly destroyRef;
+    private readonly hostRef;
+    /** Original parent before body portal (restored on destroy). */
+    private portalHome;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Viewport anchor. Use `start` / `center` / `end` for bottom placement,
+     * or compound values like `top-end`. Prefer `align` to set horizontal only.
+     */
+    readonly position: _angular_core.InputSignal<DgaCookiesPosition>;
+    /** Horizontal alignment (`start` | `center` | `end`). Overrides `position` when set. */
+    readonly align: _angular_core.InputSignal<"" | DgaCookiesAlign>;
+    /** Auto-open delay when no consent is stored. `0` disables auto-show. */
+    readonly delayMs: _angular_core.InputSignal<number>;
+    /** When false, never auto-opens (call `show()` manually). */
+    readonly autoShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the dismiss (X) control. Dismiss does not persist a decision. */
+    readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the reject / decline non-essential button. */
+    readonly showDecline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show policy / terms links row. */
+    readonly showLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show Customize when `categories` are provided. */
+    readonly showCustomize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Dim the page behind the banner (modal-style overlay). */
+    readonly overlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @deprecated Prefer `overlay`. Same behavior — kept for backward compatibility.
+     */
+    readonly blocking: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Close the banner when the overlay backdrop is clicked (requires dismissible). */
+    readonly overlayClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly termsHref: _angular_core.InputSignal<string>;
+    readonly privacyHref: _angular_core.InputSignal<string>;
+    /** Optional third policy link (cookie policy). Empty hides it. */
+    readonly cookiePolicyHref: _angular_core.InputSignal<string>;
+    readonly termsLabel: _angular_core.InputSignal<string>;
+    readonly privacyLabel: _angular_core.InputSignal<string>;
+    readonly cookiePolicyLabel: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly acceptLabel: _angular_core.InputSignal<string>;
+    readonly declineLabel: _angular_core.InputSignal<string>;
+    readonly customizeLabel: _angular_core.InputSignal<string>;
+    readonly saveLabel: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<DgaIconName>;
+    /** Google Analytics IDs to disable on decline / when analytics is off. */
+    readonly gaTrackingIds: _angular_core.InputSignal<string | readonly string[]>;
+    /** Consent cookie lifetime in days. */
+    readonly consentDays: _angular_core.InputSignal<number>;
+    /** Consent cookie name (also used as localStorage key prefix). */
+    readonly consentCookieName: _angular_core.InputSignal<string>;
+    /** Extra cookies to delete when analytics/marketing is denied. */
+    readonly analyticsCookieNames: _angular_core.InputSignal<readonly string[]>;
+    /** Granular categories. When set, Customize / Save Preferences become available. */
+    readonly categories: _angular_core.InputSignal<readonly DgaCookieCategory[]>;
+    readonly accepted: _angular_core.OutputEmitterRef<void>;
+    readonly declined: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly decided: _angular_core.OutputEmitterRef<"accepted" | "declined" | "custom">;
+    readonly preferencesChange: _angular_core.OutputEmitterRef<DgaCookiePreferences>;
+    readonly decision: _angular_core.OutputEmitterRef<DgaCookieDecision>;
+    /** Controls enter/exit animation state. */
+    readonly visible: _angular_core.WritableSignal<boolean>;
+    /** Keeps the panel in the DOM while exit animation plays. */
+    readonly mounted: _angular_core.WritableSignal<boolean>;
+    /** Whether the category preferences panel is expanded. */
+    readonly customizing: _angular_core.WritableSignal<boolean>;
+    /** Draft toggles while customizing. */
+    readonly draftPrefs: _angular_core.WritableSignal<DgaCookiePreferences>;
+    private readonly seq;
+    readonly titleId: string;
+    readonly bodyId: string;
+    private openTimer;
+    private closeTimer;
+    readonly copy: _angular_core.Signal<{
+        title: string;
+        body: string;
+        terms: string;
+        privacy: string;
+        cookiePolicy: string;
+        accept: string;
+        acceptAll: string;
+        decline: string;
+        customize: string;
+        save: string;
+        categories: string;
+        policies: string;
+        close: string;
+    }>;
+    readonly resolvedCategories: _angular_core.Signal<DgaCookieCategory[]>;
+    readonly resolvedLinks: _angular_core.Signal<{
+        href: string;
+        label: string;
+    }[]>;
+    /**
+     * Accept + Decline share a row; Customize / Save spans full width underneath
+     * so Arabic labels stay on one line. Actions stay pinned below the scroll body.
+     */
+    readonly actionsClasses: _angular_core.Signal<string>;
+    /** Resolved vertical edge + horizontal align (logical start/end). */
+    readonly placement: _angular_core.Signal<{
+        edge: "top" | "bottom";
+        align: DgaCookiesAlign;
+    }>;
+    /** Whether a dimmed backdrop is shown (`overlay` or legacy `blocking`). */
+    readonly hasOverlay: _angular_core.Signal<boolean>;
+    readonly panelClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    hasCategories(): boolean;
+    hasLinks(): boolean;
+    /**
+     * Re-open the banner (e.g. from a footer Cookie Settings link).
+     * Portals to `document.body` so overflow/transform ancestors cannot clip it.
+     */
+    show(): void;
+    /** Hide without persisting a decision. */
+    dismiss(): void;
+    /** Backdrop click — dismiss only when overlayClose + dismissible. */
+    onOverlayClick(): void;
+    openCustomize(): void;
+    onCategoryToggle(id: string, enabled: boolean): void;
+    accept(): void;
+    decline(): void;
+    savePreferences(): void;
+    private commit;
+    private buildDefaultPrefs;
+    private buildAllPrefs;
+    private readStored;
+    private hidePanel;
+    private trackingIds;
+    /** Move host to `body` so fixed positioning escapes overflow/transform ancestors. */
+    private ensureBodyPortal;
+    private restorePortal;
+    private clearTimer;
+    private clearCloseTimer;
+    static getConsent(cookieName?: string): DgaCookieConsent;
+    static getPreferences(cookieName?: string): DgaCookiePreferences | null;
+    static setConsent(value: Exclude<DgaCookieConsent, null>, options?: {
+        name?: string;
+        days?: number;
+        preferences?: DgaCookiePreferences;
+    }): void;
+    static clearConsent(cookieName?: string): void;
+    /** @internal */
+    static parseStored(raw: string | null): {
+        consent: DgaCookieConsent;
+        preferences: DgaCookiePreferences | null;
+    };
+    /** @internal */
+    static writeConsent(status: Exclude<DgaCookieConsent, null>, preferences: DgaCookiePreferences | null, opts: {
+        name: string;
+        days: number;
+        hasCategories: boolean;
+    }): void;
+    static get(name: string): string | null;
+    static set(name: string, value: string, days?: number): void;
+    static delete(name: string): void;
+    safeHref(href: string | undefined | null): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCookies, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCookies, "dga-cookies", never, { "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; "autoShow": { "alias": "autoShow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "showDecline": { "alias": "showDecline"; "required": false; "isSignal": true; }; "showLinks": { "alias": "showLinks"; "required": false; "isSignal": true; }; "showCustomize": { "alias": "showCustomize"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "overlayClose": { "alias": "overlayClose"; "required": false; "isSignal": true; }; "termsHref": { "alias": "termsHref"; "required": false; "isSignal": true; }; "privacyHref": { "alias": "privacyHref"; "required": false; "isSignal": true; }; "cookiePolicyHref": { "alias": "cookiePolicyHref"; "required": false; "isSignal": true; }; "termsLabel": { "alias": "termsLabel"; "required": false; "isSignal": true; }; "privacyLabel": { "alias": "privacyLabel"; "required": false; "isSignal": true; }; "cookiePolicyLabel": { "alias": "cookiePolicyLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "declineLabel": { "alias": "declineLabel"; "required": false; "isSignal": true; }; "customizeLabel": { "alias": "customizeLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "gaTrackingIds": { "alias": "gaTrackingIds"; "required": false; "isSignal": true; }; "consentDays": { "alias": "consentDays"; "required": false; "isSignal": true; }; "consentCookieName": { "alias": "consentCookieName"; "required": false; "isSignal": true; }; "analyticsCookieNames": { "alias": "analyticsCookieNames"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, { "accepted": "accepted"; "declined": "declined"; "closed": "closed"; "decided": "decided"; "preferencesChange": "preferencesChange"; "decision": "decision"; }, never, never, true, never>;
+}
+
+export { DgaCookies };
+export type { DgaCookieCategory, DgaCookieConsent, DgaCookieDecision, DgaCookiePreferences, DgaCookiesAlign, DgaCookiesPosition };

package/types/a.nemreen-dga-ui-date-picker.d.ts

@@ -0,0 +1,207 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, DgaFormControlSize, DgaFormStatus } from '@a.nemreen/dga-ui';
+
+/** Calendar system for date values and the picker UI. */
+type DgaDateCalendar = 'gregorian' | 'hijri';
+/** Picker UI mode — inferred from `format` tokens when not set explicitly. */
+type DgaDatePickerMode = 'day' | 'month' | 'year';
+type DgaDateLocale = 'ar' | 'en';
+interface DgaCalendarParts {
+    year: number;
+    month: number;
+    day: number;
+}
+declare const DGA_HIJRI_MONTHS: {
+    readonly ar: readonly ["محرم", "صفر", "ربيع الأول", "ربيع الثاني", "جمادى الأولى", "جمادى الآخرة", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة"];
+    readonly en: readonly ["Muharram", "Safar", "Rabi I", "Rabi II", "Jumada I", "Jumada II", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhu al-Qi'dah", "Dhu al-Hijjah"];
+};
+declare const DGA_GREGORIAN_MONTHS: {
+    readonly ar: readonly ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
+    readonly en: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+};
+declare const DGA_WEEKDAYS: {
+    readonly ar: readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"];
+    readonly en: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+};
+/** Read calendar parts for a Date (UTC day). */
+declare function dgaGetCalendarParts(date: Date, calendar: DgaDateCalendar): DgaCalendarParts;
+/**
+ * Convert calendar parts to a Date (UTC midnight).
+ * Hijri conversion uses binary search against islamic-umalqura.
+ */
+declare function dgaPartsToDate(parts: DgaCalendarParts, calendar: DgaDateCalendar): Date;
+declare function dgaDaysInMonth(year: number, month: number, calendar: DgaDateCalendar): number;
+declare function dgaAddMonths(parts: DgaCalendarParts, delta: number, calendar: DgaDateCalendar): DgaCalendarParts;
+/** Infer mode from format tokens (YYYY / MM / DD). */
+declare function dgaModeFromFormat(format: string): DgaDatePickerMode;
+declare function dgaFormatDate(date: Date, format: string, calendar: DgaDateCalendar): string;
+declare function dgaParseDate(value: string, format: string, calendar: DgaDateCalendar): Date | null;
+declare function dgaSameDay(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): boolean;
+declare function dgaCompareDays(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): number;
+declare function dgaClampDate(date: Date, min?: Date | null, max?: Date | null, calendar?: DgaDateCalendar): Date;
+declare function dgaMonthNames(calendar: DgaDateCalendar, locale: 'ar' | 'en'): readonly string[];
+/** First weekday (0=Sun) of the given calendar month. */
+declare function dgaMonthStartWeekday(year: number, month: number, calendar: DgaDateCalendar): number;
+declare function dgaTodayUtc(): Date;
+/** Coerce string | Date | null to UTC date using format when string. */
+declare function dgaCoerceDate(value: string | Date | null | undefined, format: string, calendar: DgaDateCalendar): Date | null;
+
+interface DgaDateRangeValue {
+    start: string;
+    end: string;
+}
+type PanelView = DgaDatePickerMode;
+declare class DgaDatePickerComponent implements ControlValueAccessor {
+    private readonly host;
+    private readonly destroyRef;
+    readonly inputId: string;
+    readonly panelId: string;
+    readonly valueInput: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.WritableSignal<string>;
+    readonly startValue: _angular_core.ModelSignal<string>;
+    readonly endValue: _angular_core.ModelSignal<string>;
+    private onChange;
+    private onTouched;
+    readonly calendar: _angular_core.InputSignal<DgaDateCalendar>;
+    readonly range: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly format: _angular_core.InputSignal<string>;
+    readonly mode: _angular_core.InputSignal<DgaDatePickerMode | null>;
+    readonly locale: _angular_core.InputSignal<DgaDateLocale>;
+    readonly minDate: _angular_core.InputSignal<string | Date | null>;
+    readonly maxDate: _angular_core.InputSignal<string | Date | null>;
+    readonly yearBefore: _angular_core.InputSignal<number>;
+    readonly yearAfter: _angular_core.InputSignal<number>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly controlId: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<DgaFormControlSize>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly cvaDisabled;
+    readonly disabled: _angular_core.Signal<boolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly status: _angular_core.InputSignal<DgaFormStatus>;
+    readonly rangeSeparator: _angular_core.InputSignal<string>;
+    readonly todayLabel: _angular_core.InputSignal<string>;
+    readonly clearLabel: _angular_core.InputSignal<string>;
+    readonly closeLabel: _angular_core.InputSignal<string>;
+    readonly saveLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly resolvedTodayLabel: _angular_core.Signal<string>;
+    readonly resolvedClearLabel: _angular_core.Signal<string>;
+    readonly resolvedCloseLabel: _angular_core.Signal<string>;
+    readonly resolvedSaveLabel: _angular_core.Signal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly rangeChange: _angular_core.OutputEmitterRef<DgaDateRangeValue>;
+    readonly open: _angular_core.WritableSignal<boolean>;
+    readonly panelStyle: _angular_core.WritableSignal<Record<string, string>>;
+    readonly panelView: _angular_core.WritableSignal<DgaDatePickerMode>;
+    readonly viewParts: _angular_core.WritableSignal<DgaCalendarParts>;
+    readonly draftStart: _angular_core.WritableSignal<Date | null>;
+    readonly draftEnd: _angular_core.WritableSignal<Date | null>;
+    readonly rangePickPhase: _angular_core.WritableSignal<"start" | "end">;
+    readonly typedValue: _angular_core.WritableSignal<string | null>;
+    readonly effectiveStatus: _angular_core.Signal<DgaFormStatus>;
+    readonly panelMode: _angular_core.Signal<DgaDatePickerMode>;
+    readonly labels: _angular_core.Signal<{
+        readonly today: "اليوم";
+        readonly clear: "مسح";
+        readonly close: "إغلاق";
+        readonly save: "حفظ";
+        readonly prev: "السابق";
+        readonly next: "التالي";
+        readonly calendar: "فتح التقويم";
+        readonly clearInput: "مسح التاريخ";
+        readonly month: "الشهر";
+        readonly year: "السنة";
+        readonly placeholder: "يوم/شهر/سنة";
+        readonly rangeStart: "تاريخ البداية";
+        readonly rangeEnd: "تاريخ النهاية";
+    } | {
+        readonly today: "Today";
+        readonly clear: "Clear";
+        readonly close: "Close";
+        readonly save: "Save";
+        readonly prev: "Previous";
+        readonly next: "Next";
+        readonly calendar: "Open calendar";
+        readonly clearInput: "Clear date";
+        readonly month: "Month";
+        readonly year: "Year";
+        readonly placeholder: "DD/MM/YYYY";
+        readonly rangeStart: "Start date";
+        readonly rangeEnd: "End date";
+    }>;
+    readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    readonly weekdays: _angular_core.Signal<readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"] | readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]>;
+    readonly minBound: _angular_core.Signal<Date | null>;
+    readonly maxBound: _angular_core.Signal<Date | null>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly viewYear: _angular_core.Signal<number>;
+    readonly viewMonth: _angular_core.Signal<number>;
+    readonly monthOptions: _angular_core.Signal<{
+        value: number;
+        label: string;
+        selected: boolean;
+        disabled: boolean;
+    }[]>;
+    readonly yearOptions: _angular_core.Signal<{
+        value: number;
+        selected: boolean;
+        disabled: boolean;
+    }[]>;
+    readonly dayCells: _angular_core.Signal<DayCell[]>;
+    constructor();
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    onReposition(): void;
+    monthLabel(month: number): string;
+    togglePanel(): void;
+    openPanel(): void;
+    closePanel(restoreDraft?: boolean): void;
+    private repositionPanel;
+    navigate(delta: number): void;
+    setPanelView(view: PanelView): void;
+    selectDay(day: number): void;
+    selectMonth(month: number): void;
+    selectYear(year: number): void;
+    goToday(): void;
+    clearDraft(): void;
+    clearAll(): void;
+    save(): void;
+    onInput(raw: string): void;
+    onInputBlur(): void;
+    onInputKeydown(event: KeyboardEvent): void;
+    private applyDraftDate;
+    private draftAnchorParts;
+    private syncDraftFromModels;
+    private parseRangeFromValue;
+    private emitValues;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private isDateDisabled;
+    private isMonthDisabled;
+    private isYearDisabled;
+    private initialViewParts;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaDatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaDatePickerComponent, "dga-date-picker", never, { "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "yearBefore": { "alias": "yearBefore"; "required": false; "isSignal": true; }; "yearAfter": { "alias": "yearAfter"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "startValue": "startValueChange"; "endValue": "endValueChange"; "valueChange": "valueChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
+}
+interface DayCell {
+    key: string;
+    empty: boolean;
+    day?: number;
+    today?: boolean;
+    selected?: boolean;
+    inRange?: boolean;
+    rangeStart?: boolean;
+    rangeEnd?: boolean;
+    disabled?: boolean;
+    label?: string;
+}
+
+export { DGA_GREGORIAN_MONTHS, DGA_HIJRI_MONTHS, DGA_WEEKDAYS, DgaDatePickerComponent as DgaDatePicker, dgaAddMonths, dgaClampDate, dgaCoerceDate, dgaCompareDays, dgaDaysInMonth, dgaFormatDate, dgaGetCalendarParts, dgaModeFromFormat, dgaMonthNames, dgaMonthStartWeekday, dgaParseDate, dgaPartsToDate, dgaSameDay, dgaTodayUtc };
+export type { DgaCalendarParts, DgaDateCalendar, DgaDatePickerMode, DgaDateRangeValue };