ecabs-components 2.0.0-alpha.0 → 2.0.0-alpha.10

package/lib/ecabs-base-phone-input/ecabs-base-phone.component.d.ts

@@ -0,0 +1,94 @@
+import { ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { CountryCode as CC, E164Number, NationalNumber, PhoneNumber } from 'libphonenumber-js';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatMenu } from '@angular/material/menu';
+import { Subject } from 'rxjs';
+import { CountryCode } from '../base/consts/country-codes';
+import { Country, PhoneNumberFormat } from '../base/models/phone.models';
+import * as i0 from "@angular/core";
+export declare class EcabsBasePhoneComponent implements OnInit, OnDestroy, DoCheck, MatFormFieldControl<any> {
+    private changeDetectorRef;
+    private countryCodeData;
+    private fm;
+    private elRef;
+    ngControl: NgControl;
+    preferredCountries: string[];
+    enablePlaceholder: boolean;
+    inputPlaceholder: string | undefined;
+    cssClass: string | undefined;
+    name: string | undefined;
+    onlyCountries: string[];
+    get errorStateMatcher(): ErrorStateMatcher;
+    set errorStateMatcher(value: ErrorStateMatcher);
+    enableSearch: boolean;
+    searchPlaceholder: string | undefined;
+    describedBy: string;
+    debounceTimeMs: any;
+    get format(): PhoneNumberFormat;
+    get placeholder(): string;
+    get required(): boolean;
+    get disabled(): boolean;
+    countryChanged: EventEmitter<Country>;
+    matMenu: MatMenu | undefined;
+    searchInput: ElementRef;
+    matCustomInput: ElementRef;
+    static nextId: number;
+    id: string;
+    get shouldLabelFloat(): boolean;
+    private _changeSubject;
+    private _placeholder;
+    private _required;
+    private _disabled;
+    private _previousFormattedNumber;
+    private _format;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    phoneNumber: NationalNumber | string | undefined;
+    allCountries: Country[];
+    preferredCountriesInDropDown: Country[];
+    selectedCountry: Country | undefined;
+    numberInstance: PhoneNumber | undefined;
+    value: E164Number | string | undefined;
+    searchCriteria: string | undefined;
+    get empty(): boolean;
+    set format(value: PhoneNumberFormat);
+    set placeholder(value: string);
+    set required(value: boolean);
+    set disabled(value: boolean);
+    static getPhoneNumberPlaceHolder(countryISOCode: CC): string | undefined;
+    onTouched: () => void;
+    propagateChange: (_: unknown) => void;
+    private readonly _errorStateTracker;
+    constructor(changeDetectorRef: ChangeDetectorRef, countryCodeData: CountryCode, fm: FocusMonitor, elRef: ElementRef<HTMLElement>, defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective);
+    get errorState(): boolean;
+    set errorState(value: boolean);
+    ngDoCheck(): void;
+    controlType?: string;
+    autofilled?: boolean;
+    userAriaDescribedBy?: string;
+    disableAutomaticLabeling?: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onPhoneNumberChangeDebounce(): void;
+    onPhoneNumberChange(): void;
+    onCountrySelect(country: Country): void;
+    getCountry(code: string): Country;
+    onInputKeyPress(event: KeyboardEvent): void;
+    flagClass(lang: string): string;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(event: MouseEvent): void;
+    reset(): void;
+    onSearchInput(): void;
+    protected fetchCountryData(): void;
+    private get formattedPhoneNumber();
+    private formatAsYouTypeIfEnabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsBasePhoneComponent, [null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsBasePhoneComponent, "ecabs-base-phone", never, { "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "enablePlaceholder": { "alias": "enablePlaceholder"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "name": { "alias": "name"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "describedBy": { "alias": "describedBy"; "required": false; }; "debounceTimeMs": { "alias": "debounceTimeMs"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "countryChanged": "countryChanged"; }, never, never, false, never>;
+}

package/lib/ecabs-base-phone-input/ecabs-base-phone.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-base-phone.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/router";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/divider";
+import * as i10 from "../base/pipes/search.pipe";
+import * as i11 from "../base/element-wrapper/element-wrapper.module";
+export declare class EcabsBasePhoneModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsBasePhoneModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsBasePhoneModule, [typeof i1.EcabsBasePhoneComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.RouterModule, typeof i5.FormsModule, typeof i6.MatInputModule, typeof i7.MatMenuModule, typeof i8.MatButtonModule, typeof i9.MatDividerModule, typeof i5.ReactiveFormsModule, typeof i10.SearchPipe, typeof i11.ElementWrapperModule], [typeof i1.EcabsBasePhoneComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsBasePhoneModule>;
+}

package/lib/ecabs-button-toggle/ecabs-button-toggle.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { SelectOption } from '../base/models/select.models';
+import * as i0 from "@angular/core";
+export type ButtonToggleSize = 'small' | 'medium' | 'large';
+export declare class EcabsButtonToggleComponent<T = unknown> implements ControlValueAccessor {
+    options: SelectOption<T>[];
+    multiple: boolean;
+    size: ButtonToggleSize;
+    value: T | T[];
+    valueChange: EventEmitter<T | T[]>;
+    isDisabled: boolean;
+    private onChange;
+    private onTouched;
+    private readonly cdr;
+    onGroupChange(event: MatButtonToggleChange): void;
+    trackByOptionValue(index: number, option: SelectOption<T>): T | number;
+    writeValue(value: T | T[]): void;
+    registerOnChange(fn: (value: T | T[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsButtonToggleComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsButtonToggleComponent<any>, "ecabs-button-toggle", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/lib/ecabs-button-toggle/ecabs-button-toggle.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-button-toggle.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button-toggle";
+export declare class EcabsButtonToggleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsButtonToggleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsButtonToggleModule, [typeof i1.EcabsButtonToggleComponent], [typeof i2.CommonModule, typeof i3.MatButtonToggleModule], [typeof i1.EcabsButtonToggleComponent, typeof i3.MatButtonToggleModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsButtonToggleModule>;
+}

package/lib/ecabs-buttons/ecabs-buttons.component.d.ts

@@ -1,8 +1,10 @@
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { ButtonStyle } from '../base/consts/buttons.consts';
+import { MatButton } from '@angular/material/button';
 import * as i0 from "@angular/core";
 export declare class ButtonsComponent implements OnInit, OnChanges {
+    matButton: MatButton;
     disabled: boolean;
     loading: boolean;
     size: 'default' | 'large';

package/lib/ecabs-buttons-v2/ecabs-buttons-v2.component.d.ts

@@ -0,0 +1,23 @@
+import { ThemePalette } from '@angular/material/core';
+import { ButtonLoadingStyle, ButtonSize, ButtonStyle } from '../base/consts/buttons.consts';
+import * as i0 from "@angular/core";
+export declare class ButtonsV2Component {
+    disabled: boolean;
+    loading: boolean;
+    loadingStyle: ButtonLoadingStyle;
+    size: ButtonSize;
+    type: 'button' | 'submit';
+    style: ButtonStyle;
+    color: ThemePalette | 'success' | null;
+    fullWidth: boolean;
+    get isDisabled(): boolean;
+    get hostWidth(): string;
+    get sizeClass(): string;
+    get matColor(): ThemePalette;
+    get showLabel(): boolean;
+    get buttonClasses(): {
+        [key: string]: boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonsV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonsV2Component, "ecabs-buttons-v2", never, { "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingStyle": { "alias": "loadingStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, {}, never, ["mat-icon", "*"], false, never>;
+}

package/lib/ecabs-buttons-v2/ecabs-buttons-v2.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-buttons-v2.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "../ecabs-loading/ecabs-loading.module";
+import * as i5 from "@angular/material/icon";
+export declare class EcabsButtonsV2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsButtonsV2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsButtonsV2Module, [typeof i1.ButtonsV2Component], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.EcabsLoadingModule, typeof i5.MatIconModule], [typeof i1.ButtonsV2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsButtonsV2Module>;
+}

package/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component.d.ts

@@ -1,18 +1,22 @@
 import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
 import * as i0 from "@angular/core";
 export declare class EcabsCheckboxToggleComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
     private readonly injector;
     private readonly destroyRef;
+    matCheckbox: MatCheckbox;
+    matSlideToggle: MatSlideToggle;
     type: 'checkbox' | 'toggle';
     text: string;
     readonly label: string;
     labelPosition: 'before' | 'after';
     indeterminate: boolean;
     checked: boolean;
-    click: EventEmitter<any>;
-    changed: EventEmitter<any>;
+    readonly click: EventEmitter<any>;
+    readonly changed: EventEmitter<any>;
     val: boolean;
     get value(): boolean;
     set value(val: boolean);

package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, DestroyRef, EventEmitter, Injector } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import EcabsElementBaseComponent from '../base/element-base';
+import * as i0 from "@angular/core";
+export declare class EcabsCheckboxV2Component extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+    private readonly injector;
+    private readonly destroyRef;
+    label: string;
+    showLabel: boolean;
+    set checked(value: boolean);
+    readonly checkboxChanged: EventEmitter<boolean>;
+    val: boolean;
+    get value(): boolean;
+    get hasError(): boolean;
+    set value(value: boolean);
+    constructor(injector: Injector, destroyRef: DestroyRef);
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    ngAfterViewInit(): void;
+    toggle(event: MatCheckboxChange): void;
+    onRowClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onBlur(): void;
+    writeValue(value: boolean | null | undefined): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsCheckboxV2Component, "ecabs-checkbox-v2", never, { "label": { "alias": "label"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkboxChanged": "checkboxChanged"; }, never, never, false, never>;
+}

package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-checkbox-v2.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../base/element-wrapper/element-wrapper.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/checkbox";
+export declare class EcabsCheckboxV2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxV2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsCheckboxV2Module, [typeof i1.EcabsCheckboxV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.FormsModule, typeof i5.MatIconModule, typeof i6.MatCheckboxModule], [typeof i1.EcabsCheckboxV2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsCheckboxV2Module>;
+}

package/lib/ecabs-chip-autocomplete/ecabs-chip-autocomplete.component.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { SelectOption } from '../base/models/select.models';
+import EcabsElementBaseComponent from '../base/element-base';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import * as i0 from "@angular/core";
+export declare class EcabsChipAutocompleteComponent<T = unknown> extends EcabsElementBaseComponent implements ControlValueAccessor, OnChanges {
+    private readonly document;
+    private readonly inputRef?;
+    visibleOptions: number;
+    autoActiveFirstOption: boolean;
+    noResultsText: string;
+    loadingText: string;
+    compareFn: (a: T, b: T) => boolean;
+    avatarTemplate: TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | null;
+    truncateAt: number;
+    suppressNextTermOnRefocus: boolean;
+    useExternalFilter: boolean;
+    set options(value: SelectOption<T>[] | null);
+    readonly selectionChange: EventEmitter<T[]>;
+    readonly termChange: EventEmitter<string>;
+    protected readonly inputControl: FormControl<string>;
+    private readonly normalizedTerm$;
+    private readonly _loading;
+    private readonly _options;
+    private readonly _values;
+    private readonly _suppressNextTermOnRefocus;
+    private readonly _term;
+    private readonly destroyRef;
+    protected readonly overlayPanelClass = "ecabs-chip-autocomplete-overlay-panel";
+    protected readonly selectedOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    protected readonly filteredOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    protected readonly noMatchResult: import("@angular/core").Signal<boolean>;
+    get options(): SelectOption<T>[] | null;
+    constructor(document: Document);
+    ngOnChanges(changes: SimpleChanges): void;
+    setOverlayHeight(): void;
+    setSelection(event: MatAutocompleteSelectedEvent): void;
+    removeSelection(option: SelectOption<T>): void;
+    trackByFn(_index: number, option: SelectOption<T>): T | number;
+    writeValue(value: T[] | null): void;
+    registerOnChange(fn: typeof this.onChange): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    blur(): void;
+    private onChange;
+    private onTouched;
+    private updateValues;
+    private clearAndRefocusInput;
+    private setValidSelectedOptions;
+    private setFilteredOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipAutocompleteComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipAutocompleteComponent<any>, "ecabs-chip-autocomplete", never, { "visibleOptions": { "alias": "visibleOptions"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; "avatarTemplate": { "alias": "avatarTemplate"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; "suppressNextTermOnRefocus": { "alias": "suppressNextTermOnRefocus"; "required": false; }; "useExternalFilter": { "alias": "useExternalFilter"; "required": false; }; "options": { "alias": "options"; "required": true; }; }, { "selectionChange": "selectionChange"; "termChange": "termChange"; }, never, never, true, never>;
+}

package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SelectOption } from '../base/models/select.models';
+import * as i0 from "@angular/core";
+export declare class EcabsChipGroupComponent<T = unknown> implements ControlValueAccessor {
+    options: SelectOption<T>[];
+    multiple: boolean;
+    disableRipple: boolean;
+    truncateAt: number;
+    compareFn: (a: T, b: T) => boolean;
+    trackByFn: (index: number, option: SelectOption<T>) => unknown;
+    selectedChange: EventEmitter<T | T[]>;
+    protected readonly _value: import("@angular/core").WritableSignal<T | T[]>;
+    protected readonly isDisabled: import("@angular/core").WritableSignal<boolean>;
+    chipValueChange(value: T | T[]): void;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: typeof this.onChange): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private onChange;
+    private onTouched;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
+}

package/lib/ecabs-chip-group/ecabs-chip-group.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-chip-group.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/chips";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../base/pipes/pipes.module";
+export declare class EcabsChipGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsChipGroupModule, [typeof i1.EcabsChipGroupComponent], [typeof i2.CommonModule, typeof i3.MatChipsModule, typeof i4.FormsModule, typeof i5.MatTooltipModule, typeof i6.EcabsPipesModule], [typeof i1.EcabsChipGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsChipGroupModule>;
+}

package/lib/ecabs-date-picker/ecabs-date-picker.component.d.ts

@@ -5,6 +5,7 @@ import { EcabsDatePickerHolidayOptions, EcabsDatePickerTranslations } from '../b
 import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
 import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDatePickerHeaderComponent } from './components/ecabs-date-picker-header/ecabs-date-picker-header.component';
+import { MatDatepicker } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
 export declare class EcabsDatePickerComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
@@ -20,9 +21,11 @@ export declare class EcabsDatePickerComponent extends EcabsElementBaseComponent
     specificDates: Date[];
     holidayOptions: EcabsDatePickerHolidayOptions;
     onblur: EventEmitter<any>;
+    datepicker: MatDatepicker<any> | undefined;
     val: string | number;
     header: typeof EcabsDatePickerHeaderComponent;
     translationConfig: EcabsDatePickerTranslations;
+    disabledApplyButton: boolean;
     get value(): string | number;
     set value(val: string | number);
     constructor(injector: Injector, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);

package/lib/ecabs-date-picker-actions/ecabs-date-picker-actions.component.d.ts

@@ -3,7 +3,9 @@ import * as i0 from "@angular/core";
 export declare class EcabsDatePickerActionsComponent {
     cancelLabel: string;
     applyLabel: string;
+    isDateRange: boolean;
+    disabledApplyButton: boolean;
     readonly apply: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerActionsComponent, "ecabs-date-picker-actions", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; }, { "apply": "apply"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerActionsComponent, "ecabs-date-picker-actions", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "isDateRange": { "alias": "isDateRange"; "required": false; }; "disabledApplyButton": { "alias": "disabledApplyButton"; "required": false; }; }, { "apply": "apply"; }, never, never, false, never>;
 }

package/lib/ecabs-date-range-picker/ecabs-date-range-picker.component.d.ts

@@ -5,6 +5,7 @@ import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-tr
 import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
 import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateRangePickerHeaderComponent } from './components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component';
+import { MatDateRangePicker } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
 export declare class EcabsDateRangePickerComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
@@ -22,10 +23,12 @@ export declare class EcabsDateRangePickerComponent extends EcabsElementBaseCompo
         dateFrom: string;
         dateTo: string;
     };
+    datepicker: MatDateRangePicker<any> | undefined;
     header: typeof EcabsDateRangePickerHeaderComponent;
     _dateFrom: string;
     _dateTo: string;
     translationConfig: EcabsDatePickerTranslations;
+    disabledApplyButton: boolean;
     get value(): {
         dateFrom: string;
         dateTo: string;

package/lib/ecabs-date-range-picker-v2/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component.d.ts

@@ -0,0 +1,9 @@
+import { EcabsDatePickerHeaderService } from '../../../base/services/ecabs-date-picker-translations.service';
+import * as i0 from "@angular/core";
+export declare class EcabsDateRangePickerHeaderComponentV2 {
+    readonly ecabsDatePickerHeaderService: EcabsDatePickerHeaderService;
+    selectDateLabel: string;
+    constructor(ecabsDatePickerHeaderService: EcabsDatePickerHeaderService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerHeaderComponentV2, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerHeaderComponentV2, "ecabs-date-range-picker-header-v2", never, { "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component.d.ts

@@ -0,0 +1,69 @@
+import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { MatDateRangePicker } from '@angular/material/datepicker';
+import EcabsElementBaseComponent from '../base/element-base';
+import { EcabsDatePickerHolidayOptions, EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { EcabsDateRangePickerHeaderComponentV2 } from './components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component';
+import * as i0 from "@angular/core";
+export declare class EcabsDateRangePickerComponentV2 extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit, OnChanges {
+    private readonly injector;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly destroyRef;
+    minDate: Date;
+    maxDate: Date;
+    touchUi: boolean;
+    cancelLabel: string;
+    applyLabel: string;
+    startDatePlaceholder: string;
+    endDatePlaceholder: string;
+    separatorLabel: string;
+    excludeHolidays: boolean;
+    excludeWeekends: boolean;
+    specificDates: Date[];
+    holidayOptions: EcabsDatePickerHolidayOptions;
+    onblur: EventEmitter<any>;
+    val: {
+        dateFrom: string;
+        dateTo: string;
+    };
+    pickerTo: MatDateRangePicker<any> | undefined;
+    header: typeof EcabsDateRangePickerHeaderComponentV2;
+    _dateFrom: string;
+    _dateTo: string;
+    translationConfig: EcabsDatePickerTranslations;
+    minDateFrom?: Date;
+    maxDateFrom?: Date;
+    minDateTo?: Date;
+    maxDateTo?: Date;
+    protected readonly panelClass = "ecabs-date-range-picker-v2";
+    private holidayInstance;
+    get value(): {
+        dateFrom: string;
+        dateTo: string;
+    };
+    get dateFrom(): string;
+    get dateTo(): string;
+    set value(val: {
+        dateFrom: string;
+        dateTo: string;
+    });
+    set dateFrom(val: string);
+    set dateTo(val: string);
+    constructor(injector: Injector, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, destroyRef: DestroyRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onChange: any;
+    onTouch: any;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    blurChange(e: any): void;
+    onApply(): void;
+    filterDateRange: (date: Date) => boolean;
+    isDateNotHoliday(date: Date): boolean;
+    dateRangeValidator(control: UntypedFormControl): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerComponentV2, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerComponentV2, "ecabs-date-range-picker-v2", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; }; "separatorLabel": { "alias": "separatorLabel"; "required": false; }; "excludeHolidays": { "alias": "excludeHolidays"; "required": false; }; "excludeWeekends": { "alias": "excludeWeekends"; "required": false; }; "specificDates": { "alias": "specificDates"; "required": false; }; "holidayOptions": { "alias": "holidayOptions"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+}

package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.module.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-date-range-picker-v2.component";
+import * as i2 from "./components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../base/element-wrapper/element-wrapper.module";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/datepicker";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/forms";
+import * as i9 from "../ecabs-picker-header/ecabs-picker-header.module";
+import * as i10 from "../ecabs-buttons/ecabs-buttons.module";
+import * as i11 from "../base/directives/digits-only.directive.module";
+import * as i12 from "../base/directives/number-border.directive.module";
+import * as i13 from "../base/directives/date-mask.directive.module";
+import * as i14 from "@angular/material/input";
+import * as i15 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
+export declare class EcabsDateRangeModuleV2 {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangeModuleV2, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDateRangeModuleV2, [typeof i1.EcabsDateRangePickerComponentV2, typeof i2.EcabsDateRangePickerHeaderComponentV2], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.EcabsDigitsOnlyDirectivesModule, typeof i12.EcabsNumberBorderDirectiveModule, typeof i13.EcabsMaskDateDirectiveModule, typeof i14.MatInputModule, typeof i15.EcabsDatePickerActionsModule], [typeof i1.EcabsDateRangePickerComponentV2, typeof i2.EcabsDateRangePickerHeaderComponentV2]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDateRangeModuleV2>;
+}

package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts

@@ -1,11 +1,12 @@
 import { DecimalPipe } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
 import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
 import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateTimePickerHeaderComponent } from './components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
+import { MatDatepicker } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
 export declare class EcabsDateTimePickerComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
@@ -13,6 +14,8 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     private readonly cd;
     private readonly ecabsDatePickerHeaderService;
     private readonly unsubscribeService;
+    matCustomInput: ElementRef;
+    matCustomPicker: MatDatepicker<Date>;
     minDate: Date;
     maxDate: Date;
     touchUi: boolean;
@@ -20,11 +23,14 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     cancelLabel: string;
     applyLabel: string;
     applyMinDateAuto: boolean;
-    onblur: EventEmitter<any>;
+    /** When true, preserves the original value (with timezone) if user hasn't changed the date/time */
+    preserveOriginalValue: boolean;
     _hours: string;
     _minutes: string;
     _seconds: string;
     _date: Date;
+    /** Stores the original input value to preserve string format with timezone */
+    private _originalValue;
     _pickerValue: string;
     val: Date;
     header: typeof EcabsDateTimePickerHeaderComponent;
@@ -33,6 +39,7 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     preventCallSetterPickerValue: boolean;
     runTimeout: boolean;
     translationConfig: EcabsDatePickerTranslations;
+    isEmptyFormat: any;
     get value(): Date;
     get pickerValue(): string;
     get hours(): string;
@@ -51,12 +58,13 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    blurChange(e: any): void;
     onApply(): void;
     refreshPickerValue(date: Date): void;
     private formatDateTime;
-    private roundNumber;
+    private normalizeWithAutoPad;
+    private toDigits;
+    private formatTwoDigits;
     private setValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideSeconds": { "alias": "hideSeconds"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "applyMinDateAuto": { "alias": "applyMinDateAuto"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideSeconds": { "alias": "hideSeconds"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "applyMinDateAuto": { "alias": "applyMinDateAuto"; "required": false; }; "preserveOriginalValue": { "alias": "preserveOriginalValue"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-date-time-picker/ecabs-date-time-picker.module.d.ts

@@ -13,8 +13,9 @@ import * as i11 from "../base/directives/digits-only.directive.module";
 import * as i12 from "../base/directives/number-border.directive.module";
 import * as i13 from "../base/directives/date-mask.directive.module";
 import * as i14 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
+import * as i15 from "@angular/material/form-field";
 export declare class EcabsDatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.EcabsDigitsOnlyDirectivesModule, typeof i12.EcabsNumberBorderDirectiveModule, typeof i13.EcabsMaskDateDirectiveModule, typeof i14.EcabsDatePickerActionsModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.EcabsDigitsOnlyDirectivesModule, typeof i12.EcabsNumberBorderDirectiveModule, typeof i13.EcabsMaskDateDirectiveModule, typeof i14.EcabsDatePickerActionsModule, typeof i15.MatFormFieldModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatetimePickerModule>;
 }