@tetacom/ng-components 1.0.148 → 1.0.149

package/common/model/view-type.model.d.ts

@@ -0,0 +1 @@
+export declare type viewType = 'brick' | 'rounded' | 'circle';

package/component/accordion/accordion-item/accordion-item.component.d.ts

@@ -1,17 +1,20 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { AccordionContentDirective } from '../accordion-content.directive';
 import { AccordionComponent } from '../accordion/accordion.component';
+import { viewType } from "../../../common/model/view-type.model";
 import * as i0 from "@angular/core";
 export declare class AccordionItemComponent implements OnInit {
     private cdr$;
     content: AccordionContentDirective;
     open: boolean;
     disabled: boolean;
+    viewType: viewType;
     private readonly accordionItemClass;
+    get class(): string;
     private readonly accordion$;
     constructor(accordion: AccordionComponent, cdr$: ChangeDetectorRef);
     toggle(): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "teta-accordion-item", never, { "open": "open"; "disabled": "disabled"; }, {}, ["content"], ["teta-accordion-head"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "teta-accordion-item", never, { "open": "open"; "disabled": "disabled"; "viewType": "viewType"; }, {}, ["content"], ["teta-accordion-head"], false>;
 }

package/component/avatar/avatar/avatar.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { viewType } from 'projects/components/src/common/model/view-type.model';
+import { AvatarColorEnum } from '../model/avatar-color.enum';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent implements OnInit {
+    photo?: string | ArrayBuffer;
+    name?: string;
+    id?: number;
+    viewType?: viewType;
+    size?: '24' | '28' | '32' | '44' | '64' | '128' | '200';
+    get avatar(): string;
+    colorMap: Map<AvatarColorEnum, string>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "teta-avatar", never, { "photo": "photo"; "name": "name"; "id": "id"; "viewType": "viewType"; "size": "size"; }, {}, never, never, false>;
+}

package/component/avatar/avatar.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./avatar/avatar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+export declare class AvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, [typeof i1.AvatarComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
+}

package/component/avatar/model/avatar-color.enum.d.ts

@@ -0,0 +1,20 @@
+export declare enum AvatarColorEnum {
+    vibrant = 0,
+    nebula = 1,
+    gorgonzola = 2,
+    lagoon = 3,
+    lime = 4,
+    pumpkin = 5,
+    vanity = 6,
+    navy = 7,
+    turquoise = 8,
+    greyish = 9,
+    heart = 10,
+    gloomy = 11,
+    rockman = 12,
+    hair = 13,
+    cerise = 14,
+    iris = 15,
+    caribbean = 16,
+    poisonous = 17
+}

package/component/avatar/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './avatar.module';
+export * from './avatar/avatar.component';

package/component/button/button/button.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit } from '@angular/core';
+import { viewType } from "../../../common/model/view-type.model";
 import * as i0 from "@angular/core";
 export declare type ButtonViewType = 'primary' | 'outline' | 'ghost';
 export declare class ButtonComponent implements OnInit {
@@ -6,9 +7,11 @@ export declare class ButtonComponent implements OnInit {
     class: any;
     view: ButtonViewType;
     square: boolean;
+    viewType: viewType;
+    size: 'm' | 'l';
     private get getClass();
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[teta-button], teta-button", never, { "palette": "palette"; "class": "class"; "view": "view"; "square": "square"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[teta-button], teta-button", never, { "palette": "palette"; "class": "class"; "view": "view"; "square": "square"; "viewType": "viewType"; "size": "size"; }, {}, never, ["*"], false>;
 }

package/component/checkbox/checkbox/checkbox.component.d.ts

@@ -21,6 +21,7 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit {
      * true/false или list
      */
     binary: boolean;
+    labelPosition: 'left' | 'right';
     allowNull: boolean;
     checked: boolean;
     /**
@@ -42,5 +43,5 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit {
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "teta-checkbox", never, { "class": "class"; "palette": "palette"; "noLabel": "noLabel"; "disabled": "disabled"; "value": "value"; "binary": "binary"; "allowNull": "allowNull"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "teta-checkbox", never, { "class": "class"; "palette": "palette"; "noLabel": "noLabel"; "disabled": "disabled"; "value": "value"; "binary": "binary"; "labelPosition": "labelPosition"; "allowNull": "allowNull"; }, {}, never, ["*"], false>;
 }

package/component/date-picker/base-calendar.d.ts

@@ -0,0 +1,49 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
+import { BehaviorSubject, ReplaySubject } from "rxjs";
+import { Dayjs } from "dayjs";
+import { viewType } from "../../common/model/view-type.model";
+import { MinMaxDateModel } from "./model/min-max-date.model";
+import { DayModel } from "./model/day-model";
+import * as i0 from "@angular/core";
+export declare abstract class BaseCalendar implements OnChanges, OnDestroy {
+    protected _cdr: ChangeDetectorRef;
+    abstract selectedDate: any;
+    abstract locale: string;
+    abstract open: boolean;
+    abstract viewType: viewType;
+    abstract min: Date | string | number;
+    abstract isDateNull: boolean;
+    abstract max: Date | string | number;
+    abstract setDate: EventEmitter<Date>;
+    currentMonth: ReplaySubject<number>;
+    minMax: ReplaySubject<MinMaxDateModel>;
+    currentYear: ReplaySubject<number>;
+    selectedPicker: BehaviorSubject<'day' | 'month' | 'year'>;
+    abstract calendar: DayModel[] | {
+        currentMonth: DayModel[];
+        nextMonth: DayModel[];
+    };
+    localeMonths: Map<any, any>;
+    alive: boolean;
+    protected constructor(_cdr: ChangeDetectorRef);
+    generateCalendar(selectedDate: Dayjs, year: number, month: number, minMax: MinMaxDateModel): DayModel[];
+    isSuitableMinDate(d: Date, minDate: Date | string | number): boolean;
+    isSuitableMaxDate(d: Date, maxDate: Date | string | number): boolean;
+    isSelected(date: Date, selectedDate: Date): boolean;
+    ngOnDestroy(): void;
+    selectPicker(entity: "day" | "month" | "year"): void;
+    selectMonth(month: number): void;
+    selectYear(year: number): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    changeCalendarData(selectedDate: Date | number | string): void;
+    setYear(year: number): void;
+    changeMonth(month: number, year: number): void;
+    getAvailableMonthYear(month: number, year: number): {
+        availableMonth: number;
+        availableYear: number;
+    };
+    getMothName(month: number): any;
+    selectDate(date: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseCalendar, "ng-component", never, {}, {}, never, never, false>;
+}

package/component/date-picker/base-picker.d.ts

@@ -0,0 +1,60 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
+import { Align } from "../../common/enum/align.enum";
+import { VerticalAlign } from "../../common/enum/vertical-align.enum";
+import { ReplaySubject } from "rxjs";
+import { MaskitoOptions } from "@maskito/core";
+import { viewType } from "../../common/model/view-type.model";
+import { DatePipe } from "@angular/common";
+import { DateFromToModel } from "./model/from-to.model";
+export declare abstract class BasePicker {
+    protected _elementRef: ElementRef;
+    protected _cdr: ChangeDetectorRef;
+    protected datePipe: DatePipe;
+    abstract mask: string;
+    abstract date: any;
+    abstract locale: string;
+    abstract showTime: boolean;
+    abstract minDate: Date | string | number;
+    abstract maxDate: Date | string | number;
+    abstract invalid: boolean;
+    abstract disabled: boolean;
+    abstract align: Align;
+    abstract verticalAlign: VerticalAlign;
+    abstract viewType: viewType;
+    abstract appendToBody: boolean;
+    abstract backdrop: boolean;
+    abstract allowNull: boolean;
+    abstract input: ElementRef;
+    abstract selectDate: EventEmitter<Date | DateFromToModel>;
+    open: boolean;
+    abstract selectedDate: ReplaySubject<any>;
+    placeholder: string;
+    inputText: string;
+    maskitoOptions: MaskitoOptions;
+    protected constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, datePipe: DatePipe);
+    abstract onChange(date: Date): any;
+    abstract prepareInput(): any;
+    abstract onBlur(): any;
+    abstract setDate(date: any): any;
+    changeInput(v: any): void;
+    changePlaceholder(value: string): void;
+    openChange(e: boolean): void;
+    checkNull(): string;
+    openPicker: (show: boolean) => void;
+    changeSelectedDate(date: any, selectedDate?: any): void;
+    emitValue(value: any): void;
+    checkEnter(e: any): void;
+    isAvailableLength(val: string, length: number): boolean;
+    getDateFromStr(str: string, separator?: string): {
+        day: number;
+        month: number;
+        year: number;
+    };
+    getTimeFromStr(str: string, separator?: string): {
+        hours: number;
+        mins: number;
+    };
+    focus(): void;
+    getLocaleString(date: Date | number | string): string;
+    getAvailableDate(min: Date | number | string, max: Date | number | string, date: Date | number | string): Date;
+}

package/component/date-picker/date-picker/date-calendar/date-calendar.component.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { viewType } from "../../../../common/model/view-type.model";
+import { BaseCalendar } from "../../base-calendar";
+import { DayModel } from "../../model/day-model";
+import * as i0 from "@angular/core";
+export declare class DateCalendarComponent extends BaseCalendar implements OnChanges, OnDestroy {
+    _cdr: ChangeDetectorRef;
+    selectedDate: Date | string | number;
+    locale: string;
+    open: boolean;
+    viewType: viewType;
+    min: Date | string | number;
+    isDateNull: boolean;
+    max: Date | string | number;
+    setDate: EventEmitter<Date>;
+    calendar: DayModel[];
+    constructor(_cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateCalendarComponent, "teta-date-calendar", never, { "selectedDate": "selectedDate"; "locale": "locale"; "open": "open"; "viewType": "viewType"; "min": "min"; "isDateNull": "isDateNull"; "max": "max"; }, { "setDate": "setDate"; }, never, never, false>;
+}

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

@@ -1,80 +1,50 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { DatePeriod } from '../model/date-period';
-import { DatePickerMode } from '../model/date-picker-mode.enum';
-import { Align } from '../../../common/enum/align.enum';
-import { VerticalAlign } from '../../../common/enum/vertical-align.enum';
-import { TetaLocalisation } from '../../../locale/teta-localisation';
-import { TetaConfigService } from '../../../locale/teta-config.service';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { viewType } from "../../../common/model/view-type.model";
+import { ControlValueAccessor } from "@angular/forms";
+import { Align } from "../../../common/enum/align.enum";
+import { VerticalAlign } from "../../../common/enum/vertical-align.enum";
+import { DatePipe } from "@angular/common";
+import { BasePicker } from "../base-picker";
+import { ReplaySubject } from 'rxjs';
+import { DatePeriod } from "../model/date-period";
 import * as i0 from "@angular/core";
 export declare const DATE_PICKER_CONTROL_VALUE_ACCESSOR: any;
-export declare class DatePickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    localeService: TetaConfigService;
-    private _cdr;
-    private _elementRef;
-    disabled: boolean;
+export declare class DatePickerComponent extends BasePicker implements OnInit, ControlValueAccessor {
+    _elementRef: ElementRef;
+    _cdr: ChangeDetectorRef;
+    datePipe: DatePipe;
+    date: Date | string | number;
+    locale: string;
+    showTime: boolean;
+    minDate: Date | string | number;
+    maxDate: Date | string | number;
     invalid: boolean;
+    disabled: boolean;
+    align: Align;
+    verticalAlign: VerticalAlign;
+    viewType: viewType;
+    appendToBody: boolean;
+    backdrop: boolean;
+    allowNull: boolean;
     firstDayOfWeek: number;
     disabledDates: Date[];
     disabledPeriods: DatePeriod[];
     disabledDays: number[];
-    minDate: Date;
-    maxDate: Date;
     minYearDate: Date;
     maxYearDate: Date;
-    align: Align;
-    verticalAlign: VerticalAlign;
-    appendToBody: boolean;
-    allowNull: boolean;
-    backdrop: boolean;
-    showTime: boolean;
-    set format(val: string);
-    get format(): string;
-    open: boolean;
-    private readonly classDatepicker;
-    private readonly tabindex;
-    locale: TetaLocalisation;
-    today: Date;
-    datePickerModeEnum: typeof DatePickerMode;
-    displayMode: DatePickerMode;
-    _format: string;
-    _value: Date | null;
-    _currentValue: Date;
-    private _alive;
-    get value(): Date | null;
-    set value(v: Date | null);
-    get currentValue(): Date;
-    set currentValue(date: Date);
-    get internalValue(): Date;
-    constructor(localeService: TetaConfigService, _cdr: ChangeDetectorRef, _elementRef: ElementRef);
-    keyUp(event: KeyboardEvent): void;
-    writeValue(value: any): void;
-    onChange: (_: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: (_: any) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
+    input: ElementRef;
+    selectDate: EventEmitter<Date>;
+    selectedDate: ReplaySubject<Date | string | number>;
+    mask: string;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, datePipe: DatePipe);
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    applyValue(date: Date): void;
-    setDate: (day: Date) => void;
-    setYear: (year: number) => void;
-    setMonth: (month: number) => void;
-    setHour: (hours: number) => void;
-    setMinute: (minute: number) => void;
-    setSecond: (seconds: number) => void;
-    setToday: () => void;
-    clearPicker: (event: MouseEvent) => void;
-    isDateInDisabledPeriod: (dat: Date) => boolean;
-    isScrollIgnored: () => boolean;
-    scrollMonth: (e: any) => boolean;
-    scrollYear: (e: any) => boolean;
-    openPicker: (show: boolean) => void;
-    closePicker: () => void;
-    preventEvent: (event: any) => boolean;
-    focus(): void;
-    setMode(mode: DatePickerMode): void;
-    private emptyDate;
+    prepareInput(): void;
+    onBlur(): void;
+    setDate(date: any): void;
+    onChange(date: Date): void;
+    registerOnChange(fn: (date: Date) => any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(obj: Date | string | number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "teta-date-picker", never, { "disabled": "disabled"; "invalid": "invalid"; "firstDayOfWeek": "firstDayOfWeek"; "disabledDates": "disabledDates"; "disabledPeriods": "disabledPeriods"; "disabledDays": "disabledDays"; "minDate": "minDate"; "maxDate": "maxDate"; "minYearDate": "minYearDate"; "maxYearDate": "maxYearDate"; "align": "align"; "verticalAlign": "verticalAlign"; "appendToBody": "appendToBody"; "allowNull": "allowNull"; "backdrop": "backdrop"; "showTime": "showTime"; "format": "format"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "teta-date-picker", never, { "date": "date"; "locale": "locale"; "showTime": "showTime"; "minDate": "minDate"; "maxDate": "maxDate"; "invalid": "invalid"; "disabled": "disabled"; "align": "align"; "verticalAlign": "verticalAlign"; "viewType": "viewType"; "appendToBody": "appendToBody"; "backdrop": "backdrop"; "allowNull": "allowNull"; "firstDayOfWeek": "firstDayOfWeek"; "disabledDates": "disabledDates"; "disabledPeriods": "disabledPeriods"; "disabledDays": "disabledDays"; "minYearDate": "minYearDate"; "maxYearDate": "maxYearDate"; }, { "selectDate": "selectDate"; }, never, never, false>;
 }

package/component/date-picker/date-picker.module.d.ts

@@ -1,20 +1,24 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./date-picker/date-picker.component";
-import * as i2 from "./month-picker/month-picker.component";
-import * as i3 from "./day-select/day-select.component";
-import * as i4 from "./year-select/year-select.component";
-import * as i5 from "./month-select/month-select.component";
-import * as i6 from "./time-part-control/time-part-control.component";
-import * as i7 from "@angular/common";
-import * as i8 from "../dropdown/dropdown.module";
-import * as i9 from "../../directive/click-outside/click-outside.module";
-import * as i10 from "@angular/forms";
-import * as i11 from "../icon/icon.module";
-import * as i12 from "../../pipe/prepend-zero/prepend-zero.module";
-import * as i13 from "../button/button.module";
-import * as i14 from "../../directive/only-number/only-number.module";
+import * as i1 from "./date-picker/date-calendar/date-calendar.component";
+import * as i2 from "./day-picker/day-picker.component";
+import * as i3 from "./date-picker/date-picker.component";
+import * as i4 from "./date-range/range-calendar/range-calendar.component";
+import * as i5 from "./day-picker/day-item/day-item.component";
+import * as i6 from "./month-picker/month-picker.component";
+import * as i7 from "./year-picker/scroll-to-selected-year.directive";
+import * as i8 from "./year-picker/year-picker.component";
+import * as i9 from "./date-range/date-range.component";
+import * as i10 from "@angular/common";
+import * as i11 from "../dropdown/dropdown.module";
+import * as i12 from "../button/button.module";
+import * as i13 from "@angular/forms";
+import * as i14 from "@maskito/angular";
+import * as i15 from "../icon/icon.module";
+import * as i16 from "../input/input.module";
+import * as i17 from "../../directive/scroll-into-view/scroll-into-view.module";
+import * as i18 from "../../directive/click-outside/click-outside.module";
 export declare class DatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DatePickerComponent, typeof i2.MonthPickerComponent, typeof i3.DaySelectComponent, typeof i4.YearSelectComponent, typeof i5.MonthSelectComponent, typeof i6.TimePartControlComponent], [typeof i7.CommonModule, typeof i8.DropdownModule, typeof i9.ClickOutsideModule, typeof i10.FormsModule, typeof i11.IconModule, typeof i12.PrependZeroModule, typeof i13.ButtonModule, typeof i14.OnlyNumberModule], [typeof i1.DatePickerComponent, typeof i2.MonthPickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DateCalendarComponent, typeof i2.DayPickerComponent, typeof i3.DatePickerComponent, typeof i4.RangeCalendarComponent, typeof i5.DayItemComponent, typeof i6.MonthPickerComponent, typeof i7.ScrollToSelectedYearDirective, typeof i8.YearPickerComponent, typeof i7.ScrollToSelectedYearDirective, typeof i9.DateRangeComponent], [typeof i10.CommonModule, typeof i11.DropdownModule, typeof i12.ButtonModule, typeof i13.FormsModule, typeof i14.MaskitoModule, typeof i15.IconModule, typeof i16.InputModule, typeof i17.ScrollIntoViewModule, typeof i18.ClickOutsideModule, typeof i13.ReactiveFormsModule], [typeof i3.DatePickerComponent, typeof i1.DateCalendarComponent, typeof i4.RangeCalendarComponent, typeof i9.DateRangeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
 }

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

@@ -0,0 +1,46 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { BasePicker } from "../base-picker";
+import { DatePipe } from "@angular/common";
+import { Align } from "../../../common/enum/align.enum";
+import { VerticalAlign } from "../../../common/enum/vertical-align.enum";
+import { viewType } from 'projects/components/src/common/model/view-type.model';
+import { ControlValueAccessor } from "@angular/forms";
+import { ReplaySubject } from "rxjs";
+import { DateFromToModel } from "../model/from-to.model";
+import * as i0 from "@angular/core";
+export declare const DATE_Range_CONTROL_VALUE_ACCESSOR: any;
+export declare class DateRangeComponent extends BasePicker implements OnInit, ControlValueAccessor {
+    _cdr: ChangeDetectorRef;
+    _elementRef: ElementRef;
+    datePipe: DatePipe;
+    date: DateFromToModel;
+    locale: string;
+    showTime: boolean;
+    minDate: Date | string | number;
+    maxDate: Date | string | number;
+    invalid: boolean;
+    disabled: boolean;
+    align: Align;
+    verticalAlign: VerticalAlign;
+    viewType: viewType;
+    appendToBody: boolean;
+    backdrop: boolean;
+    allowNull: boolean;
+    input: ElementRef;
+    selectDate: EventEmitter<DateFromToModel>;
+    mask: string;
+    selectedDate: ReplaySubject<DateFromToModel>;
+    constructor(_cdr: ChangeDetectorRef, _elementRef: ElementRef, datePipe: DatePipe);
+    changeSelectedDate(date: Date, selectedDate: DateFromToModel): void;
+    checkNull(): string;
+    prepareInput(): void;
+    onBlur(): void;
+    setDate(range: DateFromToModel): void;
+    writeValue(obj: DateFromToModel): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnInit(): void;
+    onChange(date: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "teta-date-range", never, { "date": "date"; "locale": "locale"; "showTime": "showTime"; "minDate": "minDate"; "maxDate": "maxDate"; "invalid": "invalid"; "disabled": "disabled"; "align": "align"; "verticalAlign": "verticalAlign"; "viewType": "viewType"; "appendToBody": "appendToBody"; "backdrop": "backdrop"; "allowNull": "allowNull"; }, { "selectDate": "selectDate"; }, never, never, false>;
+}

package/component/date-picker/date-range/range-calendar/range-calendar.component.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { DayModel } from '../../model/day-model';
+import { viewType } from "../../../../common/model/view-type.model";
+import { DateFromToModel } from "../../model/from-to.model";
+import { BaseCalendar } from "../../base-calendar";
+import * as i0 from "@angular/core";
+export declare class RangeCalendarComponent extends BaseCalendar implements OnChanges, OnDestroy {
+    _cdr: ChangeDetectorRef;
+    locale: string;
+    open: boolean;
+    date: DateFromToModel;
+    viewType: viewType;
+    allowNull: boolean;
+    selectedDate: DateFromToModel;
+    min: Date | string | number;
+    isDateNull: boolean;
+    max: Date | string | number;
+    hoveredDateChange: EventEmitter<Date>;
+    setDate: EventEmitter<Date>;
+    calendar: {
+        currentMonth: DayModel[];
+        nextMonth: DayModel[];
+    };
+    _hoveredDate: Date;
+    get hoveredDate(): Date;
+    set hoveredDate(e: Date);
+    constructor(_cdr: ChangeDetectorRef);
+    getFromTo(): {
+        from: any;
+        to: any;
+    };
+    isSelected(d: Date, selectedDate: Date): boolean;
+    checkSelected(date: Date, selectedDate: Date): boolean;
+    isFirstDaySuitable(m: number, y: number, max: Date): boolean;
+    isLastDaySuitable(m: number, y: number, min: Date): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangeCalendarComponent, "teta-range-calendar", never, { "locale": "locale"; "open": "open"; "date": "date"; "viewType": "viewType"; "allowNull": "allowNull"; "selectedDate": "selectedDate"; "min": "min"; "isDateNull": "isDateNull"; "max": "max"; }, { "hoveredDateChange": "hoveredDateChange"; "setDate": "setDate"; }, never, never, false>;
+}

package/component/date-picker/day-picker/day-item/day-item.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+import { DayModel } from 'projects/components/src/component/date-picker/model/day-model';
+import * as i0 from "@angular/core";
+export declare class DayItemComponent implements OnInit {
+    day: DayModel;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DayItemComponent, "teta-day-item", never, { "day": "day"; }, {}, never, never, false>;
+}

package/component/date-picker/day-picker/day-picker.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { viewType } from 'projects/components/src/common/model/view-type.model';
+import { DayModel } from "../model/day-model";
+import { DateFromToModel } from "../model/from-to.model";
+import * as i0 from "@angular/core";
+export declare class DayPickerComponent {
+    date: Date | string | number;
+    calendar: DayModel[];
+    viewType: viewType;
+    range?: DateFromToModel;
+    min: Date | string | number;
+    max: Date | string | number;
+    locale: string;
+    hoveredDate?: Date;
+    hoveredDateChange?: EventEmitter<Date>;
+    selectDate: EventEmitter<Date>;
+    daysOfWeek: Map<any, any>;
+    constructor();
+    isInRange(day: DayModel, from: Date | number | string, to: Date | number | string): boolean;
+    isHoveredRange(day: DayModel): boolean;
+    isActiveRange(day: DayModel): boolean;
+    pickDate(day: DayModel): void;
+    getRangeActiveClass(d: DayModel): "" | "datepicker-date_active-first" | "datepicker-date_active-second";
+    hover(date: Date): void;
+    getClassStaticItem(d: DayModel): "" | "datepicker-date_active-first" | "datepicker-date_active-second";
+    getClassHoveredItem(): "datepicker-date_active-first" | "datepicker-date_active-second";
+    getClassSelectedItem(d: DayModel): "" | "datepicker-date_active-first" | "datepicker-date_active-second";
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerComponent, "teta-day-picker", never, { "date": "date"; "calendar": "calendar"; "viewType": "viewType"; "range": "range"; "min": "min"; "max": "max"; "locale": "locale"; "hoveredDate": "hoveredDate"; }, { "hoveredDateChange": "hoveredDateChange"; "selectDate": "selectDate"; }, never, never, false>;
+}

package/component/date-picker/model/from-to.model.d.ts

@@ -0,0 +1,4 @@
+export interface DateFromToModel {
+    from: Date | string | number;
+    to: Date | string | number;
+}

package/component/date-picker/model/min-max-date.model.d.ts

@@ -0,0 +1,4 @@
+export interface MinMaxDateModel {
+    min: Date | string | number;
+    max: Date | string | number;
+}

package/component/date-picker/month-picker/month-picker.component.d.ts

@@ -1,54 +1,20 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { DatePickerMode } from '../model/date-picker-mode.enum';
-import { TetaLocalisation } from '../../../locale/teta-localisation';
-import { TetaConfigService } from '../../../locale/teta-config.service';
+import { EventEmitter, OnInit } from '@angular/core';
+import { IIdName } from "../../../common/contract/i-id-name";
+import { viewType } from "../../../common/model/view-type.model";
 import * as i0 from "@angular/core";
-export declare const MONTH_PICKER_CONTROL_VALUE_ACCESSOR: any;
-export declare class MonthPickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    localeService: TetaConfigService;
-    private _cdr;
-    disabled: boolean;
-    minDate: Date;
-    maxDate: Date;
-    showToday: boolean;
-    appendToBody: boolean;
-    showPicker: boolean;
-    private readonly classDatepicker;
-    private readonly tabindex;
-    datePickerModeEnum: typeof DatePickerMode;
-    locale: TetaLocalisation;
-    today: Date;
-    displayMode: DatePickerMode;
-    _value: Date | null;
-    _currentMonth: number | null;
-    _currentYear: number | null;
-    get value(): any;
-    set value(v: any);
-    get currentMonth(): number | null;
-    set currentMonth(v: number | null);
-    get currentYear(): number | null;
-    set currentYear(v: number | null);
-    private _alive;
-    constructor(localeService: TetaConfigService, _cdr: ChangeDetectorRef);
-    writeValue(value: any): void;
-    initPicker(date: Date): void;
-    setDefaults(): void;
-    clearPicker(): void;
-    onChange: (_: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: (_: any) => void): void;
-    registerOnTouched(fn: () => void): void;
+export declare class MonthPickerComponent implements OnInit {
+    locale: string;
+    selectedMonth: number;
+    viewType: viewType;
+    currentYear: number;
+    localeMoths: Map<string, string[]>;
+    selectMonth: EventEmitter<number>;
+    changeYear: EventEmitter<number>;
+    months: IIdName<any>[];
+    constructor();
+    pickMonth(monthId: number): void;
+    pickYear(year: number): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    isMinInvalid: (dat: Date) => boolean;
-    isMaxInvalid: (dat: Date) => boolean;
-    scrollMonth: (e: any) => void;
-    scrollYear: (e: any) => void;
-    setMonth: (month: number) => void;
-    setYear: (year: number) => void;
-    setToday: () => void;
-    setMode(mode: DatePickerMode): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerComponent, "teta-month-picker", never, { "disabled": "disabled"; "minDate": "minDate"; "maxDate": "maxDate"; "showToday": "showToday"; "appendToBody": "appendToBody"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerComponent, "teta-month-picker", never, { "locale": "locale"; "selectedMonth": "selectedMonth"; "viewType": "viewType"; "currentYear": "currentYear"; "localeMoths": "localeMoths"; }, { "selectMonth": "selectMonth"; "changeYear": "changeYear"; }, never, never, false>;
 }