@testgorilla/tgo-ui 7.13.2 → 8.1.0

package/components/core/index.d.ts

@@ -1,5 +1,361 @@
+import * as rxjs from 'rxjs';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, ElementRef, PipeTransform, InjectionToken, OnDestroy, Type, ViewContainerRef } from '@angular/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * Application theme type used across all UI components.
+ * - 'light': Light theme with white backgrounds
+ * - 'dark': Dark theme with dark backgrounds
+ * - 'classic': Classic TestGorilla theme
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/core" />
-export * from './public-api';
+type ApplicationTheme = 'dark' | 'light' | 'classic';
+
+declare enum Language {
+    en = "en",
+    es = "es",
+    nl = "nl",
+    fr = "fr",
+    de = "de",
+    'it-it' = "it-it",
+    'ja-jp' = "ja-jp",
+    'pt-br' = "pt-br",
+    'da-dk' = "da-dk",
+    'nb-no' = "nb-no",
+    'pl-pl' = "pl-pl",
+    'sv-se' = "sv-se"
+}
+
+type TranslationMap = {
+    [key in Language]: string;
+};
+declare const getAvailableLangs: () => Language[];
+type UILanguage = {
+    code: Language | string;
+    label: string;
+};
+declare class LanguageService {
+    #private;
+    static readonly defaultLanguage = Language.en;
+    readonly defaultLanguageList: UILanguage[];
+    setActiveLang(language: Language): void;
+    getActiveLang(): Observable<Language>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LanguageService>;
+}
+
+/**
+ * Checks if element ellipsis
+ */
+declare class EllipseTextDirective implements OnInit {
+    private el;
+    isMultiline: boolean;
+    maxDiffPixels: number;
+    checkEllipsis$: Subject<void>;
+    refreshEllipsis$: Subject<void>;
+    set refresh(_: any);
+    onChangeTextState: EventEmitter<boolean>;
+    resize(): void;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, { "isMultiline": { "alias": "isMultiline"; "required": false; }; "maxDiffPixels": { "alias": "maxDiffPixels"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; }, { "onChangeTextState": "onChangeTextState"; }, never, never, true, never>;
+}
+
+/**
+ * Used for translations
+ */
+declare class UiTranslatePipe implements PipeTransform {
+    private readonly languageService;
+    protected readonly LANGS: {
+        [key: string]: any;
+    };
+    constructor(languageService: LanguageService);
+    /**
+     * Finds the translation by keys with interpolation if provided
+     * @param translateKey key, can have multiple keys separated with '.' eg ('KEY', 'FIRST_LVL_KEY.SECOND_LVL_KEY')
+     * @param activeLang current active language
+     * @param interpolationData data that will be used to replace interpolations in translated variant
+     * For example, for translate text like this
+     * 'You have {{attemptsAmount}} attempts left
+     * the interpolation object should be { attemptsAmount: 10 }
+     */
+    transform(translateKey: string, interpolationData?: any): Observable<string>;
+    /**
+     * Used to find and replace interpolation in text
+     * @param translation the translation text
+     * @param interpolationData the interpolation object
+     */
+    private interpolate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<UiTranslatePipe, "uiTranslate", true>;
+}
+
+declare enum IKeyboardEvent {
+    ENTER = "Enter",
+    SPACE = " ",
+    ARROW_DOWN = "ArrowDown",
+    ARROW_UP = "ArrowUp",
+    ESCAPE = "Escape",
+    HOME = "Home",
+    END = "End",
+    PAGE_UP = "PageUp",
+    PAGE_DOWN = "PageDown"
+}
+
+type Alignment = 'center' | 'top';
+
+declare const hexToRgbWithAlpha: (hex: string, alpha?: number) => string;
+
+declare class AutocompleteUtils {
+    static transformDisplayValue(value: any, textField: string): any;
+    static filterItems(items: any, inputValue: string, textField?: string, isGroup?: boolean): any;
+    static isPrimitive(value: any): boolean;
+    static isArray(value: any): boolean;
+    static throwInvalidSetupError(): void;
+    static excludeSuggestions(items: any[], excludeItems: any[], valueField?: string): any[];
+    static shouldBeObject(value: any, textField: string, valueField: string): boolean;
+    static createValueItem(value: any, textField: string, valueField: string): any;
+    static findDuplicate(value: any, selectedValue: any, lookupKey?: string): any;
+    static countMatchingWords(words: any[], query: string, textField?: string, isGroup?: boolean): number;
+}
+
+declare class DigitsOnlyDirective {
+    private el;
+    constructor(el: ElementRef);
+    allowNegative: boolean;
+    allowDecimal: boolean;
+    allowOnlyDigits: boolean;
+    regex: RegExp;
+    onKeyPress(event: KeyboardEvent): void;
+    onPaste(event: Event): void;
+    onKeydown(event: any): void;
+    onInput(event: any): void;
+    validate(event: Event, text: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DigitsOnlyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DigitsOnlyDirective, "[digitsOnly]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class HasValidationErrorPipe implements PipeTransform {
+    /**
+     * List of the error types that are handled
+     */
+    private readonly errorTypes;
+    /**
+     * Checks if the error on the NgControl is in the list of handled error types
+     * @param value
+     */
+    transform(value: Record<string, any> | null | undefined): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HasValidationErrorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HasValidationErrorPipe, "hasValidationError", true>;
+}
+
+declare class SelectTextDirective {
+    selectText: i0.InputSignal<string | null>;
+    private el;
+    private highlighted;
+    constructor();
+    private highlight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectTextDirective, "[selectText]", never, { "selectText": { "alias": "selectText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class PreventInputDirective {
+    uiPreventInput: i0.InputSignal<boolean>;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreventInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventInputDirective, "[uiPreventInput]", never, { "uiPreventInput": { "alias": "uiPreventInput"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class IncludesPipe implements PipeTransform {
+    transform(value: Record<string, any>, values: Record<string, any> | Record<string, any>[], valueField?: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", true>;
+}
+
+declare class TransformItemPipe implements PipeTransform {
+    transform(value: Record<string, any> | Record<string, any>[] | null | undefined, field: string, getValueList: true): string[];
+    transform(value: Record<string, any> | Record<string, any>[] | null | undefined, field: string, getValueList?: false): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TransformItemPipe, "transformItem", true>;
+}
+
+declare const IS_MOBILE_TOKEN: InjectionToken<rxjs.Observable<boolean>>;
+
+declare const IS_LARGE_TABLET_TOKEN: InjectionToken<rxjs.Observable<boolean>>;
+
+declare enum ScreenBreakpoints {
+    MOBILE = 600,
+    TABLET = 1023,
+    LARGE_TABLET = 1280
+}
+
+type LinkTargetType = '' | '_self' | '_blank' | '_parent' | '_top';
+
+declare enum Color {
+    TGO_TEAL_60B = "#1C443C",
+    TGO_TEAL_30B = "#31766A",
+    TGO_TEAL_DEFAULT = "#46A997",
+    TGO_TEAL_30W = "#7EC3B6",
+    TGO_TEAL_60W = "#B5DDD5",
+    TGO_TEAL_SECONDARY = "#CBD6CB",
+    TGO_TEAL_90W = "#ECF6F5",
+    TGO_PETROL_60B = "#102930",
+    TGO_PETROL_30B = "#1B4754",
+    TGO_PETROL_DEFAULT = "#276678",
+    TGO_PETROL_30W = "#6894A0",
+    TGO_PETROL_60W = "#A9C2C9",
+    TGO_PETROL_SECONDARY = "#C8D7DE",
+    TGO_PETROL_90W = "#E9F0F1",
+    TGO_ERROR_60B = "#513131",
+    TGO_ERROR_30B = "#8E5655",
+    TGO_ERROR_60W = "#E3C3C6",
+    TGO_ERROR_SECONDARY = "#F0DAD9",
+    TGO_ERROR_DEFAULT = "#CB7B7A",
+    TGO_WARNING_SECONDARY = "#F0D6BB",
+    TGO_WARNING_DEFAULT = "#CCA45F",
+    TGO_BLACK = "#000000",
+    TGO_DARK = "#888888",
+    TGO_MEDIUM = "#E0E0E0",
+    TGO_GREY = "#EDEDED",
+    TGO_LIGHT = "#F6F6F6",
+    TGO_WHITE = "#FFFFFF",
+    BRAND_60 = "#A90686",
+    BRAND_50 = "#D410AA",
+    BRAND_40 = "#FF54DA",
+    BRAND_30 = "#FFB3EE",
+    BRAND_20 = "#FFE6FA",
+    BRAND_10 = "#FFF2FC",
+    GRAYSCALE_50 = "#666666",
+    GRAYSCALE_40 = "#919191",
+    GRAYSCALE_30 = "#D3D3D3",
+    GRAYSCALE_20 = "#E9E9E9",
+    GRAYSCALE_10 = "#F4F4F4",
+    BLACK = "#242424",
+    ACCENT_20 = "#FFF5ED",
+    ACCENT_10 = "#FFFAF6",
+    INFORMATIVE_50 = "#1A47AA",
+    INFORMATIVE_40 = "#0165FC",
+    INFORMATIVE_30 = "#277CFD",
+    INFORMATIVE_20 = "#99C1FE",
+    INFORMATIVE_10 = "#D9E8FF",
+    SUCCESS_50 = "#3C9A13",
+    SUCCESS_40 = "#56C71A",
+    SUCCESS_30 = "#80D63E",
+    SUCCESS_20 = "#AAE47A",
+    SUCCESS_10 = "#D4F2C3",
+    ERROR_50 = "#E02800",
+    ERROR_40 = "#FF3003",
+    ERROR_30 = "#FF6E4F",
+    ERROR_20 = "#FFAC9A",
+    ERROR_10 = "#FFEAE6",
+    WARNING_50 = "#D07D00",
+    WARNING_40 = "#FF9A03",
+    WARNING_30 = "#FFC268",
+    WARNING_20 = "#FFE1B3",
+    WARNING_10 = "#FFF5E6"
+}
+
+/**
+ *   USAGE:
+ *   {{ argument | memoizeFunc : method [: context] }}
+ *
+ *   You could provide multiple arguments for the function like that:
+ *   {{ [argument1, argument2] | memoizeFunc : method [: context] }}
+ *
+ *
+ *   FUNCTION WITH CONTEXT
+ *   We still could have optimization in impure functions with Angular pipes. Just provide context as second parameter
+ *   to the memoizeFunc pipe.
+ *
+ *   {{ argument | memoizeFunc : method : this }}
+ *
+ *   Alternative variant use 'bind'
+ *
+ *   {{ argument | memoizeFunc : method.bind(this) }}
+ *
+ * */
+declare class MemoizeFuncPipe implements PipeTransform {
+    transform<T, K>(value: T, handler: (value: T) => K, context?: any): K;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemoizeFuncPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MemoizeFuncPipe, "memoizeFunc", true>;
+}
+
+declare class OrdinalSuffixPipe implements PipeTransform {
+    transform(value: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrdinalSuffixPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OrdinalSuffixPipe, "ordinalSuffix", true>;
+}
+
+declare class TruncatePipe implements PipeTransform {
+    transform(input: any, length?: number, suffix?: string, preserve?: boolean): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
+}
+
+declare class DataPropertyGetterPipe implements PipeTransform {
+    transform(obj: object, keyName?: string): any;
+    private getDeepVal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataPropertyGetterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter", true>;
+}
+
+interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+declare class DynamicComponentDirective implements OnDestroy {
+    private vcr;
+    private subscription;
+    private compRef;
+    set dynamicComponent(componentRenderer: IComponentRenderer);
+    constructor(vcr: ViewContainerRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": { "alias": "dynamicComponent"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Function for adjusting the lightness of a color based on different events (hover, pressed, disabled).
+ * Accepts a hex color, transforms it to HSL, and based on color's L and event darkens or lightens it.
+ * Used to manage different colors based on application configuration
+ *
+ * @param hexColor color in hex format
+ * @param typeEvent interaction event
+ * @param theme
+ */
+declare const adjustLightness: (hexColor: string, typeEvent: "hover" | "pressed" | "disabled", theme?: "new" | "classic") => string;
+/**
+ * Transforms hex color to HSL in object variation.
+ * @param hexColor string value with hex color
+ */
+declare const hexToHsl: (hexColor: string) => {
+    h: number;
+    s: number;
+    l: number;
+};
+/**
+ * Transforms HSL color, represented as an object and transforms it to hex string.
+ * @param hslColor accepts the HSL color like an object.
+ */
+declare const hslToHex: (hslColor: {
+    h: number;
+    s: number;
+    l: number;
+}) => string;
+
+type AlertBarType = 'success' | 'error' | 'info' | 'warning' | 'ai';
+type AlertVariant = 'banner' | 'callout';
+
+declare const alertBarsUtil: {
+    setIcon: (alertType: string) => string;
+    setIconColor: (alertType: string) => Color;
+    setPosition: (fixed: boolean) => string;
+    setCssClass: (fullWidth: boolean, type: string, position: string, variant?: AlertVariant) => string;
+};
+
+export { AutocompleteUtils, Color, DataPropertyGetterPipe, DigitsOnlyDirective, DynamicComponentDirective, EllipseTextDirective, HasValidationErrorPipe, IKeyboardEvent, IS_LARGE_TABLET_TOKEN, IS_MOBILE_TOKEN, IncludesPipe, Language, LanguageService, MemoizeFuncPipe, OrdinalSuffixPipe, PreventInputDirective, ScreenBreakpoints, SelectTextDirective, TransformItemPipe, TruncatePipe, UiTranslatePipe, adjustLightness, alertBarsUtil, getAvailableLangs, hexToHsl, hexToRgbWithAlpha, hslToHex };
+export type { AlertBarType, AlertVariant, Alignment, ApplicationTheme, LinkTargetType, TranslationMap, UILanguage };

package/components/datepicker/index.d.ts

@@ -1,5 +1,305 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/datepicker" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, DoCheck, OnInit, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import * as i6 from '@angular/forms';
+import { ControlValueAccessor, NgControl, FormGroup, FormControl } from '@angular/forms';
+import * as i9 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i7 from '@angular/material/datepicker';
+import { MatDatepicker } from '@angular/material/datepicker';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import * as i8 from '@angular/material/core';
+import { NativeDateAdapter } from '@angular/material/core';
+import * as i11 from '@testgorilla/tgo-ui/components/validation-error';
+
+declare class DatepickerService {
+    #private;
+    set useBrowserTimezone(value: boolean);
+    get useBrowserTimezone(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerService>;
+}
+
+declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck, OnInit {
+    private readonly defaultAppTheme;
+    private cdr;
+    ngControl: NgControl;
+    private datepickerService;
+    class: string;
+    /**
+     * Form field label
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    label?: string | undefined;
+    /**
+     * Input name attribute
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    fieldName?: string;
+    /**
+     * Input placeholder
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    placeholder?: string | undefined;
+    /**
+     * Input id
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    id?: string | undefined;
+    /**
+     * Input value
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    value?: Array<Date | null> | Date;
+    _errors: string[];
+    /**
+     * Input field errors
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Determines if input is date range
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    isRange: boolean;
+    /**
+     * Determines if on blur of calendar and no end date is selected, set the end date as the start date
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    setSingleDateRangeOnBlur: boolean;
+    /**
+     * Determines if inner errors should be shown
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    showInnerErrors: boolean;
+    /**
+     * Determines inner errors message
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    innerErrorsMessage: string;
+    /**
+     * Determines if input is disabled
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    disabled: boolean;
+    /**
+     * Input is required or not
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    required: boolean;
+    /**
+     * Hint text
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    hintMessage: string;
+    /**
+     * Input is update only on blur
+     *
+     * @type {Boolean}
+     * @memberof DatepickerComponent
+     */
+    updateOnBlur: boolean;
+    /**
+     * Show reserved content below form field
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    showBottomContent: boolean;
+    /**
+     * Set full width DatepickerComponent
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    fullWidth: boolean;
+    /**
+     * Set min date for Datepicker
+     *
+     * @type {Date}
+     * @memberof DatepickerComponent
+     */
+    minDate: Date | undefined;
+    /**
+     * Set max date for Datepicker
+     *
+     * @type {Date}
+     * @memberof DatepickerComponent
+     */
+    maxDate: Date | undefined;
+    /**
+     * Show and pick date without day
+     * @default false
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    monthPicker: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DatepickerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof DatepickerComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof DatepickerComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * Prevent user input
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    preventUserInput: boolean;
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof DatepickerComponent
+     */
+    companyColor: string;
+    /**
+     * Use browser timezone
+     * @type boolean
+     * @memberof DatepickerComponent
+     */
+    set browserTimezone(value: boolean);
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    /**
+     * Event emitted when the value is change - when used outside of form
+     *
+     * @type {Date}
+     * @memberof DatepickerComponent
+     */
+    changed: EventEmitter<Date | Date[]>;
+    range: FormGroup<{
+        start: FormControl<Date | null>;
+        end: FormControl<Date | null>;
+    }>;
+    errorsLength: boolean;
+    protected translationContext: string;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, datepickerService: DatepickerService);
+    get hint(): string;
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setErrorsLength(): boolean;
+    onValueChange(value: Date | Date[]): void;
+    writeValue(value?: Date | Date[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleCloseRangePicker(): void;
+    fillSingleDateRange(isStart: boolean): void;
+    dateRangeChange(): void;
+    setMonthAndYear(normalizedMonthAndYear: any, datepicker: MatDatepicker<Date>): void;
+    private setRange;
+    onInput(event: Event): void;
+    private setStyleVariable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, { optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "setSingleDateRangeOnBlur": { "alias": "setSingleDateRangeOnBlur"; "required": false; }; "showInnerErrors": { "alias": "showInnerErrors"; "required": false; }; "innerErrorsMessage": { "alias": "innerErrorsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "browserTimezone": { "alias": "browserTimezone"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+}
+
+declare class CustomDateAdapter extends NativeDateAdapter {
+    format(date: Date): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomDateAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CustomDateAdapter>;
+}
+declare class NoDateFormatDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoDateFormatDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NoDateFormatDirective, "[appNoDateFormat]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DatepickerComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerComponentModule, [typeof DatepickerComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatDatepickerModule, typeof i8.MatNativeDateModule, typeof i9.UiTranslatePipe, typeof NoDateFormatDirective, typeof i9.HasValidationErrorPipe, typeof i11.ValidationErrorModule], [typeof DatepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerComponentModule>;
+}
+
+declare const UI_DATE_FORMATS: {
+    parse: {
+        dateInput: {
+            day: string;
+            month: string;
+            year: string;
+        };
+    };
+    display: {
+        dateInput: string;
+        monthYearLabel: {
+            year: string;
+            month: string;
+        };
+        dateA11yLabel: {
+            year: string;
+            month: string;
+            day: string;
+        };
+        monthYearA11yLabel: {
+            year: string;
+            month: string;
+        };
+    };
+};
+declare class UiDateAdapter extends NativeDateAdapter {
+    #private;
+    constructor();
+    format(date: Date): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiDateAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiDateAdapter>;
+}
+
+export { CustomDateAdapter, DatepickerComponent, DatepickerComponentModule, DatepickerService, NoDateFormatDirective, UI_DATE_FORMATS, UiDateAdapter };