@taiga-ui/kit 2.29.0 → 2.33.0

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, 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 { pluck, map } from 'rxjs/operators';
+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;
@@ -35,12 +56,13 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         _this.timeMode = 'HH:MM';
         _this.open = false;
         _this.filler$ = combineLatest([
-            _this.dateTexts$.pipe(pluck(_this.dateFormat)),
+            _this.dateTexts$.pipe(map(function (dateTexts) {
+                return changeDateSeparator(dateTexts[_this.dateFormat], _this.dateSeparator);
+            })),
             _this.timeTexts$.pipe(pluck(_this.timeMode)),
         ]).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;
@@ -132,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;
     };
@@ -208,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 {
@@ -249,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,] }] },
@@ -257,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)
@@ -291,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()),
@@ -318,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() {
     }
@@ -341,8 +381,12 @@ var TuiInputDateTimeModule = /** @class */ (function () {
                 TuiValueAccessorModule,
                 TuiTextfieldControllerModule,
             ],
-            declarations: [TuiInputDateTimeComponent],
-            exports: [TuiInputDateTimeComponent],
+            declarations: [TuiInputDateTimeComponent, TuiInputDateTimeDirective],
+            exports: [
+                TuiInputDateTimeComponent,
+                TuiInputDateTimeDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiInputDateTimeModule);
     return TuiInputDateTimeModule;
@@ -352,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

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-time.js","sources":["ng://@taiga-ui/kit/components/input-date-time/input-date-time.component.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.module.ts","ng://@taiga-ui/kit/components/input-date-time/taiga-ui-kit-components-input-date-time.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    ALWAYS_FALSE_HANDLER,\n    clamp,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    tuiPure,\n    TuiTime,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {DATE_TIME_SEPARATOR} 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_TIME_TEXTS,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateTimePipe,\n    tuiCreateDateMask,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, pluck} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const TIME_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date-time',\n    templateUrl: './input-date-time.template.html',\n    styleUrls: ['./input-date-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateTimeComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: TIME_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateTimeComponent\n    extends AbstractTuiControl<[TuiDay | null, TuiTime | null]>\n    implements\n        TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>,\n        TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    timeMode: TuiTimeMode = 'HH:MM';\n\n    open = false;\n    readonly filler$ = combineLatest([\n        this.dateTexts$.pipe(pluck(this.dateFormat)),\n        this.timeTexts$.pipe(pluck(this.timeMode)),\n    ]).pipe(map(fillers => this.getDateTimeString(...fillers)));\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_TIME_TEXTS)\n        readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get fillerLength(): number {\n        return DATE_FILLER_LENGTH + DATE_TIME_SEPARATOR.length + this.timeMode.length;\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(\n            this.value[0],\n            this.calendarMinDay,\n            this.calendarMaxDay,\n            this.timeMode,\n            this.dateFormat,\n            this.dateSeparator,\n        );\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 calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, timeMode} = this;\n        const [date, time] = value;\n        const hasTimeInputChars = nativeValue.length > DATE_FILLER_LENGTH;\n\n        if (!date || (!time && hasTimeInputChars)) {\n            return nativeValue;\n        }\n\n        return this.getDateTimeString(date, time, timeMode);\n    }\n\n    get calendarValue(): TuiDay | null {\n        return this.value[0];\n    }\n\n    get calendarMinDay(): TuiDay {\n        return Array.isArray(this.min) ? this.min[0] : this.min;\n    }\n\n    get calendarMaxDay(): TuiDay {\n        return Array.isArray(this.max) ? this.max[0] : this.max;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        return this.month || this.value[0] || this.defaultActiveYearMonth;\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    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly;\n    }\n\n    @HostListener('click')\n    onClick() {\n        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length < DATE_FILLER_LENGTH) {\n            this.updateValue([null, null]);\n\n            return;\n        }\n\n        const [date, time] = value.split(DATE_TIME_SEPARATOR);\n\n        const parsedDate = TuiDay.normalizeParse(date, this.dateFormat);\n        const parsedTime =\n            time && time.length === this.timeMode.length\n                ? this.clampTime(TuiTime.fromString(time), parsedDate)\n                : null;\n\n        this.open = false;\n        this.updateValue([parsedDate, parsedTime]);\n    }\n\n    onDayClick(day: TuiDay) {\n        const modifiedTime = this.value[1] && this.clampTime(this.value[1], day);\n\n        this.updateValue([day, modifiedTime]);\n        this.updateNativeValue(day);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value[0] === null ||\n            this.value[1] !== null ||\n            this.nativeValue.length <= this.fillerLength + DATE_TIME_SEPARATOR.length ||\n            this.timeMode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const [, time] = this.nativeValue.split(DATE_TIME_SEPARATOR);\n\n        if (!time) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(time);\n\n        this.updateValue([this.value[0], parsedTime]);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: [TuiDay | null, TuiTime | null] | null) {\n        super.writeValue(value);\n\n        this.nativeValue = value && (value[0] || value[1]) ? this.computedValue : '';\n    }\n\n    protected getFallbackValue(): [TuiDay | null, TuiTime | null] {\n        return [null, null];\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: [TuiDay | null, TuiTime | null],\n        newValue: [TuiDay | null, TuiTime | null],\n    ): boolean {\n        return (\n            nullableSame(oldValue[0], newValue[0], (a, b) => a.daySame(b)) &&\n            nullableSame(\n                oldValue[1],\n                newValue[1],\n                (a, b) => a.toString() === b.toString(),\n            )\n        );\n    }\n\n    @tuiPure\n    private calculateMask(\n        day: TuiDay | null,\n        min: TuiDay,\n        max: TuiDay,\n        timeMode: TuiTimeMode,\n        dateFormat: TuiDateMode,\n        dateSeparator: string,\n    ): TuiTextMaskOptions {\n        return {\n            mask: [\n                ...tuiCreateDateMask(dateFormat, dateSeparator),\n                ',',\n                ' ',\n                ...tuiCreateTimeMask(timeMode),\n            ],\n            pipe: tuiCreateAutoCorrectedDateTimePipe({\n                value: day,\n                min,\n                max,\n                dateFormat,\n                dateSeparator,\n                timeMode,\n            }),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private getDateTimeString(\n        date: TuiDay | string,\n        time: TuiTime | string | null,\n        timeMode: TuiTimeMode = 'HH:MM',\n    ): string {\n        const dateString =\n            date instanceof TuiDay\n                ? date.toString(this.dateFormat, this.dateSeparator)\n                : date;\n        const timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';\n\n        return `${dateString}${DATE_TIME_SEPARATOR}${timeString}`;\n    }\n\n    private updateNativeValue(day: TuiDay) {\n        const time = this.nativeValue.split(DATE_TIME_SEPARATOR)[1] || '';\n\n        this.nativeValue = this.getDateTimeString(day, time);\n    }\n\n    private clampTime(time: TuiTime, day: TuiDay): TuiTime {\n        const ms = time.toAbsoluteMilliseconds();\n        const min =\n            Array.isArray(this.min) && day.daySame(this.calendarMinDay)\n                ? this.min[1].toAbsoluteMilliseconds()\n                : -Infinity;\n        const max =\n            Array.isArray(this.max) && day.daySame(this.calendarMaxDay)\n                ? this.max[1].toAbsoluteMilliseconds()\n                : Infinity;\n\n        return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateTimeComponent],\n    exports: [TuiInputDateTimeComponent],\n})\nexport class TuiInputDateTimeModule {}\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-time.js","sources":["ng://@taiga-ui/kit/components/input-date-time/input-date-time.providers.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.component.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.directive.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.module.ts","ng://@taiga-ui/kit/components/input-date-time/taiga-ui-kit-components-input-date-time.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    TuiDay,\n    TuiTime,\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_TIME_VALUE_TRANSFORMER,\n} from '@taiga-ui/kit/tokens';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\n\n// TODO: remove in ivy compilation\nexport const TIME_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<[TuiDay | null, TuiTime | null]>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\nexport const TUI_INPUT_DATE_TIME_PROVIDERS = [\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputDateTimeComponent),\n    },\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputDateTimeComponent),\n    },\n    {\n        provide: TUI_CALENDAR_DATA_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), forwardRef(() => TUI_DATE_TIME_VALUE_TRANSFORMER)],\n        ],\n        useFactory: TIME_STREAM_FACTORY,\n    },\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    ALWAYS_FALSE_HANDLER,\n    changeDateSeparator,\n    clamp,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    tuiPure,\n    TuiTime,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {DATE_TIME_SEPARATOR} from '@taiga-ui/kit/constants';\nimport {\n    TUI_DATE_TEXTS,\n    TUI_DATE_TIME_VALUE_TRANSFORMER,\n    TUI_TIME_TEXTS,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateTimePipe,\n    tuiCreateDateMask,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, pluck} from 'rxjs/operators';\n\nimport {TUI_INPUT_DATE_TIME_PROVIDERS} from './input-date-time.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date-time',\n    templateUrl: './input-date-time.template.html',\n    styleUrls: ['./input-date-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_DATE_TIME_PROVIDERS,\n})\nexport class TuiInputDateTimeComponent\n    extends AbstractTuiControl<[TuiDay | null, TuiTime | null]>\n    implements\n        TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>,\n        TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    timeMode: TuiTimeMode = 'HH:MM';\n\n    open = false;\n    readonly filler$ = combineLatest([\n        this.dateTexts$.pipe(\n            map(dateTexts =>\n                changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n            ),\n        ),\n        this.timeTexts$.pipe(pluck(this.timeMode)),\n    ]).pipe(map(fillers => this.getDateTimeString(...fillers)));\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_TIME_TEXTS)\n        readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n        @Optional()\n        @Inject(TUI_DATE_TIME_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<\n            [TuiDay | null, TuiTime | null]\n        > | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\n    }\n\n    get fillerLength(): number {\n        return DATE_FILLER_LENGTH + DATE_TIME_SEPARATOR.length + this.timeMode.length;\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(\n            this.value[0],\n            this.calendarMinDay,\n            this.calendarMaxDay,\n            this.timeMode,\n            this.dateFormat,\n            this.dateSeparator,\n        );\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 calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, timeMode} = this;\n        const [date, time] = value;\n        const hasTimeInputChars = nativeValue.length > DATE_FILLER_LENGTH;\n\n        if (!date || (!time && hasTimeInputChars)) {\n            return nativeValue;\n        }\n\n        return this.getDateTimeString(date, time, timeMode);\n    }\n\n    get calendarValue(): TuiDay | null {\n        return this.value[0];\n    }\n\n    get calendarMinDay(): TuiDay {\n        return Array.isArray(this.min) ? this.min[0] : this.min;\n    }\n\n    get calendarMaxDay(): TuiDay {\n        return Array.isArray(this.max) ? this.max[0] : this.max;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        return this.month || this.value[0] || this.defaultActiveYearMonth;\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        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length < DATE_FILLER_LENGTH) {\n            this.updateValue([null, null]);\n\n            return;\n        }\n\n        const [date, time] = value.split(DATE_TIME_SEPARATOR);\n\n        const parsedDate = TuiDay.normalizeParse(date, this.dateFormat);\n        const parsedTime =\n            time && time.length === this.timeMode.length\n                ? this.clampTime(TuiTime.fromString(time), parsedDate)\n                : null;\n\n        this.open = false;\n        this.updateValue([parsedDate, parsedTime]);\n    }\n\n    onDayClick(day: TuiDay) {\n        const modifiedTime = this.value[1] && this.clampTime(this.value[1], day);\n\n        this.updateValue([day, modifiedTime]);\n        this.updateNativeValue(day);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value[0] === null ||\n            this.value[1] !== null ||\n            this.nativeValue.length <= this.fillerLength + DATE_TIME_SEPARATOR.length ||\n            this.timeMode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const [, time] = this.nativeValue.split(DATE_TIME_SEPARATOR);\n\n        if (!time) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(time);\n\n        this.updateValue([this.value[0], parsedTime]);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: [TuiDay | null, TuiTime | null] | null) {\n        super.writeValue(value);\n\n        this.nativeValue = value && (value[0] || value[1]) ? this.computedValue : '';\n    }\n\n    protected getFallbackValue(): [TuiDay | null, TuiTime | null] {\n        return [null, null];\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: [TuiDay | null, TuiTime | null],\n        newValue: [TuiDay | null, TuiTime | null],\n    ): boolean {\n        return (\n            nullableSame(oldValue[0], newValue[0], (a, b) => a.daySame(b)) &&\n            nullableSame(oldValue[1], newValue[1], (a, b) => String(a) === String(b))\n        );\n    }\n\n    @tuiPure\n    private calculateMask(\n        day: TuiDay | null,\n        min: TuiDay,\n        max: TuiDay,\n        timeMode: TuiTimeMode,\n        dateFormat: TuiDateMode,\n        dateSeparator: string,\n    ): TuiTextMaskOptions {\n        return {\n            mask: [\n                ...tuiCreateDateMask(dateFormat, dateSeparator),\n                ',',\n                ' ',\n                ...tuiCreateTimeMask(timeMode),\n            ],\n            pipe: tuiCreateAutoCorrectedDateTimePipe({\n                value: day,\n                min,\n                max,\n                dateFormat,\n                dateSeparator,\n                timeMode,\n            }),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private getDateTimeString(\n        date: TuiDay | string,\n        time: TuiTime | string | null,\n        timeMode: TuiTimeMode = 'HH:MM',\n    ): string {\n        const dateString =\n            date instanceof TuiDay\n                ? date.toString(this.dateFormat, this.dateSeparator)\n                : date;\n        const timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';\n\n        return `${dateString}${DATE_TIME_SEPARATOR}${timeString}`;\n    }\n\n    private updateNativeValue(day: TuiDay) {\n        const time = this.nativeValue.split(DATE_TIME_SEPARATOR)[1] || '';\n\n        this.nativeValue = this.getDateTimeString(day, time);\n    }\n\n    private clampTime(time: TuiTime, day: TuiDay): TuiTime {\n        const ms = time.toAbsoluteMilliseconds();\n        const min =\n            Array.isArray(this.min) && day.daySame(this.calendarMinDay)\n                ? this.min[1].toAbsoluteMilliseconds()\n                : -Infinity;\n        const max =\n            Array.isArray(this.max) && day.daySame(this.calendarMaxDay)\n                ? this.max[1].toAbsoluteMilliseconds()\n                : Infinity;\n\n        return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\n\n@Directive({\n    selector: 'tui-input-date-time',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDateTimeDirective),\n        },\n    ],\n})\nexport class TuiInputDateTimeDirective extends TuiAbstractTextfieldHost<TuiInputDateTimeComponent> {\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 {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\nimport {TuiInputDateTimeDirective} from './input-date-time.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateTimeComponent, TuiInputDateTimeDirective],\n    exports: [\n        TuiInputDateTimeComponent,\n        TuiInputDateTimeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputDateTimeModule {}\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.js

@@ -1,26 +1,47 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, Injector, Type, 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, DATE_FILLER_LENGTH, TuiDay, nullableSame, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiPreventDefaultModule, TuiLetModule } from '@taiga-ui/cdk';
-import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, changeDateSeparator, DATE_FILLER_LENGTH, TuiDay, nullableSame, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, AbstractTuiNullableControl, TuiPreventDefaultModule, TuiLetModule } from '@taiga-ui/cdk';
+import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { 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_VALUE_TRANSFORMER, TUI_MOBILE_CALENDAR, TUI_DATE_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiCreateDateMask, tuiCreateAutoCorrectedDatePipe } 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 { pluck, takeUntil } from 'rxjs/operators';
+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 { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
 // TODO: remove in ivy compilation
-var DATE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;
+var DATE_STREAM_FACTORY = function (control, valueTransformer) { return TuiReplayControlValueChangesFactory(control, valueTransformer); };
+var TUI_INPUT_DATE_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiInputDateComponent; }),
+    },
+    {
+        provide: TUI_CALENDAR_DATA_STREAM,
+        deps: [
+            [new Optional(), new Self(), NgControl],
+            [new Optional(), TUI_DATE_VALUE_TRANSFORMER],
+        ],
+        useFactory: DATE_STREAM_FACTORY,
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputDateComponent; }),
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
+// @dynamic
 var TuiInputDateComponent = /** @class */ (function (_super) {
     __extends(TuiInputDateComponent, _super);
-    function TuiInputDateComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, dateFormat, dateSeparator, dateTexts$) {
-        var _this = _super.call(this, control, changeDetectorRef) || this;
+    function TuiInputDateComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, dateFormat, dateSeparator, dateTexts$, valueTransformer) {
+        var _this = _super.call(this, control, changeDetectorRef, valueTransformer) || this;
         _this.injector = injector;
         _this.isMobile = isMobile;
         _this.dialogService = dialogService;
@@ -29,6 +50,7 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
         _this.dateFormat = dateFormat;
         _this.dateSeparator = dateSeparator;
         _this.dateTexts$ = dateTexts$;
+        _this.valueTransformer = valueTransformer;
         _this.month = null;
         _this.textMaskOptions = {
             mask: tuiCreateDateMask(_this.dateFormat, _this.dateSeparator),
@@ -42,10 +64,11 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
         _this.items = [];
         _this.defaultActiveYearMonth = TuiMonth.currentLocal();
         _this.open = false;
-        _this.filler$ = _this.dateTexts$.pipe(pluck(_this.dateFormat));
+        _this.filler$ = _this.dateTexts$.pipe(map(function (dateTexts) {
+            return changeDateSeparator(dateTexts[_this.dateFormat], _this.dateSeparator);
+        }));
         return _this;
     }
-    TuiInputDateComponent_1 = TuiInputDateComponent;
     Object.defineProperty(TuiInputDateComponent.prototype, "nativeFocusableElement", {
         get: function () {
             return this.textfield ? this.textfield.nativeFocusableElement : null;
@@ -112,7 +135,7 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiInputDateComponent.prototype, "canOpen", {
         get: function () {
-            return !this.computedDisabled && !this.readOnly && !this.computedMobile;
+            return this.interactive && !this.computedMobile;
         },
         enumerable: true,
         configurable: true
@@ -200,7 +223,6 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
     TuiInputDateComponent.prototype.valueIdenticalComparator = function (oldValue, newValue) {
         return nullableSame(oldValue, newValue, function (a, b) { return a.daySame(b); });
     };
-    var TuiInputDateComponent_1;
     TuiInputDateComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
@@ -211,7 +233,8 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
         { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] },
         { 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_VALUE_TRANSFORMER,] }] }
     ]; };
     __decorate([
         ViewChild(TuiPrimitiveTextfieldComponent)
@@ -243,23 +266,12 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
     __decorate([
         HostListener('click')
     ], TuiInputDateComponent.prototype, "onClick", null);
-    TuiInputDateComponent = TuiInputDateComponent_1 = __decorate([
+    TuiInputDateComponent = __decorate([
         Component({
             selector: 'tui-input-date',
-            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        *tuiLet=\"filler$ | async as filler\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"getComputedFiller(filler)\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [focusable]=\"computedFocusable\"\n        [iconContent]=\"computedMobile ? iconContent : calendarIcon\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\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 #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=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date__calendar\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"value\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n        <div\n            *ngIf=\"items.length === 1\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n        >\n            <button tuiLink type=\"button\" (click)=\"onDayClick(items[0].day)\">\n                {{ items[0] }}\n            </button>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            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        *tuiLet=\"filler$ | async as filler\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"getComputedFiller(filler)\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [focusable]=\"computedFocusable\"\n        [iconContent]=\"computedMobile ? mobileIconContent : iconContent\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\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 #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=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date__calendar\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"value\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n        <div\n            *ngIf=\"items.length === 1\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n        >\n            <button tuiLink type=\"button\" (click)=\"onDayClick(items[0].day)\">\n                {{ items[0] }}\n            </button>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputDateComponent_1; }),
-                },
-                {
-                    provide: TUI_CALENDAR_DATA_STREAM,
-                    deps: [[new Optional(), new Self(), NgControl]],
-                    useFactory: DATE_STREAM_FACTORY,
-                },
-                LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
+            providers: TUI_INPUT_DATE_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)}.button button{flex:1;text-align:center}"]
         }),
         __param(0, Optional()),
@@ -274,11 +286,47 @@ var TuiInputDateComponent = /** @class */ (function (_super) {
         __param(6, Inject(TUI_TEXTFIELD_SIZE)),
         __param(7, Inject(TUI_DATE_FORMAT)),
         __param(8, Inject(TUI_DATE_SEPARATOR)),
-        __param(9, Inject(TUI_DATE_TEXTS))
+        __param(9, Inject(TUI_DATE_TEXTS)),
+        __param(10, Optional()),
+        __param(10, Inject(TUI_DATE_VALUE_TRANSFORMER))
     ], TuiInputDateComponent);
     return TuiInputDateComponent;
 }(AbstractTuiNullableControl));
 
+var TuiInputDateDirective = /** @class */ (function (_super) {
+    __extends(TuiInputDateDirective, _super);
+    function TuiInputDateDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputDateDirective_1 = TuiInputDateDirective;
+    Object.defineProperty(TuiInputDateDirective.prototype, "value", {
+        get: function () {
+            return this.host.computedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputDateDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    TuiInputDateDirective.prototype.process = function (input) {
+        input.inputMode = 'numeric';
+    };
+    var TuiInputDateDirective_1;
+    TuiInputDateDirective = TuiInputDateDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-date',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputDateDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputDateDirective);
+    return TuiInputDateDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputDateModule = /** @class */ (function () {
     function TuiInputDateModule() {
     }
@@ -298,8 +346,8 @@ var TuiInputDateModule = /** @class */ (function () {
                 TuiLetModule,
                 TuiTextfieldControllerModule,
             ],
-            declarations: [TuiInputDateComponent],
-            exports: [TuiInputDateComponent],
+            declarations: [TuiInputDateComponent, TuiInputDateDirective],
+            exports: [TuiInputDateComponent, TuiInputDateDirective, TuiTextfieldComponent],
         })
     ], TuiInputDateModule);
     return TuiInputDateModule;
@@ -309,5 +357,5 @@ var TuiInputDateModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { DATE_STREAM_FACTORY, TuiInputDateComponent, TuiInputDateModule };
+export { DATE_STREAM_FACTORY, TUI_INPUT_DATE_PROVIDERS, TuiInputDateComponent, TuiInputDateDirective, TuiInputDateModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-date.js.map