@taiga-ui/kit 2.30.0 → 2.34.0

package/fesm5/taiga-ui-kit-components-input-date-range.js

@@ -1,27 +1,48 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { ALWAYS_FALSE_HANDLER, TuiMonth, TUI_FIRST_DAY, TUI_LAST_DAY, changeDateSeparator, nullableSame, DATE_RANGE_FILLER_LENGTH, TuiDayRange, DATE_FILLER_LENGTH, RANGE_SEPARATOR_CHAR, setNativeFocused, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiActiveZoneModule, TuiLetModule } from '@taiga-ui/cdk';
-import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiTextfieldExampleTextDirective, TUI_TEXTFIELD_EXAMPLE_TEXT, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiHostedDropdownModule, TuiSvgModule } from '@taiga-ui/core';
+import { AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR, ALWAYS_FALSE_HANDLER, TuiMonth, TUI_FIRST_DAY, TUI_LAST_DAY, changeDateSeparator, nullableSame, DATE_RANGE_FILLER_LENGTH, TuiDayRange, DATE_FILLER_LENGTH, RANGE_SEPARATOR_CHAR, setNativeFocused, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, AbstractTuiNullableControl, TuiActiveZoneModule, TuiLetModule } from '@taiga-ui/cdk';
+import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiTextfieldExampleTextDirective, TUI_TEXTFIELD_EXAMPLE_TEXT, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiHostedDropdownModule, TuiSvgModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { MAX_DAY_RANGE_LENGTH_MAPPER, EMPTY_MASK } from '@taiga-ui/kit/constants';
-import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { TUI_MOBILE_CALENDAR, TUI_DATE_TEXTS, TUI_CALENDAR_DATA_STREAM } from '@taiga-ui/kit/tokens';
+import { TUI_CALENDAR_DATA_STREAM, TUI_DATE_RANGE_VALUE_TRANSFORMER, TUI_MOBILE_CALENDAR, TUI_DATE_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiCreateDateRangeMask, tuiCreateAutoCorrectedDateRangePipe } from '@taiga-ui/kit/utils/mask';
-import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { Observable } from 'rxjs';
 import { map, takeUntil } from 'rxjs/operators';
+import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { CommonModule } from '@angular/common';
 import { TuiCalendarRangeModule } from '@taiga-ui/kit/components/calendar-range';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
 // TODO: remove in ivy compilation
-var RANGE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;
+var RANGE_STREAM_FACTORY = function (control, valueTransformer) { return TuiReplayControlValueChangesFactory(control, valueTransformer); };
+var TUI_INPUT_DATE_RANGE_PROVIDERS = [
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputDateRangeComponent; }),
+    },
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiInputDateRangeComponent; }),
+    },
+    {
+        provide: TUI_CALENDAR_DATA_STREAM,
+        deps: [
+            [new Optional(), new Self(), NgControl],
+            [new Optional(), forwardRef(function () { return TUI_DATE_RANGE_VALUE_TRANSFORMER; })],
+        ],
+        useFactory: RANGE_STREAM_FACTORY,
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
+// @dynamic
 var TuiInputDateRangeComponent = /** @class */ (function (_super) {
     __extends(TuiInputDateRangeComponent, _super);
-    function TuiInputDateRangeComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, textfieldExampleText, dateFormat, dateSeparator, dateTexts$) {
-        var _this = _super.call(this, control, changeDetectorRef) || this;
+    function TuiInputDateRangeComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, textfieldExampleText, dateFormat, dateSeparator, dateTexts$, valueTransformer) {
+        var _this = _super.call(this, control, changeDetectorRef, valueTransformer) || this;
         _this.injector = injector;
         _this.isMobile = isMobile;
         _this.dialogService = dialogService;
@@ -31,6 +52,7 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         _this.dateFormat = dateFormat;
         _this.dateSeparator = dateSeparator;
         _this.dateTexts$ = dateTexts$;
+        _this.valueTransformer = valueTransformer;
         _this.textMaskOptions = {
             mask: tuiCreateDateRangeMask(_this.dateFormat, _this.dateSeparator),
             pipe: tuiCreateAutoCorrectedDateRangePipe(_this),
@@ -51,7 +73,6 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         }));
         return _this;
     }
-    TuiInputDateRangeComponent_1 = TuiInputDateRangeComponent;
     Object.defineProperty(TuiInputDateRangeComponent.prototype, "nativeFocusableElement", {
         get: function () {
             return this.textfield ? this.textfield.nativeFocusableElement : null;
@@ -84,7 +105,7 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiInputDateRangeComponent.prototype, "canOpen", {
         get: function () {
-            return !this.computedDisabled && !this.readOnly && !this.computedMobile;
+            return this.interactive && !this.computedMobile;
         },
         enumerable: true,
         configurable: true
@@ -277,7 +298,6 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
     TuiInputDateRangeComponent.prototype.getDateRangeFiller = function (dateFiller) {
         return "" + dateFiller + RANGE_SEPARATOR_CHAR + dateFiller;
     };
-    var TuiInputDateRangeComponent_1;
     TuiInputDateRangeComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
@@ -289,7 +309,8 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         { type: TuiTextfieldExampleTextDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_EXAMPLE_TEXT,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [TUI_DATE_FORMAT,] }] },
         { type: String, decorators: [{ type: Inject, args: [TUI_DATE_SEPARATOR,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] }
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TUI_DATE_RANGE_VALUE_TRANSFORMER,] }] }
     ]; };
     __decorate([
         ViewChild(TuiPrimitiveTextfieldComponent)
@@ -329,22 +350,11 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
     __decorate([
         HostListener('click')
     ], TuiInputDateRangeComponent.prototype, "onClick", null);
-    TuiInputDateRangeComponent = TuiInputDateRangeComponent_1 = __decorate([
+    TuiInputDateRangeComponent = __decorate([
         Component({
             selector: 'tui-input-date-range',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"dropdown\"\n    [open]=\"open && canOpen\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *tuiLet=\"dateFiller$ | async as dateFiller\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [tuiTextfieldExampleText]=\"computedExampleText\"\n        [nativeId]=\"nativeId\"\n        [filler]=\"getComputedRangeFiller(dateFiller)\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"computedMobile ? iconContent : calendarIcon\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (pressedChange)=\"onPressed($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #iconContent>\n        <tui-svg\n            automation-id=\"tui-input-date-range__icon\"\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n            (click)=\"onMobileClick()\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #dropdown>\n        <tui-calendar-range\n            [defaultViewedMonth]=\"defaultViewedMonth\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [items]=\"items\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [minLength]=\"minLength\"\n            [maxLength]=\"maxLength\"\n            [value]=\"value\"\n            (valueChange)=\"onRangeChange($event)\"\n        ></tui-calendar-range>\n    </ng-template>\n</tui-hosted-dropdown>\n",
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputDateRangeComponent_1; }),
-                },
-                {
-                    provide: TUI_CALENDAR_DATA_STREAM,
-                    deps: [[new Optional(), new Self(), NgControl]],
-                    useFactory: RANGE_STREAM_FACTORY,
-                },
-                LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"dropdown\"\n    [open]=\"open && canOpen\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *tuiLet=\"dateFiller$ | async as dateFiller\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [tuiTextfieldExampleText]=\"computedExampleText\"\n        [nativeId]=\"nativeId\"\n        [filler]=\"getComputedRangeFiller(dateFiller)\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"computedMobile ? mobileIconContent : iconContent\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (pressedChange)=\"onPressed($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #mobileIconContent>\n        <tui-svg\n            automation-id=\"tui-input-date-range__icon\"\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n            (click)=\"onMobileClick()\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #iconContent>\n        <tui-svg\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #dropdown>\n        <tui-calendar-range\n            [defaultViewedMonth]=\"defaultViewedMonth\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [items]=\"items\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [minLength]=\"minLength\"\n            [maxLength]=\"maxLength\"\n            [value]=\"value\"\n            (valueChange)=\"onRangeChange($event)\"\n        ></tui-calendar-range>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            providers: TUI_INPUT_DATE_RANGE_PROVIDERS,
             styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.icon{pointer-events:auto}"]
         }),
         __param(0, Optional()),
@@ -360,11 +370,47 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         __param(7, Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)),
         __param(8, Inject(TUI_DATE_FORMAT)),
         __param(9, Inject(TUI_DATE_SEPARATOR)),
-        __param(10, Inject(TUI_DATE_TEXTS))
+        __param(10, Inject(TUI_DATE_TEXTS)),
+        __param(11, Optional()),
+        __param(11, Inject(TUI_DATE_RANGE_VALUE_TRANSFORMER))
     ], TuiInputDateRangeComponent);
     return TuiInputDateRangeComponent;
 }(AbstractTuiNullableControl));
 
+var TuiInputDateRangeDirective = /** @class */ (function (_super) {
+    __extends(TuiInputDateRangeDirective, _super);
+    function TuiInputDateRangeDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputDateRangeDirective_1 = TuiInputDateRangeDirective;
+    Object.defineProperty(TuiInputDateRangeDirective.prototype, "value", {
+        get: function () {
+            return this.host.computedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputDateRangeDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    TuiInputDateRangeDirective.prototype.process = function (input) {
+        input.inputMode = 'numeric';
+    };
+    var TuiInputDateRangeDirective_1;
+    TuiInputDateRangeDirective = TuiInputDateRangeDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-date-range',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputDateRangeDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputDateRangeDirective);
+    return TuiInputDateRangeDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputDateRangeModule = /** @class */ (function () {
     function TuiInputDateRangeModule() {
     }
@@ -383,8 +429,12 @@ var TuiInputDateRangeModule = /** @class */ (function () {
                 TuiCalendarRangeModule,
                 TuiValueAccessorModule,
             ],
-            declarations: [TuiInputDateRangeComponent],
-            exports: [TuiInputDateRangeComponent],
+            declarations: [TuiInputDateRangeComponent, TuiInputDateRangeDirective],
+            exports: [
+                TuiInputDateRangeComponent,
+                TuiInputDateRangeDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiInputDateRangeModule);
     return TuiInputDateRangeModule;
@@ -394,5 +444,5 @@ var TuiInputDateRangeModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { RANGE_STREAM_FACTORY, TuiInputDateRangeComponent, TuiInputDateRangeModule };
+export { RANGE_STREAM_FACTORY, TUI_INPUT_DATE_RANGE_PROVIDERS, TuiInputDateRangeComponent, TuiInputDateRangeDirective, TuiInputDateRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-date-range.js.map

package/fesm5/taiga-ui-kit-components-input-date-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-range.js","sources":["ng://@taiga-ui/kit/components/input-date-range/input-date-range.component.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.module.ts","ng://@taiga-ui/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    changeDateSeparator,\n    DATE_FILLER_LENGTH,\n    DATE_RANGE_FILLER_LENGTH,\n    nullableSame,\n    RANGE_SEPARATOR_CHAR,\n    setNativeFocused,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    TuiDayLike,\n    TuiDayRange,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMapper,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiDayRangePeriod} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK, MAX_DAY_RANGE_LENGTH_MAPPER} from '@taiga-ui/kit/constants';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateRangePipe,\n    tuiCreateDateRangeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const RANGE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n@Component({\n    selector: 'tui-input-date-range',\n    templateUrl: './input-date-range.template.html',\n    styleUrls: ['./input-date-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateRangeComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: RANGE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateRangeComponent\n    extends AbstractTuiNullableControl<TuiDayRange>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: tuiCreateDateRangeMask(this.dateFormat, this.dateSeparator),\n        pipe: tuiCreateAutoCorrectedDateRangePipe(this),\n        guide: false,\n    };\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultViewedMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiDayRangePeriod> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    minLength: TuiDayLike | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: TuiDayLike | null = null;\n\n    open = false;\n\n    readonly maxLengthMapper: TuiMapper<TuiDay, TuiDay> = MAX_DAY_RANGE_LENGTH_MAPPER;\n    readonly dateFiller$ = this.dateTexts$.pipe(\n        map(dateTexts =>\n            changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n        ),\n    );\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)\n        private readonly textfieldExampleText: TuiTextfieldExampleTextDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !this.computedMobile;\n    }\n\n    get computedExampleText(): string {\n        return this.items.length ? this.textfieldExampleText.exampleText : '';\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activePeriod ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activePeriod(): TuiDayRangePeriod | null {\n        return (\n            this.items.find(item =>\n                nullableSame(\n                    this.value,\n                    item.range,\n                    (a, b) =>\n                        a.from.daySame(b.from.dayLimit(this.min, this.max)) &&\n                        a.to.daySame(b.to.dayLimit(this.min, this.max)),\n                ),\n            ) || null\n        );\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activePeriod} = this;\n\n        if (activePeriod) {\n            return String(activePeriod);\n        }\n\n        return value\n            ? value.getFormattedDayRange(this.dateFormat, this.dateSeparator)\n            : nativeValue;\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.toggle();\n        }\n    }\n\n    getComputedRangeFiller(dateFiller: string): string {\n        return this.activePeriod ? '' : this.getDateRangeFiller(dateFiller);\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.toggle();\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDayRange>(\n                new PolymorpheusComponent(this.mobileCalendar, this.injector),\n                {\n                    size: 'fullscreen',\n                    closeable: false,\n                    data: {\n                        single: false,\n                        min: this.maxLengthMapper(\n                            this.min,\n                            this.value,\n                            this.maxLength,\n                            true,\n                        ),\n                        max: this.maxLengthMapper(\n                            this.max,\n                            this.value,\n                            this.maxLength,\n                            false,\n                        ),\n                        disabledItemHandler: this.disabledItemHandler,\n                    },\n                },\n            )\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length !== DATE_RANGE_FILLER_LENGTH) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const parsedValue = TuiDayRange.normalizeParse(value, this.dateFormat);\n\n        this.updateValue(\n            !this.minLength && !this.maxLength\n                ? parsedValue\n                : this.clampValue(parsedValue),\n        );\n    }\n\n    onRangeChange(range: TuiDayRange | null) {\n        this.toggle();\n        this.focusInput();\n\n        if (!range) {\n            this.nativeValue = '';\n        }\n\n        if (!nullableSame<TuiDayRange>(this.value, range, (a, b) => a.daySame(b))) {\n            this.updateValue(range);\n        }\n    }\n\n    onItemSelect(item: string | TuiDayRangePeriod) {\n        this.toggle();\n        this.focusInput();\n\n        if (typeof item !== 'string') {\n            this.updateValue(item.range.dayLimit(this.min, this.max));\n\n            return;\n        }\n\n        if (this.activePeriod !== null) {\n            this.updateValue(null);\n            this.nativeValue = '';\n        }\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            !focused &&\n            !this.itemSelected &&\n            (this.nativeValue.length === DATE_FILLER_LENGTH ||\n                this.nativeValue.length ===\n                    DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length)\n        ) {\n            this.updateValue(\n                TuiDayRange.normalizeParse(this.nativeValue, this.dateFormat),\n            );\n        }\n    }\n\n    writeValue(value: TuiDayRange | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    private get itemSelected(): boolean {\n        return this.items.findIndex(item => String(item) === this.nativeValue) !== -1;\n    }\n\n    private toggle() {\n        this.open = !this.open;\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private clampValue(value: TuiDayRange): TuiDayRange {\n        const clampedBottom =\n            this.minLength && value.from.append(this.minLength).dayAfter(value.to)\n                ? new TuiDayRange(\n                      value.from,\n                      value.from.append(this.minLength).append({day: -1}),\n                  )\n                : value;\n\n        const availableMax = this.maxLength\n            ? clampedBottom.from.append(this.maxLength).append({day: -1})\n            : this.max;\n\n        return clampedBottom.to.dayAfter(availableMax)\n            ? new TuiDayRange(clampedBottom.from, availableMax)\n            : clampedBottom;\n    }\n\n    private getDateRangeFiller(dateFiller: string): string {\n        return `${dateFiller}${RANGE_SEPARATOR_CHAR}${dateFiller}`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarRangeModule} from '@taiga-ui/kit/components/calendar-range';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiActiveZoneModule,\n        TuiLetModule,\n        PolymorpheusModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiCalendarRangeModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputDateRangeComponent],\n    exports: [TuiInputDateRangeComponent],\n})\nexport class TuiInputDateRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input-date-range.js","sources":["ng://@taiga-ui/kit/components/input-date-range/input-date-range.providers.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.component.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.directive.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.module.ts","ng://@taiga-ui/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {forwardRef, Optional, Self} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiControlValueTransformer,\n    TuiDayRange,\n} from '@taiga-ui/cdk';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_RANGE_VALUE_TRANSFORMER,\n} from '@taiga-ui/kit/tokens';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\n\n// TODO: remove in ivy compilation\nexport const RANGE_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<TuiDayRange>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\nexport const TUI_INPUT_DATE_RANGE_PROVIDERS = [\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputDateRangeComponent),\n    },\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputDateRangeComponent),\n    },\n    {\n        provide: TUI_CALENDAR_DATA_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), forwardRef(() => TUI_DATE_RANGE_VALUE_TRANSFORMER)],\n        ],\n        useFactory: RANGE_STREAM_FACTORY,\n    },\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectorRef,\n    Component,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    changeDateSeparator,\n    DATE_FILLER_LENGTH,\n    DATE_RANGE_FILLER_LENGTH,\n    nullableSame,\n    RANGE_SEPARATOR_CHAR,\n    setNativeFocused,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    TuiDayLike,\n    TuiDayRange,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMapper,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiDayRangePeriod} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK, MAX_DAY_RANGE_LENGTH_MAPPER} from '@taiga-ui/kit/constants';\nimport {\n    TUI_DATE_RANGE_VALUE_TRANSFORMER,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateRangePipe,\n    tuiCreateDateRangeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TUI_INPUT_DATE_RANGE_PROVIDERS} from './input-date-range.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date-range',\n    templateUrl: './input-date-range.template.html',\n    styleUrls: ['./input-date-range.style.less'],\n    providers: TUI_INPUT_DATE_RANGE_PROVIDERS,\n})\nexport class TuiInputDateRangeComponent\n    extends AbstractTuiNullableControl<TuiDayRange>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: tuiCreateDateRangeMask(this.dateFormat, this.dateSeparator),\n        pipe: tuiCreateAutoCorrectedDateRangePipe(this),\n        guide: false,\n    };\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultViewedMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiDayRangePeriod> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    minLength: TuiDayLike | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: TuiDayLike | null = null;\n\n    open = false;\n\n    readonly maxLengthMapper: TuiMapper<TuiDay, TuiDay> = MAX_DAY_RANGE_LENGTH_MAPPER;\n    readonly dateFiller$ = this.dateTexts$.pipe(\n        map(dateTexts =>\n            changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n        ),\n    );\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)\n        private readonly textfieldExampleText: TuiTextfieldExampleTextDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n        @Optional()\n        @Inject(TUI_DATE_RANGE_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<TuiDayRange | null> | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !this.computedMobile;\n    }\n\n    get computedExampleText(): string {\n        return this.items.length ? this.textfieldExampleText.exampleText : '';\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activePeriod ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activePeriod(): TuiDayRangePeriod | null {\n        return (\n            this.items.find(item =>\n                nullableSame(\n                    this.value,\n                    item.range,\n                    (a, b) =>\n                        a.from.daySame(b.from.dayLimit(this.min, this.max)) &&\n                        a.to.daySame(b.to.dayLimit(this.min, this.max)),\n                ),\n            ) || null\n        );\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activePeriod} = this;\n\n        if (activePeriod) {\n            return String(activePeriod);\n        }\n\n        return value\n            ? value.getFormattedDayRange(this.dateFormat, this.dateSeparator)\n            : nativeValue;\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.toggle();\n        }\n    }\n\n    getComputedRangeFiller(dateFiller: string): string {\n        return this.activePeriod ? '' : this.getDateRangeFiller(dateFiller);\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.toggle();\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDayRange>(\n                new PolymorpheusComponent(this.mobileCalendar, this.injector),\n                {\n                    size: 'fullscreen',\n                    closeable: false,\n                    data: {\n                        single: false,\n                        min: this.maxLengthMapper(\n                            this.min,\n                            this.value,\n                            this.maxLength,\n                            true,\n                        ),\n                        max: this.maxLengthMapper(\n                            this.max,\n                            this.value,\n                            this.maxLength,\n                            false,\n                        ),\n                        disabledItemHandler: this.disabledItemHandler,\n                    },\n                },\n            )\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length !== DATE_RANGE_FILLER_LENGTH) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const parsedValue = TuiDayRange.normalizeParse(value, this.dateFormat);\n\n        this.updateValue(\n            !this.minLength && !this.maxLength\n                ? parsedValue\n                : this.clampValue(parsedValue),\n        );\n    }\n\n    onRangeChange(range: TuiDayRange | null) {\n        this.toggle();\n        this.focusInput();\n\n        if (!range) {\n            this.nativeValue = '';\n        }\n\n        if (!nullableSame<TuiDayRange>(this.value, range, (a, b) => a.daySame(b))) {\n            this.updateValue(range);\n        }\n    }\n\n    onItemSelect(item: string | TuiDayRangePeriod) {\n        this.toggle();\n        this.focusInput();\n\n        if (typeof item !== 'string') {\n            this.updateValue(item.range.dayLimit(this.min, this.max));\n\n            return;\n        }\n\n        if (this.activePeriod !== null) {\n            this.updateValue(null);\n            this.nativeValue = '';\n        }\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            !focused &&\n            !this.itemSelected &&\n            (this.nativeValue.length === DATE_FILLER_LENGTH ||\n                this.nativeValue.length ===\n                    DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length)\n        ) {\n            this.updateValue(\n                TuiDayRange.normalizeParse(this.nativeValue, this.dateFormat),\n            );\n        }\n    }\n\n    writeValue(value: TuiDayRange | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    private get itemSelected(): boolean {\n        return this.items.findIndex(item => String(item) === this.nativeValue) !== -1;\n    }\n\n    private toggle() {\n        this.open = !this.open;\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private clampValue(value: TuiDayRange): TuiDayRange {\n        const clampedBottom =\n            this.minLength && value.from.append(this.minLength).dayAfter(value.to)\n                ? new TuiDayRange(\n                      value.from,\n                      value.from.append(this.minLength).append({day: -1}),\n                  )\n                : value;\n\n        const availableMax = this.maxLength\n            ? clampedBottom.from.append(this.maxLength).append({day: -1})\n            : this.max;\n\n        return clampedBottom.to.dayAfter(availableMax)\n            ? new TuiDayRange(clampedBottom.from, availableMax)\n            : clampedBottom;\n    }\n\n    private getDateRangeFiller(dateFiller: string): string {\n        return `${dateFiller}${RANGE_SEPARATOR_CHAR}${dateFiller}`;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\n\n@Directive({\n    selector: 'tui-input-date-range',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDateRangeDirective),\n        },\n    ],\n})\nexport class TuiInputDateRangeDirective extends TuiAbstractTextfieldHost<TuiInputDateRangeComponent> {\n    get value(): string {\n        return this.host.computedValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n\n    process(input: HTMLInputElement) {\n        input.inputMode = 'numeric';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarRangeModule} from '@taiga-ui/kit/components/calendar-range';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\nimport {TuiInputDateRangeDirective} from './input-date-range.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiActiveZoneModule,\n        TuiLetModule,\n        PolymorpheusModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiCalendarRangeModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputDateRangeComponent, TuiInputDateRangeDirective],\n    exports: [\n        TuiInputDateRangeComponent,\n        TuiInputDateRangeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputDateRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-date-time.js

@@ -1,32 +1,53 @@
 import { __extends, __spread, __read, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, changeDateSeparator, DATE_FILLER_LENGTH, TuiDay, TuiTime, nullableSame, clamp, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
-import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, changeDateSeparator, DATE_FILLER_LENGTH, TuiDay, TuiTime, nullableSame, clamp, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, tuiPure, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { DATE_TIME_SEPARATOR } from '@taiga-ui/kit/constants';
-import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { TUI_TIME_TEXTS, TUI_DATE_TEXTS, TUI_CALENDAR_DATA_STREAM } from '@taiga-ui/kit/tokens';
+import { TUI_CALENDAR_DATA_STREAM, TUI_DATE_TIME_VALUE_TRANSFORMER, TUI_TIME_TEXTS, TUI_DATE_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiCreateDateMask, tuiCreateTimeMask, tuiCreateAutoCorrectedDateTimePipe } from '@taiga-ui/kit/utils/mask';
-import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { combineLatest, Observable } from 'rxjs';
 import { map, pluck } from 'rxjs/operators';
+import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { CommonModule } from '@angular/common';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { TextMaskModule } from 'angular2-text-mask';
 
 // TODO: remove in ivy compilation
-var TIME_STREAM_FACTORY = TuiReplayControlValueChangesFactory;
+var TIME_STREAM_FACTORY = function (control, valueTransformer) { return TuiReplayControlValueChangesFactory(control, valueTransformer); };
+var TUI_INPUT_DATE_TIME_PROVIDERS = [
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputDateTimeComponent; }),
+    },
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiInputDateTimeComponent; }),
+    },
+    {
+        provide: TUI_CALENDAR_DATA_STREAM,
+        deps: [
+            [new Optional(), new Self(), NgControl],
+            [new Optional(), forwardRef(function () { return TUI_DATE_TIME_VALUE_TRANSFORMER; })],
+        ],
+        useFactory: TIME_STREAM_FACTORY,
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
 // @dynamic
 var TuiInputDateTimeComponent = /** @class */ (function (_super) {
     __extends(TuiInputDateTimeComponent, _super);
-    function TuiInputDateTimeComponent(control, changeDetectorRef, textfieldSize, dateFormat, dateSeparator, timeTexts$, dateTexts$) {
-        var _this = _super.call(this, control, changeDetectorRef) || this;
+    function TuiInputDateTimeComponent(control, changeDetectorRef, textfieldSize, dateFormat, dateSeparator, timeTexts$, dateTexts$, valueTransformer) {
+        var _this = _super.call(this, control, changeDetectorRef, valueTransformer) || this;
         _this.textfieldSize = textfieldSize;
         _this.dateFormat = dateFormat;
         _this.dateSeparator = dateSeparator;
         _this.timeTexts$ = timeTexts$;
         _this.dateTexts$ = dateTexts$;
+        _this.valueTransformer = valueTransformer;
         _this.month = null;
         _this.min = TUI_FIRST_DAY;
         _this.max = TUI_LAST_DAY;
@@ -42,7 +63,6 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         ]).pipe(map(function (fillers) { return _this.getDateTimeString.apply(_this, __spread(fillers)); }));
         return _this;
     }
-    TuiInputDateTimeComponent_1 = TuiInputDateTimeComponent;
     Object.defineProperty(TuiInputDateTimeComponent.prototype, "fillerLength", {
         get: function () {
             return DATE_FILLER_LENGTH + DATE_TIME_SEPARATOR.length + this.timeMode.length;
@@ -134,13 +154,6 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiInputDateTimeComponent.prototype, "canOpen", {
-        get: function () {
-            return !this.computedDisabled && !this.readOnly;
-        },
-        enumerable: true,
-        configurable: true
-    });
     TuiInputDateTimeComponent.prototype.onClick = function () {
         this.open = !this.open;
     };
@@ -210,7 +223,7 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
     };
     TuiInputDateTimeComponent.prototype.valueIdenticalComparator = function (oldValue, newValue) {
         return (nullableSame(oldValue[0], newValue[0], function (a, b) { return a.daySame(b); }) &&
-            nullableSame(oldValue[1], newValue[1], function (a, b) { return a.toString() === b.toString(); }));
+            nullableSame(oldValue[1], newValue[1], function (a, b) { return String(a) === String(b); }));
     };
     TuiInputDateTimeComponent.prototype.calculateMask = function (day, min, max, timeMode, dateFormat, dateSeparator) {
         return {
@@ -251,7 +264,6 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
             : Infinity;
         return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));
     };
-    var TuiInputDateTimeComponent_1;
     TuiInputDateTimeComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
@@ -259,7 +271,8 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         { type: undefined, decorators: [{ type: Inject, args: [TUI_DATE_FORMAT,] }] },
         { type: String, decorators: [{ type: Inject, args: [TUI_DATE_SEPARATOR,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_TIME_TEXTS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] }
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TUI_DATE_TIME_VALUE_TRANSFORMER,] }] }
     ]; };
     __decorate([
         ViewChild(TuiPrimitiveTextfieldComponent)
@@ -293,24 +306,13 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
     __decorate([
         tuiPure
     ], TuiInputDateTimeComponent.prototype, "getDateTimeString", null);
-    TuiInputDateTimeComponent = TuiInputDateTimeComponent_1 = __decorate([
+    TuiInputDateTimeComponent = __decorate([
         Component({
             selector: 'tui-input-date-time',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"dropdown\"\n    [open]=\"open && canOpen\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input-date-time__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"filler$ | async\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [disabled]=\"disabled\"\n        [textMask]=\"textMaskOptions\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (focusedChange)=\"onFocused($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date-time__calendar\"\n            [min]=\"calendarMinDay\"\n            [max]=\"calendarMaxDay\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"calendarValue\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input-date-time__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"filler$ | async\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"iconContent\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"textMaskOptions\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (focusedChange)=\"onFocused($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #iconContent>\n        <tui-svg\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #dropdown=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date-time__calendar\"\n            [min]=\"calendarMinDay\"\n            [max]=\"calendarMaxDay\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"calendarValue\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n    </ng-template>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputDateTimeComponent_1; }),
-                },
-                {
-                    provide: TUI_CALENDAR_DATA_STREAM,
-                    deps: [[new Optional(), new Self(), NgControl]],
-                    useFactory: TIME_STREAM_FACTORY,
-                },
-                LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
-            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.icon{position:relative;cursor:pointer}.button{display:flex;height:2.75rem;justify-content:center;box-shadow:inset 0 1px var(--tui-base-03)}"]
+            providers: TUI_INPUT_DATE_TIME_PROVIDERS,
+            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.icon{pointer-events:auto}.button{display:flex;height:2.75rem;justify-content:center;box-shadow:inset 0 1px var(--tui-base-03)}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
@@ -320,11 +322,47 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         __param(3, Inject(TUI_DATE_FORMAT)),
         __param(4, Inject(TUI_DATE_SEPARATOR)),
         __param(5, Inject(TUI_TIME_TEXTS)),
-        __param(6, Inject(TUI_DATE_TEXTS))
+        __param(6, Inject(TUI_DATE_TEXTS)),
+        __param(7, Optional()),
+        __param(7, Inject(TUI_DATE_TIME_VALUE_TRANSFORMER))
     ], TuiInputDateTimeComponent);
     return TuiInputDateTimeComponent;
 }(AbstractTuiControl));
 
+var TuiInputDateTimeDirective = /** @class */ (function (_super) {
+    __extends(TuiInputDateTimeDirective, _super);
+    function TuiInputDateTimeDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputDateTimeDirective_1 = TuiInputDateTimeDirective;
+    Object.defineProperty(TuiInputDateTimeDirective.prototype, "value", {
+        get: function () {
+            return this.host.computedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputDateTimeDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    TuiInputDateTimeDirective.prototype.process = function (input) {
+        input.inputMode = 'numeric';
+    };
+    var TuiInputDateTimeDirective_1;
+    TuiInputDateTimeDirective = TuiInputDateTimeDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-date-time',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputDateTimeDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputDateTimeDirective);
+    return TuiInputDateTimeDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputDateTimeModule = /** @class */ (function () {
     function TuiInputDateTimeModule() {
     }
@@ -343,8 +381,12 @@ var TuiInputDateTimeModule = /** @class */ (function () {
                 TuiValueAccessorModule,
                 TuiTextfieldControllerModule,
             ],
-            declarations: [TuiInputDateTimeComponent],
-            exports: [TuiInputDateTimeComponent],
+            declarations: [TuiInputDateTimeComponent, TuiInputDateTimeDirective],
+            exports: [
+                TuiInputDateTimeComponent,
+                TuiInputDateTimeDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiInputDateTimeModule);
     return TuiInputDateTimeModule;
@@ -354,5 +396,5 @@ var TuiInputDateTimeModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TIME_STREAM_FACTORY, TuiInputDateTimeComponent, TuiInputDateTimeModule };
+export { TIME_STREAM_FACTORY, TUI_INPUT_DATE_TIME_PROVIDERS, TuiInputDateTimeComponent, TuiInputDateTimeDirective, TuiInputDateTimeModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-date-time.js.map