@imihai/angular-datetime-picker 22.0.8 → 22.2.0

package/fesm2022/imihai-angular-datetime-picker.mjs

@@ -1,29 +1,30 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, InjectionToken, inject, LOCALE_ID, Optional, Inject, Injectable, EventEmitter, Output, ChangeDetectionStrategy, Component, ViewChild, signal, TemplateRef, Injector, SkipSelf, untracked, forwardRef, Pipe, NgModule } from '@angular/core';
+import { Input, Directive, InjectionToken, inject, LOCALE_ID, Optional, Inject, Injectable, Injector, DestroyRef, EventEmitter, afterNextRender, Output, ChangeDetectionStrategy, Component, ViewChild, signal, TemplateRef, SkipSelf, untracked, forwardRef, Pipe, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { getLocaleFirstDayOfWeek, DOCUMENT, CommonModule } from '@angular/common';
 import * as i1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i1$1 from '@angular/cdk/overlay';
 import { NoopScrollStrategy, Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import { Subscription, of, merge, Subject, filter, take as take$1, defer } from 'rxjs';
+import { coerceBooleanProperty, coerceNumberProperty, coerceArray } from '@angular/cdk/coercion';
+import { Subscription, EMPTY, merge, Subject, filter, take, defer } from 'rxjs';
 import * as i2$1 from '@angular/cdk/portal';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import { ENTER, PAGE_DOWN, PAGE_UP, END, HOME, DOWN_ARROW, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, SPACE, ESCAPE } from '@angular/cdk/keycodes';
-import { coerceBooleanProperty, coerceNumberProperty, coerceArray } from '@angular/cdk/coercion';
-import { take, debounceTime, startWith, filter as filter$1 } from 'rxjs/operators';
+import { debounceTime, startWith, take as take$1, filter as filter$1 } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators } from '@angular/forms';
-import { Settings, Info, DateTime } from 'luxon';
+import { Settings, DateTime, Info } from 'luxon';
 
 /**
  * date-time-picker-trigger.directive
  */
 class OwlDateTimeTriggerDirective {
     get disabled() {
-        return this._disabled === undefined ? this.dtPicker.disabled : !!this._disabled;
+        return this._disabled === undefined ? !!this.dtPicker?.disabled : !!this._disabled;
     }
     set disabled(value) {
-        this._disabled = value;
+        this._disabled = coerceBooleanProperty(value);
     }
     get owlDTTriggerDisabledClass() {
         return this.disabled;
@@ -35,7 +36,7 @@ class OwlDateTimeTriggerDirective {
     ngOnInit() {
     }
     ngOnChanges(changes) {
-        if (changes.datepicker) {
+        if (changes.dtPicker) {
             this.watchStateChanges();
         }
     }
@@ -46,7 +47,7 @@ class OwlDateTimeTriggerDirective {
         this.stateChanges.unsubscribe();
     }
     handleClickOnHost(event) {
-        if (this.dtPicker) {
+        if (this.dtPicker && !this.disabled) {
             this.dtPicker.open();
             event.stopPropagation();
         }
@@ -54,10 +55,10 @@ class OwlDateTimeTriggerDirective {
     watchStateChanges() {
         this.stateChanges.unsubscribe();
         const inputDisabled = this.dtPicker && this.dtPicker.dtInput ?
-            this.dtPicker.dtInput.disabledChange : of();
+            this.dtPicker.dtInput.disabledChange.asObservable() : EMPTY;
         const pickerDisabled = this.dtPicker ?
-            this.dtPicker.disabledChange : of();
-        this.stateChanges = merge([pickerDisabled, inputDisabled])
+            this.dtPicker.disabledChange.asObservable() : EMPTY;
+        this.stateChanges = merge(pickerDisabled, inputDisabled)
             .subscribe(() => {
             this.changeDetector.markForCheck();
         });
@@ -85,13 +86,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 /**
  * date-time-format.class
  */
-/** InjectionToken for date time picker that can be used to override default format. */
+/** InjectionToken для переопределения формата даты и времени */
 const OWL_DATE_TIME_FORMATS = new InjectionToken('OWL_DATE_TIME_FORMATS');
 
 /**
  * date-time-adapter.class
  */
-/** InjectionToken for date time picker that can be used to override default locale code. */
+/** InjectionToken для переопределения локали компонента выбора даты и времени */
 const OWL_DATE_TIME_LOCALE = new InjectionToken('OWL_DATE_TIME_LOCALE', {
     providedIn: 'root',
     factory: OWL_DATE_TIME_LOCALE_FACTORY
@@ -100,30 +101,30 @@ const OWL_DATE_TIME_LOCALE = new InjectionToken('OWL_DATE_TIME_LOCALE', {
 function OWL_DATE_TIME_LOCALE_FACTORY() {
     return inject(LOCALE_ID);
 }
-/** Provider for OWL_DATE_TIME_LOCALE injection token. */
+/** Провайдер токена OWL_DATE_TIME_LOCALE */
 const OWL_DATE_TIME_LOCALE_PROVIDER = {
     provide: OWL_DATE_TIME_LOCALE,
     useExisting: LOCALE_ID
 };
 class DateTimeAdapter {
     constructor() {
-        /** A stream that emits when the locale changes. */
+        /** Поток уведомлений об изменении локали */
         this._localeChanges = new Subject();
         this.firstMonthOfTheYear = 0;
         this.firstDayOfTheWeek = 0;
-        /** total milliseconds in a day. */
+        /** Количество миллисекунд в сутках */
         this.millisecondsInDay = 86400000;
-        /** total milliseconds in a minute. */
+        /** Количество миллисекунд в минуте */
         this.millisecondsInMinute = 60000;
     }
     get localeChanges() {
         return this._localeChanges;
     }
     /**
-     * Compare two given dates
-     * 1 if the first date is after the second,
-     * -1 if the first date is before the second
-     * 0 if dates are equal.
+     * Сравнивает две указанные даты
+     * 1, если первая дата позже второй;
+     * -1, если первая дата раньше второй;
+     * 0, если даты равны
      * */
     compare(first, second) {
         if (!this.isValid(first) || !this.isValid(second)) {
@@ -139,15 +140,15 @@ class DateTimeAdapter {
             return 1;
         }
         else {
-            // Return 0 if diff is 0; return NaN if diff is NaN
+            // Возвращает 0 при diff === 0 и NaN при diff === NaN
             return diff;
         }
     }
     /**
-     * Check if two given dates are in the same year
-     * 1 if the first date's year is after the second,
-     * -1 if the first date's year is before the second
-     * 0 if two given dates are in the same year
+     * Сравнивает годы двух указанных дат
+     * 1, если год первой даты больше года второй;
+     * -1, если год первой даты меньше года второй;
+     * 0, если обе даты относятся к одному году
      * */
     compareYear(first, second) {
         if (!this.isValid(first) || !this.isValid(second)) {
@@ -167,13 +168,17 @@ class DateTimeAdapter {
         }
     }
     /**
-     * Attempts to deserialize a value to a valid date object. This is different from parsing in that
-     * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
-     * string). The default implementation does not allow any deserialization, it simply checks that
-     * the given value is already a valid date object or null. The `<mat-datepicker>` will call this
-     * method on all of it's `@Input()` properties that accept dates. It is therefore possible to
-     * support passing values from your backend directly to these properties by overriding this method
-     * to also deserialize the format used by your backend.
+     * Пытается десериализовать значение в корректный объект даты
+     * В отличие от разбора
+     * пользовательского ввода, deserialize принимает только однозначные форматы, не зависящие
+     * от локали, например ISO 8601
+     * По умолчанию метод ничего не преобразует, а проверяет,
+     * что значение уже является корректным объектом даты или null
+     * Компонент выбора даты
+     * использует этот метод для входных значений, представляющих даты
+     * Переопределение
+     * метода позволяет передавать в такие свойства значения прямо с сервера,
+     * если реализовать десериализацию формата, используемого сервером
      */
     deserialize(value) {
         if (value == null ||
@@ -183,26 +188,26 @@ class DateTimeAdapter {
         return this.invalid();
     }
     /**
-     * Sets the locale used for all dates.
+     * Устанавливает локаль для всех дат
      */
     setLocale(locale) {
         this.locale = locale;
         this._localeChanges.next(locale);
     }
     /**
-    * Get the locale used for all dates.
+    * Возвращает локаль для всех дат
     * */
     getLocale() {
         return this.locale;
     }
     /**
-     * Clamp the given date between min and max dates.
+     * Ограничивает дату минимальным и максимальным значениями
      */
     clampDate(date, min, max) {
-        if (min && this.compare(date, min) < 0) {
+        if (min != null && this.compare(date, min) < 0) {
             return min;
         }
-        if (max && this.compare(date, max) > 0) {
+        if (max != null && this.compare(date, max) > 0) {
             return max;
         }
         return date;
@@ -285,55 +290,56 @@ class OwlDateTime {
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
         /**
-         * Whether to show the second's timer
+         * Нужно ли показывать поле секунд
          */
         this._showSecondsTimer = false;
         /**
-         * Whether the timer is in hour12 format
+         * Используется ли 12-часовой формат времени
          */
         this._hour12Timer = false;
         /**
-         * The view that the calendar should start in.
+         * Начальное представление календаря
          */
         this.startView = DateView.MONTH;
         /**
-         * Whether to show calendar weeks in the calendar
+         * Нужно ли показывать номера недель в календаре
          * */
         this.showCalendarWeeks = false;
         /**
-         * Whether to should only the year and multi-year views.
+         * Нужно ли показывать только представления года и нескольких лет
          */
         this.yearOnly = false;
         /**
-         * Whether to should only the multi-year view.
+         * Нужно ли показывать только представление нескольких лет
          */
         this.multiyearOnly = false;
         /**
-         * Hours to change per step
+         * Количество часов за один шаг
          */
         this._stepHour = 1;
         /**
-         * Minutes to change per step
+         * Количество минут за один шаг
          */
         this._stepMinute = 1;
         /**
-         * Seconds to change per step
+         * Количество секунд за один шаг
          */
         this._stepSecond = 1;
         /**
-         * Whether to hide dates in other months at the start or end of the current month.
+         * Нужно ли скрывать даты соседних месяцев в начале или конце текущего месяца
          */
         this._hideOtherMonths = false;
         /**
-         * Date Time Checker to check if the give dateTime is selectable
+         * Проверка доступности указанных даты и времени для выбора
          */
         this.dateTimeChecker = (dateTime) => {
-            return (!!dateTime &&
+            return (dateTime != null &&
+                this.dateTimeAdapter.isValid(dateTime) &&
                 (!this.dateTimeFilter || this.dateTimeFilter(dateTime)) &&
-                (!this.minDateTime ||
+                (this.minDateTime == null ||
                     this.dateTimeAdapter.compare(dateTime, this.minDateTime) >=
                         0) &&
-                (!this.maxDateTime ||
+                (this.maxDateTime == null ||
                     this.dateTimeAdapter.compare(dateTime, this.maxDateTime) <= 0));
         };
         if (!this.dateTimeAdapter) {
@@ -394,49 +400,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 class OwlDateTimeIntl {
     constructor() {
         /**
-         * Stream that emits whenever the labels here are changed. Use this to notify
-         * components if the labels have changed after initialization.
+         * Поток событий изменения подписей для уведомления
+         * компонентов об изменении подписей после инициализации
          */
         this.changes = new Subject();
-        /** A label for the up second button (used by screen readers).  */
+        /** Подпись кнопки увеличения секунд для программ чтения с экрана  */
         this.upSecondLabel = 'Add a second';
-        /** A label for the down second button (used by screen readers).  */
+        /** Подпись кнопки уменьшения секунд для программ чтения с экрана  */
         this.downSecondLabel = 'Minus a second';
-        /** A label for the up minute button (used by screen readers).  */
+        /** Подпись кнопки увеличения минут для программ чтения с экрана  */
         this.upMinuteLabel = 'Add a minute';
-        /** A label for the down minute button (used by screen readers).  */
+        /** Подпись кнопки уменьшения минут для программ чтения с экрана  */
         this.downMinuteLabel = 'Minus a minute';
-        /** A label for the up hour button (used by screen readers).  */
+        /** Подпись кнопки увеличения часов для программ чтения с экрана  */
         this.upHourLabel = 'Add a hour';
-        /** A label for the down hour button (used by screen readers).  */
+        /** Подпись кнопки уменьшения часов для программ чтения с экрана  */
         this.downHourLabel = 'Minus a hour';
-        /** A label for the previous month button (used by screen readers). */
+        /** Подпись кнопки предыдущего месяца для программ чтения с экрана */
         this.prevMonthLabel = 'Previous month';
-        /** A label for the next month button (used by screen readers). */
+        /** Подпись кнопки следующего месяца для программ чтения с экрана */
         this.nextMonthLabel = 'Next month';
-        /** A label for the previous year button (used by screen readers). */
+        /** Подпись кнопки предыдущего года для программ чтения с экрана */
         this.prevYearLabel = 'Previous year';
-        /** A label for the next year button (used by screen readers). */
+        /** Подпись кнопки следующего года для программ чтения с экрана */
         this.nextYearLabel = 'Next year';
-        /** A label for the previous multi-year button (used by screen readers). */
+        /** Подпись кнопки предыдущей группы лет для программ чтения с экрана */
         this.prevMultiYearLabel = 'Previous 21 years';
-        /** A label for the next multi-year button (used by screen readers). */
+        /** Подпись кнопки следующей группы лет для программ чтения с экрана */
         this.nextMultiYearLabel = 'Next 21 years';
-        /** A label for the 'switch to month view' button (used by screen readers). */
+        /** Подпись кнопки перехода к представлению месяца для программ чтения с экрана */
         this.switchToMonthViewLabel = 'Change to month view';
-        /** A label for the 'switch to year view' button (used by screen readers). */
+        /** Подпись кнопки перехода к представлению года для программ чтения с экрана */
         this.switchToMultiYearViewLabel = 'Choose month and year';
-        /** A label for the cancel button */
+        /** Подпись кнопки отмены */
         this.cancelBtnLabel = 'Cancel';
-        /** A label for the set button */
+        /** Подпись кнопки подтверждения */
         this.setBtnLabel = 'Set';
-        /** A label for the range 'from' in picker info */
+        /** Подпись начала диапазона ('from') в информации о выбранных датах */
         this.rangeFromLabel = 'From';
-        /** A label for the range 'to' in picker info */
+        /** Подпись конца диапазона ('to') в информации о выбранных датах */
         this.rangeToLabel = 'To';
-        /** A label for the hour12 button (AM) */
+        /** Подпись кнопки AM в 12-часовом формате */
         this.hour12AMLabel = 'AM';
-        /** A label for the hour12 button (PM) */
+        /** Подпись кнопки PM в 12-часовом формате */
         this.hour12PMLabel = 'PM';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDateTimeIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -475,33 +481,41 @@ class OwlCalendarBodyComponent {
     constructor(elmRef, ngZone) {
         this.elmRef = elmRef;
         this.ngZone = ngZone;
+        this.injector = inject(Injector);
+        this.destroyRef = inject(DestroyRef);
         /**
-         * The cell number of the active cell in the table.
+         * Номер активной ячейки в таблице
          */
         this.activeCell = 0;
         /**
-         * The number of columns in the table.
+         * Количество столбцов в таблице
          * */
         this.numCols = 7;
         /**
-         * The ratio (width / height) to use for the cells in the table.
+         * Соотношение ширины и высоты ячеек таблицы
          */
         this.cellRatio = 1;
         /**
-         * Emit when a calendar cell is selected
+         * Выбранное значение в таблице
+         * */
+        this.selectedValues = [];
+        /**
+         * Событие выбора ячейки календаря
          * */
         this.select = new EventEmitter();
     }
     ngOnInit() { }
     selectCell(cell) {
-        this.select.emit(cell);
+        if (cell.enabled) {
+            this.select.emit(cell);
+        }
     }
     isActiveCell(rowIndex, colIndex) {
         const cellNumber = rowIndex * this.numCols + colIndex;
         return cellNumber === this.activeCell;
     }
     /**
-     * Check if the cell is selected
+     * Проверяет, выбрана ли ячейка
      */
     isSelected(value) {
         if (!this.selectedValues || this.selectedValues.length === 0) {
@@ -511,19 +525,19 @@ class OwlCalendarBodyComponent {
             return value === this.selectedValues[0];
         }
         if (this.isInRangeMode) {
-            const fromValue = this.selectedValues[0];
-            const toValue = this.selectedValues[1];
+            const fromValue = this.selectedValues?.[0];
+            const toValue = this.selectedValues?.[1];
             return value === fromValue || value === toValue;
         }
     }
     /**
-     * Check if the cell in the range
+     * Проверяет, входит ли ячейка в диапазон
      * */
     isInRange(value) {
         if (this.isInRangeMode) {
-            const fromValue = this.selectedValues[0];
-            const toValue = this.selectedValues[1];
-            if (fromValue !== null && toValue !== null) {
+            const fromValue = this.selectedValues?.[0];
+            const toValue = this.selectedValues?.[1];
+            if (fromValue != null && toValue != null) {
                 return value >= fromValue && value <= toValue;
             }
             else {
@@ -532,37 +546,37 @@ class OwlCalendarBodyComponent {
         }
     }
     /**
-     * Check if the cell is the range from
+     * Проверяет, соответствует ли ячейка началу диапазона
      * */
     isRangeFrom(value) {
         if (this.isInRangeMode) {
-            const fromValue = this.selectedValues[0];
-            return fromValue !== null && value === fromValue;
+            const fromValue = this.selectedValues?.[0];
+            return fromValue != null && value === fromValue;
         }
     }
     /**
-     * Check if the cell is the range to
+     * Проверяет, соответствует ли ячейка концу диапазона
      * */
     isRangeTo(value) {
         if (this.isInRangeMode) {
-            const toValue = this.selectedValues[1];
-            return toValue !== null && value === toValue;
+            const toValue = this.selectedValues?.[1];
+            return toValue != null && value === toValue;
         }
     }
     /**
-     * Focus to a active cell
+     * Переводит фокус на активную ячейку
      * */
     focusActiveCell() {
-        this.ngZone.runOutsideAngular(() => {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                this.elmRef.nativeElement
-                    .querySelector('.owl-dt-calendar-cell-active')
-                    .focus();
-            });
-        });
+        if (this.destroyRef.destroyed) {
+            return;
+        }
+        this.focusRef?.destroy();
+        this.focusRef = afterNextRender({
+            write: () => {
+                this.focusRef = undefined;
+                this.elmRef.nativeElement.querySelector('.owl-dt-calendar-cell-active')?.focus();
+            }
+        }, { injector: this.injector });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlCalendarBodyComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: OwlCalendarBodyComponent, isStandalone: false, selector: "[owl-date-time-calendar-body]", inputs: { activeCell: "activeCell", rows: "rows", numCols: "numCols", cellRatio: "cellRatio", todayValue: "todayValue", selectedValues: "selectedValues", selectMode: "selectMode" }, outputs: { select: "select" }, host: { properties: { "class.owl-dt-calendar-body": "owlDTCalendarBodyClass" } }, exportAs: ["owlDateTimeCalendarBody"], ngImport: i0, template: "@for (row of rows; track $index; let rowIndex = $index) {\r\n    <tr role=\"row\">\r\n        @for (item of row; track $index; let colIndex = $index) {\r\n            <td\r\n                class=\"owl-dt-calendar-cell {{ item.cellClass }}\"\r\n                [tabindex]=\"isActiveCell(rowIndex, colIndex) ? 0 : -1\"\r\n                [class.owl-dt-calendar-cell-active]=\"\r\n                    isActiveCell(rowIndex, colIndex)\r\n                \"\r\n                [class.owl-dt-calendar-cell-disabled]=\"!item.enabled\"\r\n                [class.owl-dt-calendar-cell-in-range]=\"isInRange(item.value)\"\r\n                [class.owl-dt-calendar-cell-range-from]=\"\r\n                    isRangeFrom(item.value)\r\n                \"\r\n                [class.owl-dt-calendar-cell-range-to]=\"isRangeTo(item.value)\"\r\n                [attr.aria-label]=\"item.ariaLabel\"\r\n                [attr.aria-disabled]=\"!item.enabled || null\"\r\n                [attr.aria-current]=\"item.value === todayValue ? 'date' : null\"\r\n                [attr.aria-selected]=\"isSelected(item.value)\"\r\n                [style.width.%]=\"100 / numCols\"\r\n                [style.paddingTop.%]=\"(50 * cellRatio) / numCols\"\r\n                [style.paddingBottom.%]=\"(50 * cellRatio) / numCols\"\r\n                (click)=\"selectCell(item)\"\r\n            >\r\n                <span\r\n                    class=\"owl-dt-calendar-cell-content\"\r\n                    [ngClass]=\"{\r\n                        'owl-dt-calendar-cell-out': item.out,\r\n                        'owl-dt-calendar-cell-today': item.value === todayValue,\r\n                        'owl-dt-calendar-cell-selected': isSelected(item.value),\r\n                    }\"\r\n                >\r\n                    {{ item.displayValue }}\r\n                </span>\r\n            </td>\r\n        }\r\n    </tr>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -598,7 +612,7 @@ function multiYearOptionsFactory(options) {
 }
 class DefaultOptions {
     static create() {
-        // Always return new instance
+        // Всегда возвращаем новый экземпляр
         return {
             multiYear: {
                 yearRows: 7,
@@ -652,7 +666,7 @@ class OwlMultiYearViewComponent {
         return this._selecteds;
     }
     set selecteds(values) {
-        this._selecteds = values.map((v) => {
+        this._selecteds = (values ?? []).map((v) => {
             v = this.dateTimeAdapter.deserialize(v);
             return this.getValidDate(v);
         });
@@ -664,8 +678,8 @@ class OwlMultiYearViewComponent {
     set pickerDateTime(value) {
         const oldDateTime = this._pickerDateTime;
         value = this.dateTimeAdapter.deserialize(value);
-        this._pickerDateTime = this.getValidDate(value) || this.dateTimeAdapter.now();
-        if (oldDateTime && this._pickerDateTime &&
+        this._pickerDateTime = this.getValidDate(value) ?? this.dateTimeAdapter.now();
+        if (oldDateTime != null && this._pickerDateTime != null &&
             !this.isSameYearList(oldDateTime, this._pickerDateTime)) {
             this.generateYearList();
         }
@@ -716,8 +730,8 @@ class OwlMultiYearViewComponent {
             || this.selectMode === 'rangeTo';
     }
     get activeCell() {
-        if (this._pickerDateTime) {
-            return this.dateTimeAdapter.getYear(this._pickerDateTime) % (this.options.yearsPerRow * this.options.yearRows);
+        if (this._pickerDateTime != null) {
+            return this.dateTimeAdapter.getYear(this._pickerDateTime) - this.getYearListStart(this._pickerDateTime);
         }
     }
     get tableHeader() {
@@ -743,23 +757,28 @@ class OwlMultiYearViewComponent {
         this.dateTimeAdapter = dateTimeAdapter;
         this.options = options;
         /**
-         * The select mode of the picker;
+         * Режим выбора даты
          * */
         this._selectMode = 'single';
         this._selecteds = [];
         this.initiated = false;
         /**
-         * Callback to invoke when a new month is selected
+         * Обработчик выбора нового месяца
          * */
         this.change = new EventEmitter();
         /**
-         * Emits the selected year. This doesn't imply a change on the selected date
+         * Передаёт выбранный год, не изменяя выбранную дату
          * */
         this.yearSelected = new EventEmitter();
-        /** Emits when any date is activated. */
+        /** Событие активации любой даты */
         this.pickerDateTimeChange = new EventEmitter();
-        /** Emits when use keyboard enter to select a calendar cell */
+        /** Событие выбора ячейки календаря клавишей Enter */
         this.keyboardEnter = new EventEmitter();
+        this.pickerIntl.changes.pipe(takeUntilDestroyed()).subscribe(() => this.cdRef.markForCheck());
+        this.dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed()).subscribe(() => {
+            this.generateYearList();
+            this.cdRef.markForCheck();
+        });
     }
     ngOnInit() {
     }
@@ -769,10 +788,12 @@ class OwlMultiYearViewComponent {
         this.initiated = true;
     }
     /**
-     * Handle a calendarCell selected
+     * Обрабатывает выбор ячейки календаря
      */
     selectCalendarCell(cell) {
-        this.selectYear(cell.value);
+        if (cell.enabled) {
+            this.selectYear(cell.value);
+        }
     }
     selectYear(year) {
         this.yearSelected.emit(this.dateTimeAdapter.createDate(year, this.dateTimeAdapter.firstMonthOfTheYear, 1));
@@ -782,7 +803,7 @@ class OwlMultiYearViewComponent {
         this.change.emit(selected);
     }
     /**
-     * Generate the previous year list
+     * Создаёт список предыдущих лет
      * */
     prevYearList(event) {
         this._pickerDateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, -1 * this.options.yearsPerRow * this.options.yearRows);
@@ -790,7 +811,7 @@ class OwlMultiYearViewComponent {
         event.preventDefault();
     }
     /**
-     * Generate the next year list
+     * Создаёт список следующих лет
      * */
     nextYearList(event) {
         this._pickerDateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, this.options.yearsPerRow * this.options.yearRows);
@@ -798,9 +819,12 @@ class OwlMultiYearViewComponent {
         event.preventDefault();
     }
     generateYearList() {
+        if (this._pickerDateTime == null) {
+            return;
+        }
         this._years = [];
         const pickerDateTimeYear = this.dateTimeAdapter.getYear(this._pickerDateTime);
-        const offset = pickerDateTimeYear % (this.options.yearsPerRow * this.options.yearRows);
+        const offset = pickerDateTimeYear - this.getYearListStart(this._pickerDateTime);
         for (let i = 0; i < this.options.yearRows; i++) {
             const row = [];
             for (let j = 0; j < this.options.yearsPerRow; j++) {
@@ -812,63 +836,62 @@ class OwlMultiYearViewComponent {
         }
         return;
     }
-    /** Whether the previous period button is enabled. */
+    /** Доступна ли кнопка перехода к предыдущему периоду */
     previousEnabled() {
-        if (!this.minDate) {
-            return true;
-        }
-        return !this.minDate || !this.isSameYearList(this._pickerDateTime, this.minDate);
+        return this.minDate == null || this.getYearListStart(this._pickerDateTime) > this.getYearListStart(this.minDate);
     }
-    /** Whether the next period button is enabled. */
+    /** Доступна ли кнопка перехода к следующему периоду */
     nextEnabled() {
-        return !this.maxDate || !this.isSameYearList(this._pickerDateTime, this.maxDate);
+        return this.maxDate == null || this.getYearListStart(this._pickerDateTime) < this.getYearListStart(this.maxDate);
     }
     handleCalendarKeydown(event) {
         let dateTime;
         switch (event.keyCode) {
-            // minus 1 year
+            // На один год назад
             case LEFT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, -1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 year
+            // На один год вперёд
             case RIGHT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 3 years
+            // На три года назад
             case UP_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, -1 * this.options.yearsPerRow);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 3 years
+            // На три года вперёд
             case DOWN_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, this.options.yearsPerRow);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // go to the first year of the year page
+            // К первому году на текущей странице
             case HOME:
-                dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, -this.dateTimeAdapter.getYear(this._pickerDateTime) % (this.options.yearsPerRow * this.options.yearRows));
+                dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, -this.activeCell);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // go to the last year of the year page
+            // К последнему году на текущей странице
             case END:
-                dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, (this.options.yearsPerRow * this.options.yearRows) - this.dateTimeAdapter.getYear(this._pickerDateTime) % (this.options.yearsPerRow * this.options.yearRows) - 1);
+                dateTime = this.dateTimeAdapter.addCalendarYears(this._pickerDateTime, (this.options.yearsPerRow * this.options.yearRows) - this.activeCell - 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 1 year page (or 10 year pages)
+            // На одну страницу лет (или десять страниц) назад
             case PAGE_UP:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, event.altKey ? -10 * (this.options.yearsPerRow * this.options.yearRows) : -1 * (this.options.yearsPerRow * this.options.yearRows));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 year page (or 10 year pages)
+            // На одну страницу лет (или десять страниц) вперёд
             case PAGE_DOWN:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, event.altKey ? 10 * (this.options.yearsPerRow * this.options.yearRows) : (this.options.yearsPerRow * this.options.yearRows));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
             case ENTER:
-                this.selectYear(this.dateTimeAdapter.getYear(this._pickerDateTime));
-                this.keyboardEnter.emit();
+                if (this.isYearEnabled(this.dateTimeAdapter.getYear(this._pickerDateTime))) {
+                    this.selectYear(this.dateTimeAdapter.getYear(this._pickerDateTime));
+                    this.keyboardEnter.emit();
+                }
                 break;
             default:
                 return;
@@ -877,7 +900,7 @@ class OwlMultiYearViewComponent {
         event.preventDefault();
     }
     /**
-     * Creates an CalendarCell for the given year.
+     * Создаёт CalendarCell для указанного года
      */
     createYearCell(year) {
         const startDateOfYear = this.dateTimeAdapter.createDate(year, this.dateTimeAdapter.firstMonthOfTheYear, 1);
@@ -887,7 +910,7 @@ class OwlMultiYearViewComponent {
     }
     setSelectedYears() {
         this._selectedYears = [];
-        if (this.isInSingleMode && this.selected) {
+        if (this.isInSingleMode && this.selected != null) {
             this._selectedYears[0] = this.dateTimeAdapter.getYear(this.selected);
         }
         if (this.isInRangeMode && this.selecteds) {
@@ -901,33 +924,38 @@ class OwlMultiYearViewComponent {
             });
         }
     }
-    /** Whether the given year is enabled. */
+    /** Доступен ли указанный год для выбора */
     isYearEnabled(year) {
-        // disable if the year is greater than maxDate lower than minDate
+        // Отключаем выбор года, если он позже maxDate или раньше minDate
         if (year === undefined || year === null ||
-            (this.maxDate && year > this.dateTimeAdapter.getYear(this.maxDate)) ||
-            (this.minDate && year < this.dateTimeAdapter.getYear(this.minDate))) {
+            (this.maxDate != null && year > this.dateTimeAdapter.getYear(this.maxDate)) ||
+            (this.minDate != null && year < this.dateTimeAdapter.getYear(this.minDate))) {
             return false;
         }
-        // enable if it reaches here and there's no filter defined
+        // Разрешаем выбор, если проверки пройдены и фильтр не задан
         if (!this.dateFilter) {
             return true;
         }
         const firstOfYear = this.dateTimeAdapter.createDate(year, this.dateTimeAdapter.firstMonthOfTheYear, 1);
-        // If any date in the year is enabled count the year as enabled.
+        // Считаем год доступным для выбора, если доступна хотя бы одна дата в нём
         for (let date = firstOfYear; this.dateTimeAdapter.getYear(date) === year; date = this.dateTimeAdapter.addCalendarDays(date, 1)) {
-            if (this.dateFilter(date)) {
+            if (this.dateFilter(date) &&
+                (this.minDate == null || this.dateTimeAdapter.compare(date, this.minDate) >= 0) &&
+                (this.maxDate == null || this.dateTimeAdapter.compare(date, this.maxDate) <= 0)) {
                 return true;
             }
         }
         return false;
     }
     isSameYearList(date1, date2) {
-        return Math.floor(this.dateTimeAdapter.getYear(date1) / (this.options.yearsPerRow * this.options.yearRows)) ===
-            Math.floor(this.dateTimeAdapter.getYear(date2) / (this.options.yearsPerRow * this.options.yearRows));
+        return this.getYearListStart(date1) === this.getYearListStart(date2);
+    }
+    getYearListStart(date) {
+        const yearsPerPage = this.options.yearsPerRow * this.options.yearRows;
+        return Math.floor(this.dateTimeAdapter.getYear(date) / yearsPerPage) * yearsPerPage;
     }
     /**
-     * Get a valid date object
+     * Возвращает корректный объект даты
      */
     getValidDate(obj) {
         return (this.dateTimeAdapter.isDateInstance(obj) && this.dateTimeAdapter.isValid(obj)) ? obj : null;
@@ -936,14 +964,14 @@ class OwlMultiYearViewComponent {
         this.calendarBodyElm.focusActiveCell();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlMultiYearViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: OwlDateTimeIntl }, { token: DateTimeAdapter, optional: true }, { token: OptionsTokens.multiYear }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: OwlMultiYearViewComponent, isStandalone: false, selector: "owl-date-time-multi-year-view", inputs: { selectMode: "selectMode", selected: "selected", selecteds: "selecteds", pickerDateTime: "pickerDateTime", dateFilter: "dateFilter", minDate: "minDate", maxDate: "maxDate" }, outputs: { change: "change", yearSelected: "yearSelected", pickerDateTimeChange: "pickerDateTimeChange", keyboardEnter: "keyboardEnter" }, host: { properties: { "class.owl-dt-calendar-view": "owlDTCalendarView", "class.owl-dt-calendar-multi-year-view": "owlDTCalendarMultiYearView" } }, viewQueries: [{ propertyName: "calendarBodyElm", first: true, predicate: OwlCalendarBodyComponent, descendants: true, static: true }], ngImport: i0, template: "<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!previousEnabled()\" [attr.aria-label]=\"prevButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"prevYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n             version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\r\n             style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\r\n             width=\"100%\" height=\"100%\">\r\n            <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\r\n    <thead class=\"owl-dt-calendar-header\">\r\n    <tr>\r\n        <th colspan=\"3\">{{tableHeader}}</th>\r\n    </tr>\r\n    </thead>\r\n    <tbody owl-date-time-calendar-body role=\"grid\"\r\n           [rows]=\"years\" [numCols]=\"3\" [cellRatio]=\"3 / 7\"\r\n           [activeCell]=\"activeCell\"\r\n           [todayValue]=\"todayYear\"\r\n           [selectedValues]=\"selectedYears\"\r\n           [selectMode]=\"selectMode\"\r\n           (keydown)=\"handleCalendarKeydown($event)\"\r\n           (select)=\"selectCalendarCell($event)\"></tbody>\r\n</table>\r\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!nextEnabled()\" [attr.aria-label]=\"nextButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"nextYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\r\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\r\n             viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\r\n            <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: OwlCalendarBodyComponent, selector: "[owl-date-time-calendar-body]", inputs: ["activeCell", "rows", "numCols", "cellRatio", "todayValue", "selectedValues", "selectMode"], outputs: ["select"], exportAs: ["owlDateTimeCalendarBody"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: OwlMultiYearViewComponent, isStandalone: false, selector: "owl-date-time-multi-year-view", inputs: { selectMode: "selectMode", selected: "selected", selecteds: "selecteds", pickerDateTime: "pickerDateTime", dateFilter: "dateFilter", minDate: "minDate", maxDate: "maxDate" }, outputs: { change: "change", yearSelected: "yearSelected", pickerDateTimeChange: "pickerDateTimeChange", keyboardEnter: "keyboardEnter" }, host: { properties: { "class.owl-dt-calendar-view": "owlDTCalendarView", "class.owl-dt-calendar-multi-year-view": "owlDTCalendarMultiYearView" } }, viewQueries: [{ propertyName: "calendarBodyElm", first: true, predicate: OwlCalendarBodyComponent, descendants: true, static: true }], ngImport: i0, template: "<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!previousEnabled()\" [attr.aria-label]=\"prevButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"prevYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043B\u0435\u0432\u043E\"> -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n             version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\r\n             style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\r\n             width=\"100%\" height=\"100%\">\r\n            <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\r\n    <thead class=\"owl-dt-calendar-header\">\r\n    <tr>\r\n        <th [attr.colspan]=\"options.yearsPerRow\">{{tableHeader}}</th>\r\n    </tr>\r\n    </thead>\r\n    <tbody owl-date-time-calendar-body role=\"grid\"\r\n           [rows]=\"years\" [numCols]=\"options.yearsPerRow\" [cellRatio]=\"3 / 7\"\r\n           [activeCell]=\"activeCell\"\r\n           [todayValue]=\"todayYear\"\r\n           [selectedValues]=\"selectedYears\"\r\n           [selectMode]=\"selectMode\"\r\n           (keydown)=\"handleCalendarKeydown($event)\"\r\n           (select)=\"selectCalendarCell($event)\"></tbody>\r\n</table>\r\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!nextEnabled()\" [attr.aria-label]=\"nextButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"nextYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043F\u0440\u0430\u0432\u043E\"> -->\r\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\r\n             viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\r\n            <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: OwlCalendarBodyComponent, selector: "[owl-date-time-calendar-body]", inputs: ["activeCell", "rows", "numCols", "cellRatio", "todayValue", "selectedValues", "selectMode"], outputs: ["select"], exportAs: ["owlDateTimeCalendarBody"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlMultiYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'owl-date-time-multi-year-view', host: {
                         '[class.owl-dt-calendar-view]': 'owlDTCalendarView',
                         '[class.owl-dt-calendar-multi-year-view]': 'owlDTCalendarMultiYearView'
-                    }, standalone: false, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!previousEnabled()\" [attr.aria-label]=\"prevButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"prevYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n             version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\r\n             style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\r\n             width=\"100%\" height=\"100%\">\r\n            <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\r\n    <thead class=\"owl-dt-calendar-header\">\r\n    <tr>\r\n        <th colspan=\"3\">{{tableHeader}}</th>\r\n    </tr>\r\n    </thead>\r\n    <tbody owl-date-time-calendar-body role=\"grid\"\r\n           [rows]=\"years\" [numCols]=\"3\" [cellRatio]=\"3 / 7\"\r\n           [activeCell]=\"activeCell\"\r\n           [todayValue]=\"todayYear\"\r\n           [selectedValues]=\"selectedYears\"\r\n           [selectMode]=\"selectMode\"\r\n           (keydown)=\"handleCalendarKeydown($event)\"\r\n           (select)=\"selectCalendarCell($event)\"></tbody>\r\n</table>\r\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!nextEnabled()\" [attr.aria-label]=\"nextButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"nextYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\r\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\r\n             viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\r\n            <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n" }]
+                    }, standalone: false, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!previousEnabled()\" [attr.aria-label]=\"prevButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"prevYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043B\u0435\u0432\u043E\"> -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n             version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\r\n             style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\r\n             width=\"100%\" height=\"100%\">\r\n            <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\r\n    <thead class=\"owl-dt-calendar-header\">\r\n    <tr>\r\n        <th [attr.colspan]=\"options.yearsPerRow\">{{tableHeader}}</th>\r\n    </tr>\r\n    </thead>\r\n    <tbody owl-date-time-calendar-body role=\"grid\"\r\n           [rows]=\"years\" [numCols]=\"options.yearsPerRow\" [cellRatio]=\"3 / 7\"\r\n           [activeCell]=\"activeCell\"\r\n           [todayValue]=\"todayYear\"\r\n           [selectedValues]=\"selectedYears\"\r\n           [selectMode]=\"selectMode\"\r\n           (keydown)=\"handleCalendarKeydown($event)\"\r\n           (select)=\"selectCalendarCell($event)\"></tbody>\r\n</table>\r\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n        [disabled]=\"!nextEnabled()\" [attr.aria-label]=\"nextButtonLabel\"\r\n        type=\"button\" tabindex=\"0\" (click)=\"nextYearList($event)\">\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043F\u0440\u0430\u0432\u043E\"> -->\r\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\r\n             viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\r\n            <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: OwlDateTimeIntl }, { type: DateTimeAdapter, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
@@ -1005,7 +1033,7 @@ class OwlYearViewComponent {
     }
     set selecteds(values) {
         this._selecteds = [];
-        for (let i = 0; i < values.length; i++) {
+        for (let i = 0; i < (values?.length ?? 0); i++) {
             const value = this.dateTimeAdapter.deserialize(values[i]);
             this._selecteds.push(this.getValidDate(value));
         }
@@ -1018,7 +1046,7 @@ class OwlYearViewComponent {
         const oldDateTime = this._pickerDateTime;
         value = this.dateTimeAdapter.deserialize(value);
         this._pickerDateTime =
-            this.getValidDate(value) || this.dateTimeAdapter.now();
+            this.getValidDate(value) ?? this.dateTimeAdapter.now();
         if (!this.hasSameYear(oldDateTime, this._pickerDateTime) &&
             this.initiated) {
             this.generateMonthList();
@@ -1057,7 +1085,7 @@ class OwlYearViewComponent {
         return this._months;
     }
     get activeCell() {
-        if (this._pickerDateTime) {
+        if (this._pickerDateTime != null) {
             return this.dateTimeAdapter.getMonth(this._pickerDateTime);
         }
     }
@@ -1077,33 +1105,34 @@ class OwlYearViewComponent {
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
         /**
-         * The select mode of the picker;
+         * Режим выбора даты
          * */
         this._selectMode = 'single';
         this._selecteds = [];
         this.localeSub = Subscription.EMPTY;
         this.initiated = false;
         /**
-         * An array to hold all selectedDates' month value
-         * the value is the month number in current year
+         * Массив номеров месяцев из selectedDates
+         * Значение — номер месяца в текущем году
          * */
         this.selectedMonths = [];
         /**
-         * Callback to invoke when a new month is selected
+         * Обработчик выбора нового месяца
          * */
         this.change = new EventEmitter();
         /**
-         * Emits the selected year. This doesn't imply a change on the selected date
+         * Передаёт выбранный год, не изменяя выбранную дату
          * */
         this.monthSelected = new EventEmitter();
-        /** Emits when any date is activated. */
+        /** Событие активации любой даты */
         this.pickerDateTimeChange = new EventEmitter();
-        /** Emits when use keyboard enter to select a calendar cell */
+        /** Событие выбора ячейки календаря клавишей Enter */
         this.keyboardEnter = new EventEmitter();
         this.monthNames = this.dateTimeAdapter.getMonthNames('short');
     }
     ngOnInit() {
         this.localeSub = this.dateTimeAdapter.localeChanges.subscribe(() => {
+            this.monthNames = this.dateTimeAdapter.getMonthNames('short');
             this.generateMonthList();
             this.cdRef.markForCheck();
         });
@@ -1116,13 +1145,15 @@ class OwlYearViewComponent {
         this.localeSub.unsubscribe();
     }
     /**
-     * Handle a calendarCell selected
+     * Обрабатывает выбор ячейки календаря
      */
     selectCalendarCell(cell) {
-        this.selectMonth(cell.value);
+        if (cell.enabled) {
+            this.selectMonth(cell.value);
+        }
     }
     /**
-     * Handle a new month selected
+     * Обрабатывает выбор нового месяца
      */
     selectMonth(month) {
         const firstDateOfMonth = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(this.pickerDateTime), month, 1);
@@ -1132,55 +1163,57 @@ class OwlYearViewComponent {
         this.change.emit(result);
     }
     /**
-     * Handle keydown event on calendar body
+     * Обрабатывает keydown в таблице календаря
      */
     handleCalendarKeydown(event) {
         let dateTime;
         switch (event.keyCode) {
-            // minus 1 month
+            // На один месяц назад
             case LEFT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, -1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 month
+            // На один месяц вперёд
             case RIGHT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 3 months
+            // На три месяца назад
             case UP_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, -3);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 3 months
+            // На три месяца вперёд
             case DOWN_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, 3);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // move to first month of current year
+            // К первому месяцу текущего года
             case HOME:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, -this.dateTimeAdapter.getMonth(this.pickerDateTime));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // move to last month of current year
+            // К последнему месяцу текущего года
             case END:
                 dateTime = this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, 11 - this.dateTimeAdapter.getMonth(this.pickerDateTime));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 1 year (or 10 year)
+            // На один год (или десять лет) назад
             case PAGE_UP:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, event.altKey ? -10 : -1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 year (or 10 year)
+            // На один год (или десять лет) вперёд
             case PAGE_DOWN:
                 dateTime = this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, event.altKey ? 10 : 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // Select current month
+            // Выбирает текущий месяц
             case ENTER:
-                this.selectMonth(this.dateTimeAdapter.getMonth(this.pickerDateTime));
-                this.keyboardEnter.emit();
+                if (this.isMonthEnabled(this.dateTimeAdapter.getMonth(this.pickerDateTime))) {
+                    this.selectMonth(this.dateTimeAdapter.getMonth(this.pickerDateTime));
+                    this.keyboardEnter.emit();
+                }
                 break;
             default:
                 return;
@@ -1189,10 +1222,10 @@ class OwlYearViewComponent {
         event.preventDefault();
     }
     /**
-     * Generate the calendar month list
+     * Создаёт список месяцев календаря
      * */
     generateMonthList() {
-        if (!this.pickerDateTime) {
+        if (this.pickerDateTime == null) {
             return;
         }
         this.setSelectedMonths();
@@ -1210,7 +1243,7 @@ class OwlYearViewComponent {
         return;
     }
     /**
-     * Creates an CalendarCell for the given month.
+     * Создаёт CalendarCell для указанного месяца
      */
     createMonthCell(month) {
         const startDateOfMonth = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(this.pickerDateTime), month, 1);
@@ -1219,18 +1252,18 @@ class OwlYearViewComponent {
         return new CalendarCell(month, this.monthNames[month - this.dateTimeAdapter.firstMonthOfTheYear], ariaLabel, this.isMonthEnabled(month), false, cellClass);
     }
     /**
-     * Check if the given month is enable
+     * Проверяет доступность указанного месяца для выбора
      */
     isMonthEnabled(month) {
         const firstDateOfMonth = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(this.pickerDateTime), month, 1);
-        // If any date in the month is selectable,
-        // we count the month as enable
+        // Если в месяце доступна для выбора хотя бы одна дата,
+        // считаем месяц доступным для выбора
         for (let date = firstDateOfMonth; this.dateTimeAdapter.getMonth(date) === month; date = this.dateTimeAdapter.addCalendarDays(date, 1)) {
-            if (!!date &&
+            if (date != null &&
                 (!this.dateFilter || this.dateFilter(date)) &&
-                (!this.minDate ||
+                (this.minDate == null ||
                     this.dateTimeAdapter.compare(date, this.minDate) >= 0) &&
-                (!this.maxDate ||
+                (this.maxDate == null ||
                     this.dateTimeAdapter.compare(date, this.maxDate) <= 0)) {
                 return true;
             }
@@ -1238,15 +1271,15 @@ class OwlYearViewComponent {
         return false;
     }
     /**
-     * Gets the month in this year that the given Date falls on.
-     * Returns null if the given Date is in another year.
+     * Возвращает месяц указанной даты в текущем году
+     * Возвращает null, если указанная дата находится в другом году
      */
     getMonthInCurrentYear(date) {
-        if (this.getValidDate(date) && this.getValidDate(this._pickerDateTime)) {
+        if (this.getValidDate(date) != null && this.getValidDate(this._pickerDateTime) != null) {
             const result = this.dateTimeAdapter.compareYear(date, this._pickerDateTime);
-            // < 0: the selected date is in an earlier year, so return -1.
-            // > 0: the selected date is in a later year, so return 12.
-            // 0: both values are in the same year, so return the actual month.
+            // < 0: выбранная дата находится в предыдущем году, поэтому возвращаем -1
+            // > 0: выбранная дата находится в следующем году, поэтому возвращаем 12
+            // 0: оба значения находятся в одном году, поэтому возвращаем номер месяца
             if (result < 0) {
                 return -1;
             }
@@ -1262,13 +1295,13 @@ class OwlYearViewComponent {
         }
     }
     /**
-     * Set the selectedMonths value
-     * In single mode, it has only one value which represent the month the selected date in
-     * In range mode, it would has two values, one for the month the fromValue in and the other for the month the toValue in
+     * Задаёт значение selectedMonths
+     * В режиме single содержит одно значение — месяц выбранной даты
+     * В режиме range содержит два значения: месяц fromValue и месяц toValue
      * */
     setSelectedMonths() {
         this.selectedMonths = [];
-        if (this.isInSingleMode && this.selected) {
+        if (this.isInSingleMode && this.selected != null) {
             this.selectedMonths[0] = this.getMonthInCurrentYear(this.selected);
         }
         if (this.isInRangeMode && this.selecteds) {
@@ -1277,16 +1310,16 @@ class OwlYearViewComponent {
         }
     }
     /**
-     * Check the given dates are in the same year
+     * Проверяет, находятся ли указанные даты в одном году
      */
     hasSameYear(dateLeft, dateRight) {
-        return !!(dateLeft &&
-            dateRight &&
+        return !!(dateLeft != null &&
+            dateRight != null &&
             this.dateTimeAdapter.getYear(dateLeft) ===
                 this.dateTimeAdapter.getYear(dateRight));
     }
     /**
-     * Get a valid date object
+     * Возвращает корректный объект даты
      */
     getValidDate(obj) {
         return this.dateTimeAdapter.isDateInstance(obj) &&
@@ -1384,7 +1417,7 @@ class OwlMonthViewComponent {
         return this._selecteds;
     }
     set selecteds(values) {
-        this._selecteds = values.map(v => {
+        this._selecteds = (values ?? []).map(v => {
             v = this.dateTimeAdapter.deserialize(v);
             return this.getValidDate(v);
         });
@@ -1397,7 +1430,7 @@ class OwlMonthViewComponent {
         const oldDateTime = this._pickerDateTime;
         value = this.dateTimeAdapter.deserialize(value);
         this._pickerDateTime =
-            this.getValidDate(value) || this.dateTimeAdapter.now();
+            this.getValidDate(value) ?? this.dateTimeAdapter.now();
         this.firstDateOfMonth = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(this._pickerDateTime), this.dateTimeAdapter.getMonth(this._pickerDateTime), 1);
         if (!this.isSameMonth(oldDateTime, this._pickerDateTime) &&
             this.initiated) {
@@ -1443,7 +1476,7 @@ class OwlMonthViewComponent {
         return this._days;
     }
     get activeCell() {
-        if (this.pickerDateTime) {
+        if (this.pickerDateTime != null) {
             return (this.dateTimeAdapter.getDate(this.pickerDateTime) +
                 this.firstRowOffset -
                 1);
@@ -1465,35 +1498,35 @@ class OwlMonthViewComponent {
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
         /**
-         * Whether to hide dates in other months at the start or end of the current month.
+         * Нужно ли скрывать даты соседних месяцев в начале или конце текущего месяца
          * */
         this.hideOtherMonths = false;
         /**
-         * Whether to show calendar weeks in the calendar
+         * Нужно ли показывать номера недель в календаре
          * */
         this.showCalendarWeeks = false;
         this.isDefaultFirstDayOfWeek = true;
         /**
-         * The select mode of the picker;
+         * Режим выбора даты
          * */
         this._selectMode = 'single';
         this._selecteds = [];
         this.localeSub = Subscription.EMPTY;
         this.initiated = false;
         /**
-         * An array to hold all selectedDates' value
-         * the value is the day number in current month
+         * Массив значений selectedDates
+         * Значение — номер дня в текущем месяце
          * */
         this.selectedDates = [];
         /**
-         * Callback to invoke when a new date is selected
+         * Обработчик выбора новой даты
          * */
         this.selectedChange = new EventEmitter();
         /**
-         * Callback to invoke when any date is selected.
+         * Обработчик выбора любой даты
          * */
         this.userSelection = new EventEmitter();
-        /** Emits when any date is activated. */
+        /** Событие активации любой даты */
         this.pickerDateTimeChange = new EventEmitter();
     }
     ngOnInit() {
@@ -1514,19 +1547,19 @@ class OwlMonthViewComponent {
         this.localeSub.unsubscribe();
     }
     /**
-     * Handle a calendarCell selected
+     * Обрабатывает выбор ячейки календаря
      */
     selectCalendarCell(cell) {
-        // Cases in which the date would not be selected
-        // 1, the calendar cell is NOT enabled (is NOT valid)
-        // 2, the selected date is NOT in current picker's month and the hideOtherMonths is enabled
+        // Условия, при которых дата не выбирается:
+        // 1) Ячейка календаря недоступна для выбора
+        // 2) Дата находится вне текущего месяца и включён hideOtherMonths
         if (!cell.enabled || (this.hideOtherMonths && cell.out)) {
             return;
         }
         this.selectDate(cell.value);
     }
     /**
-     * Handle a new date selected
+     * Обрабатывает выбор новой даты
      */
     selectDate(date) {
         const daysDiff = date - 1;
@@ -1535,59 +1568,59 @@ class OwlMonthViewComponent {
         this.userSelection.emit();
     }
     /**
-     * Handle keydown event on calendar body
+     * Обрабатывает keydown в таблице календаря
      */
     handleCalendarKeydown(event) {
         let dateTime;
         switch (event.keyCode) {
-            // minus 1 day
+            // На один день назад
             case LEFT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, -1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 day
+            // На один день вперёд
             case RIGHT_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 1 week
+            // На одну неделю назад
             case UP_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, -7);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 week
+            // На одну неделю вперёд
             case DOWN_ARROW:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, 7);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // move to first day of current month
+            // К первому дню текущего месяца
             case HOME:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, 1 - this.dateTimeAdapter.getDate(this.pickerDateTime));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // move to last day of current month
+            // К последнему дню текущего месяца
             case END:
                 dateTime = this.dateTimeAdapter.addCalendarDays(this.pickerDateTime, this.dateTimeAdapter.getNumDaysInMonth(this.pickerDateTime) -
                     this.dateTimeAdapter.getDate(this.pickerDateTime));
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // minus 1 month (or 1 year)
+            // На один месяц (или год) назад
             case PAGE_UP:
                 dateTime = event.altKey
                     ? this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, -1)
                     : this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, -1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // add 1 month (or 1 year)
+            // На один месяц (или год) вперёд
             case PAGE_DOWN:
                 dateTime = event.altKey
                     ? this.dateTimeAdapter.addCalendarYears(this.pickerDateTime, 1)
                     : this.dateTimeAdapter.addCalendarMonths(this.pickerDateTime, 1);
                 this.pickerDateTimeChange.emit(dateTime);
                 break;
-            // Select the active date.
+            // Выбирает активную дату
             case ENTER:
-                if (!this.dateFilter || this.dateFilter(this.pickerDateTime)) {
+                if (this.isDateEnabled(this.dateTimeAdapter.addCalendarDays(this.firstDateOfMonth, this.dateTimeAdapter.getDate(this.pickerDateTime) - 1))) {
                     this.selectDate(this.dateTimeAdapter.getDate(this.pickerDateTime));
                 }
                 break;
@@ -1598,7 +1631,7 @@ class OwlMonthViewComponent {
         event.preventDefault();
     }
     /**
-     * Generate the calendar weekdays array
+     * Создаёт массив дней недели для календаря
      * */
     generateWeekDays() {
         const longWeekdays = this.dateTimeAdapter.getDayOfWeekNames('long');
@@ -1615,10 +1648,10 @@ class OwlMonthViewComponent {
         return;
     }
     /**
-     * Generate the calendar days array
+     * Создаёт массив дней календаря
      * */
     generateCalendar() {
-        if (!this.pickerDateTime) {
+        if (this.pickerDateTime == null) {
             return;
         }
         this.todayDate = null;
@@ -1652,11 +1685,11 @@ class OwlMonthViewComponent {
     }
     getISOWeek(d) {
         const clonedDate = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
-        // Make Sunday's day number 7
+        // Используем для воскресенья номер дня 7
         clonedDate.setUTCDate(clonedDate.getUTCDate() + 4 - (clonedDate.getUTCDay() || 7));
-        // Get first day of year
+        // Получаем первый день года
         const yearStart = new Date(Date.UTC(clonedDate.getUTCFullYear(), 0, 1));
-        // Calculate full weeks to nearest Thursday
+        // Вычисляем число полных недель до ближайшего четверга
         const weekNo = Math.ceil((((+clonedDate - +yearStart) / 86400000) + 1) / 7);
         return weekNo;
     }
@@ -1671,36 +1704,36 @@ class OwlMonthViewComponent {
         }
     }
     /**
-     * Creates CalendarCell for days.
+     * Создаёт CalendarCell для дней
      */
     createDateCell(date, daysDiff) {
-        // total days of the month
+        // Количество дней в месяце
         const daysInMonth = this.dateTimeAdapter.getNumDaysInMonth(this.pickerDateTime);
         const dateNum = this.dateTimeAdapter.getDate(date);
         // const dateName = this.dateNames[dateNum - 1];
         const dateName = dateNum.toString();
         const ariaLabel = this.dateTimeAdapter.format(date, this.dateTimeFormats.dateA11yLabel);
-        // check if the date if selectable
+        // Проверяем доступность даты для выбора
         const enabled = this.isDateEnabled(date);
-        // check if date is not in current month
+        // Проверяем, находится ли дата вне текущего месяца
         const dayValue = daysDiff + 1;
         const out = dayValue < 1 || dayValue > daysInMonth;
         const cellClass = 'owl-dt-day-' + this.dateTimeAdapter.getDay(date);
         return new CalendarCell(dayValue, dateName, ariaLabel, enabled, out, cellClass);
     }
     /**
-     * Check if the date is valid
+     * Проверяет допустимость даты
      */
     isDateEnabled(date) {
-        return (!!date &&
+        return (date != null &&
             (!this.dateFilter || this.dateFilter(date)) &&
-            (!this.minDate ||
+            (this.minDate == null ||
                 this.dateTimeAdapter.compare(date, this.minDate) >= 0) &&
-            (!this.maxDate ||
+            (this.maxDate == null ||
                 this.dateTimeAdapter.compare(date, this.maxDate) <= 0));
     }
     /**
-     * Get a valid date object
+     * Возвращает корректный объект даты
      */
     getValidDate(obj) {
         return this.dateTimeAdapter.isDateInstance(obj) &&
@@ -1709,11 +1742,11 @@ class OwlMonthViewComponent {
             : null;
     }
     /**
-     * Check if the give dates are none-null and in the same month
+     * Проверяет, что даты не равны null и находятся в одном месяце
      */
     isSameMonth(dateLeft, dateRight) {
-        return (dateLeft &&
-            dateRight &&
+        return (dateLeft != null &&
+            dateRight != null &&
             this.dateTimeAdapter.isValid(dateLeft) &&
             this.dateTimeAdapter.isValid(dateRight) &&
             this.dateTimeAdapter.getYear(dateLeft) ===
@@ -1728,16 +1761,16 @@ class OwlMonthViewComponent {
         return Math.ceil((((+jsDate - +yearStart) / 86400000) + 1) / 7);
     }
     /**
-     * Set the selectedDates value.
-     * In single mode, it has only one value which represent the selected date
-     * In range mode, it would has two values, one for the fromValue and the other for the toValue
+     * Задаёт значение selectedDates
+     * В режиме single содержит одно значение — выбранную дату
+     * В режиме range содержит два значения: fromValue и toValue
      * */
     setSelectedDates() {
         this.selectedDates = [];
-        if (!this.firstDateOfMonth) {
+        if (this.firstDateOfMonth == null) {
             return;
         }
-        if (this.isInSingleMode && this.selected) {
+        if (this.isInSingleMode && this.selected != null) {
             const dayDiff = this.dateTimeAdapter.differenceInCalendarDays(this.selected, this.firstDateOfMonth);
             this.selectedDates[0] = dayDiff + 1;
             return;
@@ -1813,7 +1846,7 @@ class OwlCalendarComponent {
     set minDate(value) {
         value = this.dateTimeAdapter.deserialize(value);
         value = this.getValidDate(value);
-        this._minDate = value
+        this._minDate = value != null
             ? this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(value), this.dateTimeAdapter.getMonth(value), this.dateTimeAdapter.getDate(value))
             : null;
     }
@@ -1823,7 +1856,7 @@ class OwlCalendarComponent {
     set maxDate(value) {
         value = this.dateTimeAdapter.deserialize(value);
         value = this.getValidDate(value);
-        this._maxDate = value
+        this._maxDate = value != null
             ? this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(value), this.dateTimeAdapter.getMonth(value), this.dateTimeAdapter.getDate(value))
             : null;
     }
@@ -1833,7 +1866,7 @@ class OwlCalendarComponent {
     set pickerDateTime(value) {
         value = this.dateTimeAdapter.deserialize(value);
         this._pickerDateTime =
-            this.getValidDate(value) || this.dateTimeAdapter.now();
+            this.getValidDate(value) ?? this.dateTimeAdapter.now();
     }
     get selected() {
         return this._selected;
@@ -1846,7 +1879,7 @@ class OwlCalendarComponent {
         return this._selecteds;
     }
     set selecteds(values) {
-        this._selecteds = values.map(v => {
+        this._selecteds = (values ?? []).map(v => {
             v = this.dateTimeAdapter.deserialize(v);
             return this.getValidDate(v);
         });
@@ -1905,7 +1938,7 @@ class OwlCalendarComponent {
         return this._currentView === DateView.MONTH;
     }
     /**
-     * Bind class 'owl-dt-calendar' to host
+     * Добавляет класс 'owl-dt-calendar' к элементу компонента
      * */
     get owlDTCalendarClass() {
         return true;
@@ -1917,56 +1950,58 @@ class OwlCalendarComponent {
         this.cdRef = cdRef;
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
+        this.injector = inject(Injector);
+        this.destroyRef = inject(DestroyRef);
         this.DateView = DateView;
         this._selecteds = [];
         /**
-         * The view that the calendar should start in.
+         * Начальное представление календаря
          */
         this.startView = DateView.MONTH;
         /**
-         * Whether to should only the year and multi-year views.
+         * Нужно ли показывать только представления года и нескольких лет
          */
         this.yearOnly = false;
         /**
-         * Whether to show calendar weeks in the calendar
+         * Нужно ли показывать номера недель в календаре
          * */
         this.showCalendarWeeks = false;
         /**
-         * Whether to should only the multi-year view.
+         * Нужно ли показывать только представление нескольких лет
          */
         this.multiyearOnly = false;
-        /** Emits when the displayed date and time changes. */
+        /** Событие изменения отображаемых даты и времени */
         this.pickerDateTimeChange = new EventEmitter();
-        /** Emits when the selected date changes. */
+        /** Событие изменения выбранной даты */
         this.dateClicked = new EventEmitter();
-        /** Emits when the currently selected date changes. */
+        /** Событие изменения текущей выбранной даты */
         this.selectedChange = new EventEmitter();
-        /** Emits when any date is selected. */
+        /** Событие выбора любой даты */
         this.userSelection = new EventEmitter();
         /**
-         * Emits the selected year. This doesn't imply a change on the selected date
+         * Передаёт выбранный год, не изменяя выбранную дату
          * */
         this.yearSelected = new EventEmitter();
         /**
-         * Emits the selected month. This doesn't imply a change on the selected date
+         * Передаёт выбранный месяц, не изменяя выбранную дату
          * */
         this.monthSelected = new EventEmitter();
         this.intlChangesSub = Subscription.EMPTY;
         /**
-         * Used for scheduling that focus should be moved to the active cell on the next tick.
-         * We need to schedule it, rather than do it immediately, because we have to wait
-         * for Angular to re-evaluate the view children.
+         * Откладывает перевод фокуса на активную ячейку до следующего обновления представления
+         * Перевод фокуса откладывается, чтобы дождаться, пока Angular
+         * обновит дочерние элементы представления
          */
         this.moveFocusOnNextTick = false;
         /**
-         * Date filter for the month and year view
+         * Фильтр дат для представлений месяца и года
          */
         this.dateFilterForViews = (date) => {
-            return (!!date &&
+            return (date != null &&
                 (!this.dateFilter || this.dateFilter(date)) &&
-                (!this.minDate ||
+                (this.minDate == null ||
                     this.dateTimeAdapter.compare(date, this.minDate) >= 0) &&
-                (!this.maxDate ||
+                (this.maxDate == null ||
                     this.dateTimeAdapter.compare(date, this.maxDate) <= 0));
         };
         this.intlChangesSub = this.pickerIntl.changes.subscribe(() => {
@@ -1988,7 +2023,7 @@ class OwlCalendarComponent {
         this.intlChangesSub.unsubscribe();
     }
     /**
-     * Toggle between month view and year view
+     * Переключает представления месяца и года
      */
     toggleViews() {
         let nextView = null;
@@ -2009,7 +2044,7 @@ class OwlCalendarComponent {
         this.currentView = nextView;
     }
     /**
-     * Handles user clicks on the previous button.
+     * Обрабатывает нажатие кнопки перехода к предыдущему периоду
      * */
     previousClicked() {
         this.pickerDateTime = this.isMonthView
@@ -2018,7 +2053,7 @@ class OwlCalendarComponent {
         this.pickerDateTimeChange.emit(this.pickerDateTime);
     }
     /**
-     * Handles user clicks on the next button.
+     * Обрабатывает нажатие кнопки перехода к следующему периоду
      * */
     nextClicked() {
         this.pickerDateTime = this.isMonthView
@@ -2038,7 +2073,7 @@ class OwlCalendarComponent {
         }*/
     }
     /**
-     * Change the displayed date and switch to a specific view.
+     * Меняет отображаемую дату и переключается на указанное представление
      */
     goToDateInView(date, view) {
         this.handlePickerDateTimeChange(date);
@@ -2053,7 +2088,7 @@ class OwlCalendarComponent {
         return;
     }
     /**
-     * Change the displayed date.
+     * Меняет отображаемую дату
      */
     handlePickerDateTimeChange(date) {
         this.pickerDateTime = this.dateTimeAdapter.clampDate(date, this.minDate, this.maxDate);
@@ -2064,31 +2099,31 @@ class OwlCalendarComponent {
         this.userSelection.emit();
     }
     /**
-     * Whether the previous period button is enabled.
+     * Доступна ли кнопка перехода к предыдущему периоду
      */
     prevButtonEnabled() {
-        return (!this.minDate || !this.isSameView(this.pickerDateTime, this.minDate));
+        return (this.minDate == null || !this.isSameView(this.pickerDateTime, this.minDate));
     }
     /**
-     * Whether the next period button is enabled.
+     * Доступна ли кнопка перехода к следующему периоду
      */
     nextButtonEnabled() {
-        return (!this.maxDate || !this.isSameView(this.pickerDateTime, this.maxDate));
+        return (this.maxDate == null || !this.isSameView(this.pickerDateTime, this.maxDate));
     }
     /**
-     * Focus to the host element
+     * Переводит фокус на элемент компонента
      * */
     focusActiveCell() {
-        this.ngZone.runOutsideAngular(() => {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                this.elmRef.nativeElement
-                    .querySelector('.owl-dt-calendar-cell-active')
-                    .focus();
-            });
-        });
+        if (this.destroyRef.destroyed) {
+            return;
+        }
+        this.focusRef?.destroy();
+        this.focusRef = afterNextRender({
+            write: () => {
+                this.focusRef = undefined;
+                this.elmRef.nativeElement.querySelector('.owl-dt-calendar-cell-active')?.focus();
+            }
+        }, { injector: this.injector });
     }
     selectYearInMultiYearView(normalizedYear) {
         this.yearSelected.emit(normalizedYear);
@@ -2097,20 +2132,20 @@ class OwlCalendarComponent {
         this.monthSelected.emit(normalizedMonth);
     }
     /**
-     * Whether the two dates represent the same view in the current view mode (month or year).
+     * Соответствуют ли две даты одному представлению в текущем режиме (месяц или год)
      */
     isSameView(date1, date2) {
         if (this._currentView === DateView.MONTH) {
-            return !!(date1 &&
-                date2 &&
+            return !!(date1 != null &&
+                date2 != null &&
                 this.dateTimeAdapter.getYear(date1) ===
                     this.dateTimeAdapter.getYear(date2) &&
                 this.dateTimeAdapter.getMonth(date1) ===
                     this.dateTimeAdapter.getMonth(date2));
         }
         else if (this._currentView === DateView.YEAR) {
-            return !!(date1 &&
-                date2 &&
+            return !!(date1 != null &&
+                date2 != null &&
                 this.dateTimeAdapter.getYear(date1) ===
                     this.dateTimeAdapter.getYear(date2));
         }
@@ -2119,7 +2154,7 @@ class OwlCalendarComponent {
         }
     }
     /**
-     * Get a valid date object
+     * Возвращает корректный объект даты
      */
     getValidDate(obj) {
         return this.dateTimeAdapter.isDateInstance(obj) &&
@@ -2128,13 +2163,13 @@ class OwlCalendarComponent {
             : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlCalendarComponent, deps: [{ token: i0.ElementRef }, { token: OwlDateTimeIntl }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: DateTimeAdapter, optional: true }, { token: OWL_DATE_TIME_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: OwlCalendarComponent, isStandalone: false, selector: "owl-date-time-calendar", inputs: { minDate: "minDate", maxDate: "maxDate", pickerDateTime: "pickerDateTime", selected: "selected", selecteds: "selecteds", dateFilter: "dateFilter", firstDayOfWeek: "firstDayOfWeek", selectMode: "selectMode", startView: "startView", yearOnly: "yearOnly", showCalendarWeeks: "showCalendarWeeks", multiyearOnly: "multiyearOnly", hideOtherMonths: "hideOtherMonths" }, outputs: { pickerDateTimeChange: "pickerDateTimeChange", dateClicked: "dateClicked", selectedChange: "selectedChange", userSelection: "userSelection", yearSelected: "yearSelected", monthSelected: "monthSelected" }, host: { properties: { "class.owl-dt-calendar": "owlDTCalendarClass" } }, exportAs: ["owlDateTimeCalendar"], ngImport: i0, template: "<div class=\"owl-dt-calendar-control\">\r\n    <!-- focus when keyboard tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!prevButtonEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                version=\"1.1\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n    <div class=\"owl-dt-calendar-control-content\">\r\n        <button\r\n            class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\r\n            type=\"button\"\r\n            tabindex=\"0\"\r\n            [attr.aria-label]=\"periodButtonLabel\"\r\n            (click)=\"toggleViews()\"\r\n        >\r\n            <span\r\n                class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n                tabindex=\"-1\"\r\n            >\r\n                {{ periodButtonText }}\r\n\r\n                <span\r\n                    class=\"owl-dt-control-button-arrow\"\r\n                    [style.transform]=\"\r\n                        'rotate(' + (isMonthView ? 0 : 180) + 'deg)'\r\n                    \"\r\n                >\r\n                    <!-- <editor-fold desc=\"SVG Arrow\"> -->\r\n                    <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"50%\"\r\n                        height=\"50%\"\r\n                        viewBox=\"0 0 292.362 292.362\"\r\n                        style=\"enable-background: new 0 0 292.362 292.362\"\r\n                        xml:space=\"preserve\"\r\n                    >\r\n                        <g>\r\n                            <path\r\n                                d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\r\n                                C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\r\n                                s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"\r\n                            />\r\n                        </g>\r\n                    </svg>\r\n                    <!-- </editor-fold> -->\r\n                </span>\r\n            </span>\r\n        </button>\r\n    </div>\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!nextButtonEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\r\n            <svg\r\n                version=\"1.1\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                    c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                    c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                    C197.237,120.447,195.534,115.448,191.75,111.689z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n</div>\r\n<div class=\"owl-dt-calendar-main\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n    @switch (currentView) {\r\n        @case (DateView.MONTH) {\r\n            <owl-date-time-month-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [firstDayOfWeek]=\"firstDayOfWeek\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [showCalendarWeeks]=\"showCalendarWeeks\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                [hideOtherMonths]=\"hideOtherMonths\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (selectedChange)=\"dateSelected($event)\"\r\n                (userSelection)=\"userSelected()\"\r\n            ></owl-date-time-month-view>\r\n        }\r\n        @case (DateView.YEAR) {\r\n            <owl-date-time-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (monthSelected)=\"selectMonthInYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.MONTH)\"\r\n            ></owl-date-time-year-view>\r\n        }\r\n        @case (DateView.MULTI_YEARS) {\r\n            <owl-date-time-multi-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (yearSelected)=\"selectYearInMultiYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.YEAR)\"\r\n            ></owl-date-time-multi-year-view>\r\n        }\r\n    }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: OwlMultiYearViewComponent, selector: "owl-date-time-multi-year-view", inputs: ["selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["change", "yearSelected", "pickerDateTimeChange", "keyboardEnter"] }, { kind: "component", type: OwlYearViewComponent, selector: "owl-date-time-year-view", inputs: ["selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["change", "monthSelected", "pickerDateTimeChange", "keyboardEnter"], exportAs: ["owlMonthView"] }, { kind: "component", type: OwlMonthViewComponent, selector: "owl-date-time-month-view", inputs: ["hideOtherMonths", "showCalendarWeeks", "firstDayOfWeek", "selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["selectedChange", "userSelection", "pickerDateTimeChange"], exportAs: ["owlYearView"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: OwlCalendarComponent, isStandalone: false, selector: "owl-date-time-calendar", inputs: { minDate: "minDate", maxDate: "maxDate", pickerDateTime: "pickerDateTime", selected: "selected", selecteds: "selecteds", dateFilter: "dateFilter", firstDayOfWeek: "firstDayOfWeek", selectMode: "selectMode", startView: "startView", yearOnly: "yearOnly", showCalendarWeeks: "showCalendarWeeks", multiyearOnly: "multiyearOnly", hideOtherMonths: "hideOtherMonths" }, outputs: { pickerDateTimeChange: "pickerDateTimeChange", dateClicked: "dateClicked", selectedChange: "selectedChange", userSelection: "userSelection", yearSelected: "yearSelected", monthSelected: "monthSelected" }, host: { properties: { "class.owl-dt-calendar": "owlDTCalendarClass" } }, exportAs: ["owlDateTimeCalendar"], ngImport: i0, template: "<div class=\"owl-dt-calendar-control\">\r\n    <!-- \u0424\u043E\u043A\u0443\u0441 \u043F\u0440\u0438 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043A\u043B\u0430\u0432\u0438\u0448\u0435\u0439 Tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!prevButtonEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043B\u0435\u0432\u043E\"> -->\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                version=\"1.1\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n    <div class=\"owl-dt-calendar-control-content\">\r\n        <button\r\n            class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\r\n            type=\"button\"\r\n            tabindex=\"0\"\r\n            [attr.aria-label]=\"periodButtonLabel\"\r\n            (click)=\"toggleViews()\"\r\n        >\r\n            <span\r\n                class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n                tabindex=\"-1\"\r\n            >\r\n                {{ periodButtonText }}\r\n\r\n                <span\r\n                    class=\"owl-dt-control-button-arrow\"\r\n                    [style.transform]=\"\r\n                        'rotate(' + (isMonthView ? 0 : 180) + 'deg)'\r\n                    \"\r\n                >\r\n                    <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430\"> -->\r\n                    <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"50%\"\r\n                        height=\"50%\"\r\n                        viewBox=\"0 0 292.362 292.362\"\r\n                        style=\"enable-background: new 0 0 292.362 292.362\"\r\n                        xml:space=\"preserve\"\r\n                    >\r\n                        <g>\r\n                            <path\r\n                                d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\r\n                                C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\r\n                                s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"\r\n                            />\r\n                        </g>\r\n                    </svg>\r\n                    <!-- </editor-fold> -->\r\n                </span>\r\n            </span>\r\n        </button>\r\n    </div>\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!nextButtonEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043F\u0440\u0430\u0432\u043E\"> -->\r\n            <svg\r\n                version=\"1.1\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                    c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                    c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                    C197.237,120.447,195.534,115.448,191.75,111.689z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n</div>\r\n<div class=\"owl-dt-calendar-main\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n    @switch (currentView) {\r\n        @case (DateView.MONTH) {\r\n            <owl-date-time-month-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [firstDayOfWeek]=\"firstDayOfWeek\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [showCalendarWeeks]=\"showCalendarWeeks\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                [hideOtherMonths]=\"hideOtherMonths\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (selectedChange)=\"dateSelected($event)\"\r\n                (userSelection)=\"userSelected()\"\r\n            ></owl-date-time-month-view>\r\n        }\r\n        @case (DateView.YEAR) {\r\n            <owl-date-time-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (monthSelected)=\"selectMonthInYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.MONTH)\"\r\n            ></owl-date-time-year-view>\r\n        }\r\n        @case (DateView.MULTI_YEARS) {\r\n            <owl-date-time-multi-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (yearSelected)=\"selectYearInMultiYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.YEAR)\"\r\n            ></owl-date-time-multi-year-view>\r\n        }\r\n    }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: OwlMultiYearViewComponent, selector: "owl-date-time-multi-year-view", inputs: ["selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["change", "yearSelected", "pickerDateTimeChange", "keyboardEnter"] }, { kind: "component", type: OwlYearViewComponent, selector: "owl-date-time-year-view", inputs: ["selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["change", "monthSelected", "pickerDateTimeChange", "keyboardEnter"], exportAs: ["owlMonthView"] }, { kind: "component", type: OwlMonthViewComponent, selector: "owl-date-time-month-view", inputs: ["hideOtherMonths", "showCalendarWeeks", "firstDayOfWeek", "selectMode", "selected", "selecteds", "pickerDateTime", "dateFilter", "minDate", "maxDate"], outputs: ["selectedChange", "userSelection", "pickerDateTimeChange"], exportAs: ["owlYearView"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'owl-date-time-calendar', exportAs: 'owlDateTimeCalendar', standalone: false, host: {
                         '[class.owl-dt-calendar]': 'owlDTCalendarClass'
-                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"owl-dt-calendar-control\">\r\n    <!-- focus when keyboard tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!prevButtonEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                version=\"1.1\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n    <div class=\"owl-dt-calendar-control-content\">\r\n        <button\r\n            class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\r\n            type=\"button\"\r\n            tabindex=\"0\"\r\n            [attr.aria-label]=\"periodButtonLabel\"\r\n            (click)=\"toggleViews()\"\r\n        >\r\n            <span\r\n                class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n                tabindex=\"-1\"\r\n            >\r\n                {{ periodButtonText }}\r\n\r\n                <span\r\n                    class=\"owl-dt-control-button-arrow\"\r\n                    [style.transform]=\"\r\n                        'rotate(' + (isMonthView ? 0 : 180) + 'deg)'\r\n                    \"\r\n                >\r\n                    <!-- <editor-fold desc=\"SVG Arrow\"> -->\r\n                    <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"50%\"\r\n                        height=\"50%\"\r\n                        viewBox=\"0 0 292.362 292.362\"\r\n                        style=\"enable-background: new 0 0 292.362 292.362\"\r\n                        xml:space=\"preserve\"\r\n                    >\r\n                        <g>\r\n                            <path\r\n                                d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\r\n                                C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\r\n                                s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"\r\n                            />\r\n                        </g>\r\n                    </svg>\r\n                    <!-- </editor-fold> -->\r\n                </span>\r\n            </span>\r\n        </button>\r\n    </div>\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!nextButtonEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\r\n            <svg\r\n                version=\"1.1\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                    c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                    c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                    C197.237,120.447,195.534,115.448,191.75,111.689z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n</div>\r\n<div class=\"owl-dt-calendar-main\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n    @switch (currentView) {\r\n        @case (DateView.MONTH) {\r\n            <owl-date-time-month-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [firstDayOfWeek]=\"firstDayOfWeek\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [showCalendarWeeks]=\"showCalendarWeeks\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                [hideOtherMonths]=\"hideOtherMonths\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (selectedChange)=\"dateSelected($event)\"\r\n                (userSelection)=\"userSelected()\"\r\n            ></owl-date-time-month-view>\r\n        }\r\n        @case (DateView.YEAR) {\r\n            <owl-date-time-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (monthSelected)=\"selectMonthInYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.MONTH)\"\r\n            ></owl-date-time-year-view>\r\n        }\r\n        @case (DateView.MULTI_YEARS) {\r\n            <owl-date-time-multi-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (yearSelected)=\"selectYearInMultiYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.YEAR)\"\r\n            ></owl-date-time-multi-year-view>\r\n        }\r\n    }\r\n</div>\r\n" }]
+                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"owl-dt-calendar-control\">\r\n    <!-- \u0424\u043E\u043A\u0443\u0441 \u043F\u0440\u0438 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043A\u043B\u0430\u0432\u0438\u0448\u0435\u0439 Tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!prevButtonEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043B\u0435\u0432\u043E\"> -->\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                version=\"1.1\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n    <div class=\"owl-dt-calendar-control-content\">\r\n        <button\r\n            class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\r\n            type=\"button\"\r\n            tabindex=\"0\"\r\n            [attr.aria-label]=\"periodButtonLabel\"\r\n            (click)=\"toggleViews()\"\r\n        >\r\n            <span\r\n                class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n                tabindex=\"-1\"\r\n            >\r\n                {{ periodButtonText }}\r\n\r\n                <span\r\n                    class=\"owl-dt-control-button-arrow\"\r\n                    [style.transform]=\"\r\n                        'rotate(' + (isMonthView ? 0 : 180) + 'deg)'\r\n                    \"\r\n                >\r\n                    <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430\"> -->\r\n                    <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"50%\"\r\n                        height=\"50%\"\r\n                        viewBox=\"0 0 292.362 292.362\"\r\n                        style=\"enable-background: new 0 0 292.362 292.362\"\r\n                        xml:space=\"preserve\"\r\n                    >\r\n                        <g>\r\n                            <path\r\n                                d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\r\n                                C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\r\n                                s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"\r\n                            />\r\n                        </g>\r\n                    </svg>\r\n                    <!-- </editor-fold> -->\r\n                </span>\r\n            </span>\r\n        </button>\r\n    </div>\r\n    <button\r\n        class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\r\n        type=\"button\"\r\n        tabindex=\"0\"\r\n        [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\r\n        [disabled]=\"!nextButtonEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n    >\r\n        <span\r\n            class=\"owl-dt-control-content owl-dt-control-button-content\"\r\n            tabindex=\"-1\"\r\n        >\r\n            <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043F\u0440\u0430\u0432\u043E\"> -->\r\n            <svg\r\n                version=\"1.1\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 250.738 250.738\"\r\n                style=\"enable-background: new 0 0 250.738 250.738\"\r\n                xml:space=\"preserve\"\r\n            >\r\n                <path\r\n                    style=\"fill-rule: evenodd; clip-rule: evenodd\"\r\n                    d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\r\n                    c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\r\n                    c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\r\n                    C197.237,120.447,195.534,115.448,191.75,111.689z\"\r\n                />\r\n            </svg>\r\n            <!-- </editor-fold> -->\r\n        </span>\r\n    </button>\r\n</div>\r\n<div class=\"owl-dt-calendar-main\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n    @switch (currentView) {\r\n        @case (DateView.MONTH) {\r\n            <owl-date-time-month-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [firstDayOfWeek]=\"firstDayOfWeek\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [showCalendarWeeks]=\"showCalendarWeeks\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                [hideOtherMonths]=\"hideOtherMonths\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (selectedChange)=\"dateSelected($event)\"\r\n                (userSelection)=\"userSelected()\"\r\n            ></owl-date-time-month-view>\r\n        }\r\n        @case (DateView.YEAR) {\r\n            <owl-date-time-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (monthSelected)=\"selectMonthInYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.MONTH)\"\r\n            ></owl-date-time-year-view>\r\n        }\r\n        @case (DateView.MULTI_YEARS) {\r\n            <owl-date-time-multi-year-view\r\n                [pickerDateTime]=\"pickerDateTime\"\r\n                [selected]=\"selected\"\r\n                [selecteds]=\"selecteds\"\r\n                [selectMode]=\"selectMode\"\r\n                [minDate]=\"minDate\"\r\n                [maxDate]=\"maxDate\"\r\n                [dateFilter]=\"dateFilter\"\r\n                (keyboardEnter)=\"focusActiveCell()\"\r\n                (pickerDateTimeChange)=\"handlePickerDateTimeChange($event)\"\r\n                (yearSelected)=\"selectYearInMultiYearView($event)\"\r\n                (change)=\"goToDateInView($event, DateView.YEAR)\"\r\n            ></owl-date-time-multi-year-view>\r\n        }\r\n    }\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: OwlDateTimeIntl }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: DateTimeAdapter, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
@@ -2187,12 +2222,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  */
 class OwlTimerBoxComponent {
     get displayValue() {
-        if (this.hasFocus) {
-            // Don't try to reformat the value that user is currently editing
+        if (this.isEditing) {
+            // Не переформатируем значение, пока пользователь его редактирует
             return this.valueInput.nativeElement.value;
         }
-        const value = this.boxValue || this.value;
-        if (value === null || isNaN(value)) {
+        const value = this.boxValue ?? this.value;
+        if (value == null || isNaN(value)) {
             return '';
         }
         return value < 10 ? '0' + value.toString() : value.toString();
@@ -2200,14 +2235,15 @@ class OwlTimerBoxComponent {
     get owlDTTimerBoxClass() {
         return true;
     }
-    constructor() {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
         this.showDivider = false;
         this.step = 1;
         this.valueChange = new EventEmitter();
         this.inputChange = new EventEmitter();
         this.inputStream = new Subject();
         this.inputStreamSub = Subscription.EMPTY;
-        this.hasFocus = false;
+        this.isEditing = false;
         this.onValueInputMouseWheelBind = this.onValueInputMouseWheel.bind(this);
     }
     ngOnInit() {
@@ -2230,19 +2266,26 @@ class OwlTimerBoxComponent {
         this.updateValue(this.value - this.step);
     }
     handleInputChange(val) {
+        this.isEditing = true;
         this.inputStream.next(val);
     }
     focusIn() {
-        this.hasFocus = true;
+        this.isEditing = true;
     }
     focusOut(value) {
-        this.hasFocus = false;
-        if (value) {
+        const wasEditing = this.isEditing;
+        this.isEditing = false;
+        // Отменяем ожидающий debounce: blur сразу фиксирует текущий текст
+        this.inputStream.next('');
+        if (wasEditing && value) {
             const inputValue = coerceNumberProperty(value, 0);
             this.updateValueViaInput(inputValue);
         }
     }
     updateValue(value) {
+        // Шаг заменяет введённый текст; отложенный input и blur не должны откатывать значение
+        this.isEditing = false;
+        this.inputStream.next('');
         this.valueChange.emit(value);
     }
     updateValueViaInput(value) {
@@ -2253,7 +2296,7 @@ class OwlTimerBoxComponent {
     }
     onValueInputMouseWheel(event) {
         event = event || window.event;
-        const delta = event.wheelDelta || -event.deltaY || -event.detail;
+        const delta = event.deltaY != null ? -event.deltaY : event.wheelDelta || -event.detail;
         if (delta > 0) {
             if (!this.upBtnDisabled) {
                 this.upBtnClicked();
@@ -2264,23 +2307,24 @@ class OwlTimerBoxComponent {
                 this.downBtnClicked();
             }
         }
+        this.changeDetector.markForCheck();
         event.preventDefault ? event.preventDefault() : (event.returnValue = false);
     }
     bindValueInputMouseWheel() {
-        this.valueInput.nativeElement.addEventListener('onwheel' in document ? 'wheel' : 'mousewheel', this.onValueInputMouseWheelBind);
+        this.valueInput.nativeElement.addEventListener('onwheel' in this.valueInput.nativeElement.ownerDocument ? 'wheel' : 'mousewheel', this.onValueInputMouseWheelBind);
     }
     unbindValueInputMouseWheel() {
-        this.valueInput.nativeElement.removeEventListener('onwheel' in document ? 'wheel' : 'mousewheel', this.onValueInputMouseWheelBind);
+        this.valueInput.nativeElement.removeEventListener('onwheel' in this.valueInput.nativeElement.ownerDocument ? 'wheel' : 'mousewheel', this.onValueInputMouseWheelBind);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlTimerBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: OwlTimerBoxComponent, isStandalone: false, selector: "owl-date-time-timer-box", inputs: { showDivider: "showDivider", upBtnAriaLabel: "upBtnAriaLabel", upBtnDisabled: "upBtnDisabled", downBtnAriaLabel: "downBtnAriaLabel", downBtnDisabled: "downBtnDisabled", boxValue: "boxValue", value: "value", min: "min", max: "max", step: "step", inputLabel: "inputLabel" }, outputs: { valueChange: "valueChange", inputChange: "inputChange" }, host: { properties: { "class.owl-dt-timer-box": "owlDTTimerBoxClass" } }, viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, static: true }], exportAs: ["owlDateTimeTimerBox"], ngImport: i0, template: "@if (showDivider) {\r\n    <div class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\r\n}\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"upBtnDisabled\"\r\n    [attr.aria-label]=\"upBtnAriaLabel\"\r\n    (click)=\"upBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Up\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\r\n                        L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\r\n                        c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<label class=\"owl-dt-timer-content\">\r\n    <input\r\n        class=\"owl-dt-timer-input\"\r\n        maxlength=\"2\"\r\n        [value]=\"displayValue\"\r\n        (keydown.arrowup)=\"!upBtnDisabled && upBtnClicked()\"\r\n        (keydown.arrowdown)=\"!downBtnDisabled && downBtnClicked()\"\r\n        (input)=\"handleInputChange(valueInput.value)\"\r\n        (focusin)=\"focusIn()\"\r\n        (focusout)=\"focusOut(valueInput.value)\"\r\n        #valueInput\r\n    />\r\n    <span class=\"owl-hidden-accessible\">{{ inputLabel }}</span>\r\n</label>\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"downBtnDisabled\"\r\n    [attr.aria-label]=\"downBtnAriaLabel\"\r\n    (click)=\"downBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Down\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\r\n                        c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\r\n                        c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlTimerBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: OwlTimerBoxComponent, isStandalone: false, selector: "owl-date-time-timer-box", inputs: { showDivider: "showDivider", upBtnAriaLabel: "upBtnAriaLabel", upBtnDisabled: "upBtnDisabled", downBtnAriaLabel: "downBtnAriaLabel", downBtnDisabled: "downBtnDisabled", boxValue: "boxValue", value: "value", min: "min", max: "max", step: "step", inputLabel: "inputLabel" }, outputs: { valueChange: "valueChange", inputChange: "inputChange" }, host: { properties: { "class.owl-dt-timer-box": "owlDTTimerBoxClass" } }, viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, static: true }], exportAs: ["owlDateTimeTimerBox"], ngImport: i0, template: "@if (showDivider) {\r\n    <div class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\r\n}\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"upBtnDisabled\"\r\n    [attr.aria-label]=\"upBtnAriaLabel\"\r\n    (click)=\"upBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u0432\u0435\u0440\u0445\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\r\n                        L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\r\n                        c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<label class=\"owl-dt-timer-content\">\r\n    <input\r\n        class=\"owl-dt-timer-input\"\r\n        maxlength=\"2\"\r\n        [value]=\"displayValue\"\r\n        (keydown.arrowup)=\"!upBtnDisabled && upBtnClicked()\"\r\n        (keydown.arrowdown)=\"!downBtnDisabled && downBtnClicked()\"\r\n        (input)=\"handleInputChange(valueInput.value)\"\r\n        (focusin)=\"focusIn()\"\r\n        (focusout)=\"focusOut(valueInput.value)\"\r\n        #valueInput\r\n    />\r\n    <span class=\"owl-hidden-accessible\">{{ inputLabel }}</span>\r\n</label>\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"downBtnDisabled\"\r\n    [attr.aria-label]=\"downBtnAriaLabel\"\r\n    (click)=\"downBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043D\u0438\u0437\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\r\n                        c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\r\n                        c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlTimerBoxComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'owlDateTimeTimerBox', selector: 'owl-date-time-timer-box', standalone: false, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.owl-dt-timer-box]': 'owlDTTimerBoxClass'
-                    }, template: "@if (showDivider) {\r\n    <div class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\r\n}\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"upBtnDisabled\"\r\n    [attr.aria-label]=\"upBtnAriaLabel\"\r\n    (click)=\"upBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Up\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\r\n                        L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\r\n                        c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<label class=\"owl-dt-timer-content\">\r\n    <input\r\n        class=\"owl-dt-timer-input\"\r\n        maxlength=\"2\"\r\n        [value]=\"displayValue\"\r\n        (keydown.arrowup)=\"!upBtnDisabled && upBtnClicked()\"\r\n        (keydown.arrowdown)=\"!downBtnDisabled && downBtnClicked()\"\r\n        (input)=\"handleInputChange(valueInput.value)\"\r\n        (focusin)=\"focusIn()\"\r\n        (focusout)=\"focusOut(valueInput.value)\"\r\n        #valueInput\r\n    />\r\n    <span class=\"owl-hidden-accessible\">{{ inputLabel }}</span>\r\n</label>\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"downBtnDisabled\"\r\n    [attr.aria-label]=\"downBtnAriaLabel\"\r\n    (click)=\"downBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG Arrow Down\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\r\n                        c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\r\n                        c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { showDivider: [{
+                    }, template: "@if (showDivider) {\r\n    <div class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\r\n}\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"upBtnDisabled\"\r\n    [attr.aria-label]=\"upBtnAriaLabel\"\r\n    (click)=\"upBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u0432\u0435\u0440\u0445\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\r\n                        L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\r\n                        c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n<label class=\"owl-dt-timer-content\">\r\n    <input\r\n        class=\"owl-dt-timer-input\"\r\n        maxlength=\"2\"\r\n        [value]=\"displayValue\"\r\n        (keydown.arrowup)=\"!upBtnDisabled && upBtnClicked()\"\r\n        (keydown.arrowdown)=\"!downBtnDisabled && downBtnClicked()\"\r\n        (input)=\"handleInputChange(valueInput.value)\"\r\n        (focusin)=\"focusIn()\"\r\n        (focusout)=\"focusOut(valueInput.value)\"\r\n        #valueInput\r\n    />\r\n    <span class=\"owl-hidden-accessible\">{{ inputLabel }}</span>\r\n</label>\r\n<button\r\n    class=\"owl-dt-control-button owl-dt-control-arrow-button\"\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [disabled]=\"downBtnDisabled\"\r\n    [attr.aria-label]=\"downBtnAriaLabel\"\r\n    (click)=\"downBtnClicked()\"\r\n>\r\n    <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\r\n        <!-- <editor-fold desc=\"SVG-\u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u043D\u0438\u0437\"> -->\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 451.847 451.846\"\r\n            style=\"enable-background: new 0 0 451.847 451.846\"\r\n            xml:space=\"preserve\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n        >\r\n            <path\r\n                d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\r\n                        c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\r\n                        c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"\r\n            />\r\n        </svg>\r\n        <!-- </editor-fold> -->\r\n    </span>\r\n</button>\r\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showDivider: [{
                 type: Input
             }], upBtnAriaLabel: [{
                 type: Input
@@ -2321,7 +2365,7 @@ class OwlTimerComponent {
     set pickerDateTime(value) {
         value = this.dateTimeAdapter.deserialize(value);
         this._pickerDateTime =
-            this.getValidDate(value) || this.dateTimeAdapter.now();
+            this.getValidDate(value) ?? this.dateTimeAdapter.now();
     }
     get minDateTime() {
         return this._minDateTime;
@@ -2341,9 +2385,9 @@ class OwlTimerComponent {
         return this.dateTimeAdapter.getHours(this.pickerDateTime);
     }
     /**
-     * The value would be displayed in hourBox.
-     * We need this because the value displayed in hourBox it not
-     * the same as the hourValue when the timer is in hour12Timer mode.
+     * Значение, отображаемое в hourBox
+     * Оно требуется, поскольку значение в hourBox отличается
+     * от hourValue в режиме hour12Timer
      * */
     get hourBoxValue() {
         let hours = this.hourValue;
@@ -2409,38 +2453,47 @@ class OwlTimerComponent {
         this.pickerIntl = pickerIntl;
         this.cdRef = cdRef;
         this.dateTimeAdapter = dateTimeAdapter;
-        this.isPM = false; // Whether the current time is PM in 12-hour mode.
+        this.injector = inject(Injector);
+        this.destroyRef = inject(DestroyRef);
+        this.intlChangesSub = Subscription.EMPTY;
+        this.isPM = false; // Относится ли текущее время к PM в 12-часовом формате
         /**
-         * Hours to change per step
+         * Количество часов за один шаг
          */
         this.stepHour = 1;
         /**
-         * Minutes to change per step
+         * Количество минут за один шаг
          */
         this.stepMinute = 1;
         /**
-         * Seconds to change per step
+         * Количество секунд за один шаг
          */
         this.stepSecond = 1;
         this.selectedChange = new EventEmitter();
+        this.intlChangesSub = this.pickerIntl.changes.subscribe(() => this.cdRef.markForCheck());
     }
     ngOnInit() { }
+    ngOnDestroy() {
+        this.intlChangesSub.unsubscribe();
+    }
     /**
-     * Focus to the host element
+     * Переводит фокус на элемент компонента
      * */
     focus() {
-        this.ngZone.runOutsideAngular(() => {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
+        if (this.destroyRef.destroyed) {
+            return;
+        }
+        this.focusRef?.destroy();
+        this.focusRef = afterNextRender({
+            write: () => {
+                this.focusRef = undefined;
                 this.elmRef.nativeElement.focus();
-            });
-        });
+            }
+        }, { injector: this.injector });
     }
     /**
-     * Set the hour value via typing into timer box input
-     * We need this to handle the hour value when the timer is in hour12 mode
+     * Задаёт час при вводе текста в поле времени
+     * Нужно для обработки часа в 12-часовом формате времени
      * */
     setHourValueViaInput(hours) {
         if (this.hour12Timer && this.isPM && hours >= 1 && hours <= 11) {
@@ -2482,52 +2535,52 @@ class OwlTimerComponent {
         event.preventDefault();
     }
     /**
-     * Check if the up hour button is enabled
+     * Проверяет доступность кнопки увеличения часов
      */
     upHourEnabled() {
-        return (!this.maxDateTime ||
+        return (this.maxDateTime == null ||
             this.compareHours(this.stepHour, this.maxDateTime) < 1);
     }
     /**
-     * Check if the down hour button is enabled
+     * Проверяет доступность кнопки уменьшения часов
      */
     downHourEnabled() {
-        return (!this.minDateTime ||
+        return (this.minDateTime == null ||
             this.compareHours(-this.stepHour, this.minDateTime) > -1);
     }
     /**
-     * Check if the up minute button is enabled
+     * Проверяет доступность кнопки увеличения минут
      */
     upMinuteEnabled() {
-        return (!this.maxDateTime ||
+        return (this.maxDateTime == null ||
             this.compareMinutes(this.stepMinute, this.maxDateTime) < 1);
     }
     /**
-     * Check if the down minute button is enabled
+     * Проверяет доступность кнопки уменьшения минут
      */
     downMinuteEnabled() {
-        return (!this.minDateTime ||
+        return (this.minDateTime == null ||
             this.compareMinutes(-this.stepMinute, this.minDateTime) > -1);
     }
     /**
-     * Check if the up second button is enabled
+     * Проверяет доступность кнопки увеличения секунд
      */
     upSecondEnabled() {
-        return (!this.maxDateTime ||
+        return (this.maxDateTime == null ||
             this.compareSeconds(this.stepSecond, this.maxDateTime) < 1);
     }
     /**
-     * Check if the down second button is enabled
+     * Проверяет доступность кнопки уменьшения секунд
      */
     downSecondEnabled() {
-        return (!this.minDateTime ||
+        return (this.minDateTime == null ||
             this.compareSeconds(-this.stepSecond, this.minDateTime) > -1);
     }
     /**
-     * Adjust the displayed hour and compare it to the given date.
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
+     * Изменяет отображаемый час и сравнивает результат с указанной датой
+     * 1 — позже comparedDate
+     * -1 — раньше comparedDate
+     * 0 — совпадает с comparedDate
      * */
     compareHours(amount, comparedDate) {
         const hours = this.dateTimeAdapter.getHours(this.pickerDateTime) + amount;
@@ -2535,10 +2588,10 @@ class OwlTimerComponent {
         return this.dateTimeAdapter.compare(result, comparedDate);
     }
     /**
-     * Adjust the displayed minute and compare it to the given date.
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
+     * Изменяет отображаемую минуту и сравнивает результат с указанной датой
+     * 1 — позже comparedDate
+     * -1 — раньше comparedDate
+     * 0 — совпадает с comparedDate
      * */
     compareMinutes(amount, comparedDate) {
         const minutes = this.dateTimeAdapter.getMinutes(this.pickerDateTime) + amount;
@@ -2546,10 +2599,10 @@ class OwlTimerComponent {
         return this.dateTimeAdapter.compare(result, comparedDate);
     }
     /**
-     * Adjust the displayed second and compare it to the given date.
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
+     * Изменяет отображаемую секунду и сравнивает результат с указанной датой
+     * 1 — позже comparedDate
+     * -1 — раньше comparedDate
+     * 0 — совпадает с comparedDate
      * */
     compareSeconds(amount, comparedDate) {
         const seconds = this.dateTimeAdapter.getSeconds(this.pickerDateTime) + amount;
@@ -2557,7 +2610,7 @@ class OwlTimerComponent {
         return this.dateTimeAdapter.compare(result, comparedDate);
     }
     /**
-     * Get a valid date object
+     * Возвращает корректный объект даты
      */
     getValidDate(obj) {
         return this.dateTimeAdapter.isDateInstance(obj) &&
@@ -2616,7 +2669,7 @@ class OwlDateTimeContainerComponent {
         return this._clampedPickerDateTime;
     }
     set pickerDateTime(value) {
-        if (value) {
+        if (value != null) {
             this._clampedPickerDateTime = this.dateTimeAdapter.clampDate(value, this.picker.minDateTime, this.picker.maxDateTime);
         }
         this.cdRef.markForCheck();
@@ -2631,39 +2684,39 @@ class OwlDateTimeContainerComponent {
         return this.pickerIntl.setBtnLabel;
     }
     /**
-     * The range 'from' label
+     * Подпись начала диапазона ('from')
      * */
     get fromLabel() {
         return this.pickerIntl.rangeFromLabel;
     }
     /**
-     * The range 'to' label
+     * Подпись конца диапазона ('to')
      * */
     get toLabel() {
         return this.pickerIntl.rangeToLabel;
     }
     /**
-     * The range 'from' formatted value
+     * Отформатированное значение начала диапазона ('from')
      * */
     get fromFormattedValue() {
         const value = this.picker.selecteds[0];
-        return value
+        return value != null
             ? this.dateTimeAdapter.format(value, this.picker.formatString)
             : '';
     }
     /**
-     * The range 'to' formatted value
+     * Отформатированное значение конца диапазона ('to')
      * */
     get toFormattedValue() {
         const value = this.picker.selecteds[1];
-        return value
+        return value != null
             ? this.dateTimeAdapter.format(value, this.picker.formatString)
             : '';
     }
     /**
-     * Cases in which the control buttons show in the picker
-     * 1) picker mode is 'dialog'
-     * 2) picker type is NOT 'calendar' and the picker mode is NOT 'inline'
+     * Условия отображения кнопок управления:
+     * 1) Режим компонента — 'dialog'
+     * 2) Тип компонента отличается от 'calendar', а режим — от 'inline'
      * */
     get showControlButtons() {
         return (this.picker.pickerMode === 'dialog' ||
@@ -2699,26 +2752,30 @@ class OwlDateTimeContainerComponent {
         this.elmRef = elmRef;
         this.pickerIntl = pickerIntl;
         this.dateTimeAdapter = dateTimeAdapter;
-        this.activeSelectedIndex = 0; // The current active SelectedIndex in range select mode (0: 'from', 1: 'to')
-        /** Emits when an animation state changes. */
+        this.activeSelectedIndex = 0; // Индекс активной границы диапазона (0: 'from', 1: 'to')
+        /** Событие изменения состояния анимации */
         this.animationStateChanged = new EventEmitter();
         /**
-         * Stream emits when try to hide picker
+         * Поток запросов на закрытие компонента выбора
          * */
         this.hidePicker$ = new Subject();
         /**
-         * Stream emits when try to confirm the selected value
+         * Поток запросов на подтверждение выбранного значения
          * */
         this.confirmSelected$ = new Subject();
         this.beforePickerOpened$ = new Subject();
         this.pickerOpened$ = new Subject();
+        this.pickerIntl.changes.pipe(takeUntilDestroyed()).subscribe(() => this.cdRef.markForCheck());
+    }
+    refreshView() {
+        this.cdRef.markForCheck();
     }
     ngOnInit() {
         if (this.picker.selectMode === 'range') {
-            if (this.picker.selecteds[0]) {
+            if (this.picker.selecteds[0] != null) {
                 this.retainStartTime = this.dateTimeAdapter.clone(this.picker.selecteds[0]);
             }
-            if (this.picker.selecteds[1]) {
+            if (this.picker.selecteds[1] != null) {
                 this.retainEndTime = this.dateTimeAdapter.clone(this.picker.selecteds[1]);
             }
         }
@@ -2748,15 +2805,18 @@ class OwlDateTimeContainerComponent {
         });
     }
     dateSelected(date) {
+        if (this.picker.disabled) {
+            return;
+        }
         let result;
         if (this.picker.isInSingleMode) {
             result = this.dateSelectedInSingleMode(date);
-            if (result) {
+            if (result != null) {
                 this.pickerDateTime = result;
                 this.picker.select(result);
             }
             else {
-                // we close the picker when result is null and pickerType is calendar.
+                // Закрываем компонент выбора, если result равен null и pickerType равен 'calendar'
                 if (this.pickerType === 'calendar') {
                     this.hidePicker$.next(null);
                 }
@@ -2765,13 +2825,16 @@ class OwlDateTimeContainerComponent {
         }
         if (this.picker.isInRangeMode) {
             result = this.dateSelectedInRangeMode(date);
-            if (result) {
+            if (result != null) {
                 this.pickerDateTime = result[this.activeSelectedIndex];
                 this.picker.select(result);
             }
         }
     }
     timeSelected(time) {
+        if (this.picker.disabled) {
+            return;
+        }
         this.pickerDateTime = this.dateTimeAdapter.clone(time);
         if (!this.picker.dateTimeChecker(this.pickerDateTime)) {
             return;
@@ -2782,13 +2845,13 @@ class OwlDateTimeContainerComponent {
         }
         if (this.picker.isInRangeMode) {
             const selecteds = [...this.picker.selecteds];
-            // check if the 'from' is after 'to' or 'to'is before 'from'
-            // In this case, we set both the 'from' and 'to' the same value
+            // Проверяем, находится ли начало диапазона после конца или конец перед началом
+            // В этом случае задаём обеим границам диапазона одинаковое значение
             if ((this.activeSelectedIndex === 0 &&
-                selecteds[1] &&
+                selecteds[1] != null &&
                 this.dateTimeAdapter.compare(this.pickerDateTime, selecteds[1]) === 1) ||
                 (this.activeSelectedIndex === 1 &&
-                    selecteds[0] &&
+                    selecteds[0] != null &&
                     this.dateTimeAdapter.compare(this.pickerDateTime, selecteds[0]) === -1)) {
                 selecteds[0] = this.pickerDateTime;
                 selecteds[1] = this.pickerDateTime;
@@ -2796,17 +2859,17 @@ class OwlDateTimeContainerComponent {
             else {
                 selecteds[this.activeSelectedIndex] = this.pickerDateTime;
             }
-            if (selecteds[0]) {
+            if (selecteds[0] != null) {
                 this.retainStartTime = this.dateTimeAdapter.clone(selecteds[0]);
             }
-            if (selecteds[1]) {
+            if (selecteds[1] != null) {
                 this.retainEndTime = this.dateTimeAdapter.clone(selecteds[1]);
             }
             this.picker.select(selecteds);
         }
     }
     /**
-     * Handle click on cancel button
+     * Обрабатывает нажатие кнопки отмены
      */
     onCancelClicked(event) {
         this.hidePicker$.next(null);
@@ -2814,9 +2877,13 @@ class OwlDateTimeContainerComponent {
         return;
     }
     /**
-     * Handle click on set button
+     * Обрабатывает нажатие кнопки подтверждения
      */
     onSetClicked(event) {
+        if (this.picker.disabled) {
+            event.preventDefault();
+            return;
+        }
         if (!this.picker.dateTimeChecker(this.pickerDateTime)) {
             this.hidePicker$.next(null);
             event.preventDefault();
@@ -2827,7 +2894,7 @@ class OwlDateTimeContainerComponent {
         return;
     }
     /**
-     * Handle click on inform radio group
+     * Обрабатывает выбор границы диапазона в группе переключателей
      */
     handleClickOnInfoGroup(event, index) {
         this.setActiveSelectedIndex(index);
@@ -2835,7 +2902,7 @@ class OwlDateTimeContainerComponent {
         event.stopPropagation();
     }
     /**
-     * Handle click on inform radio group
+     * Обрабатывает выбор границы диапазона в группе переключателей
      */
     handleKeydownOnInfoGroup(event, next, index) {
         switch (event.keyCode) {
@@ -2873,10 +2940,11 @@ class OwlDateTimeContainerComponent {
                 easing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',
                 fill: 'forwards'
             });
-            animation.finished.then(() => {
+            const complete = () => {
                 this.handleContainerAnimationDone('enter');
                 event.animationComplete();
-            });
+            };
+            animation.finished.then(complete, complete);
         }
     }
     onAnimateLeave(event) {
@@ -2887,40 +2955,42 @@ class OwlDateTimeContainerComponent {
             event.animationComplete();
         }
         else {
-            event.target.animate([
+            const animation = event.target.animate([
                 { opacity: 1 },
                 { opacity: 0 }
             ], {
                 duration: duration ?? 100,
                 easing: 'linear',
                 fill: 'forwards'
-            }).finished.then(() => {
+            });
+            const complete = () => {
                 this.handleContainerAnimationDone('leave');
                 event.animationComplete();
-            });
+            };
+            animation.finished.then(complete, complete);
         }
     }
     /**
-     * Set the value of activeSelectedIndex
+     * Задаёт значение activeSelectedIndex
      */
     setActiveSelectedIndex(index) {
         if (this.picker.selectMode === 'range' &&
             this.activeSelectedIndex !== index) {
             this.activeSelectedIndex = index;
             const selected = this.picker.selecteds[this.activeSelectedIndex];
-            if (this.picker.selecteds && selected) {
+            if (this.picker.selecteds && selected != null) {
                 this.pickerDateTime = this.dateTimeAdapter.clone(selected);
             }
         }
         return;
     }
     initPicker() {
-        this.pickerDateTime = this.picker.startAt || this.dateTimeAdapter.now();
+        this.pickerDateTime = this.picker.startAt ?? this.dateTimeAdapter.now();
         this.activeSelectedIndex = this.picker.selectMode === 'rangeTo' ? 1 : 0;
     }
     /**
-     * Select calendar date in single mode,
-     * it returns null when date is not selected.
+     * Выбирает дату календаря в режиме single
+     * Возвращает null, если дата не выбрана
      */
     dateSelectedInSingleMode(date) {
         if (this.dateTimeAdapter.isSameDay(date, this.picker.selected)) {
@@ -2929,28 +2999,28 @@ class OwlDateTimeContainerComponent {
         return this.updateAndCheckCalendarDate(date);
     }
     /**
-     * Select dates in range Mode
+     * Выбирает даты в режиме диапазона
      */
     dateSelectedInRangeMode(date) {
         let from = this.picker.selecteds[0];
         let to = this.picker.selecteds[1];
         const result = this.updateAndCheckCalendarDate(date);
-        if (!result) {
+        if (result == null) {
             return null;
         }
-        // if the given calendar day is after or equal to 'from',
-        // set ths given date as 'to'
-        // otherwise, set it as 'from' and set 'to' to null
+        // Если указанный день совпадает с началом диапазона или находится после него,
+        // задаём его как конец диапазона ('to')
+        // Иначе задаём его как начало диапазона ('from'), а конец ('to') сбрасываем в null
         if (this.picker.selectMode === 'range') {
             if (this.picker.selecteds &&
                 this.picker.selecteds.length &&
-                !to &&
-                from &&
+                to == null &&
+                from != null &&
                 this.dateTimeAdapter.differenceInCalendarDays(result, from) >= 0) {
-                if (this.picker.endAt && !this.retainEndTime) {
+                if (this.picker.endAt != null && this.retainEndTime == null) {
                     to = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(result), this.dateTimeAdapter.getMonth(result), this.dateTimeAdapter.getDate(result), this.dateTimeAdapter.getHours(this.picker.endAt), this.dateTimeAdapter.getMinutes(this.picker.endAt), this.dateTimeAdapter.getSeconds(this.picker.endAt));
                 }
-                else if (this.retainEndTime) {
+                else if (this.retainEndTime != null) {
                     to = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(result), this.dateTimeAdapter.getMonth(result), this.dateTimeAdapter.getDate(result), this.dateTimeAdapter.getHours(this.retainEndTime), this.dateTimeAdapter.getMinutes(this.retainEndTime), this.dateTimeAdapter.getSeconds(this.retainEndTime));
                 }
                 else {
@@ -2959,10 +3029,10 @@ class OwlDateTimeContainerComponent {
                 this.activeSelectedIndex = 1;
             }
             else {
-                if (this.picker.startAt && !this.retainStartTime) {
+                if (this.picker.startAt != null && this.retainStartTime == null) {
                     from = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(result), this.dateTimeAdapter.getMonth(result), this.dateTimeAdapter.getDate(result), this.dateTimeAdapter.getHours(this.picker.startAt), this.dateTimeAdapter.getMinutes(this.picker.startAt), this.dateTimeAdapter.getSeconds(this.picker.startAt));
                 }
-                else if (this.retainStartTime) {
+                else if (this.retainStartTime != null) {
                     from = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(result), this.dateTimeAdapter.getMonth(result), this.dateTimeAdapter.getDate(result), this.dateTimeAdapter.getHours(this.retainStartTime), this.dateTimeAdapter.getMinutes(this.retainStartTime), this.dateTimeAdapter.getSeconds(this.retainStartTime));
                 }
                 else {
@@ -2974,30 +3044,41 @@ class OwlDateTimeContainerComponent {
         }
         else if (this.picker.selectMode === 'rangeFrom') {
             from = result;
-            // if the from value is after the to value, set the to value as null
-            if (to && this.dateTimeAdapter.compare(from, to) > 0) {
+            // Если начало диапазона находится после конца, сбрасываем конец в null
+            if (to != null && this.dateTimeAdapter.compare(from, to) > 0) {
                 to = null;
             }
         }
         else if (this.picker.selectMode === 'rangeTo') {
             to = result;
-            // if the from value is after the to value, set the from value as null
-            if (from && this.dateTimeAdapter.compare(from, to) > 0) {
+            // Если начало диапазона находится после конца, сбрасываем начало в null
+            if (from != null && this.dateTimeAdapter.compare(from, to) > 0) {
                 from = null;
             }
         }
+        // Сохранённое время может выходить за min/max, даже если день доступен для выбора
+        const selected = this.dateTimeAdapter.clampDate(this.activeSelectedIndex === 0 ? from : to, this.picker.minDateTime, this.picker.maxDateTime);
+        if (!this.picker.dateTimeChecker(selected)) {
+            return null;
+        }
+        if (this.activeSelectedIndex === 0) {
+            from = selected;
+        }
+        else {
+            to = selected;
+        }
         return [from, to];
     }
     /**
-     * Update the given calendar date's time and check if it is valid
-     * Because the calendar date has 00:00:00 as default time, if the picker type is 'both',
-     * we need to update the given calendar date's time before selecting it.
-     * if it is valid, return the updated dateTime
-     * if it is not valid, return null
+     * Обновляет время указанной даты календаря и проверяет её допустимость
+     * Поскольку время даты календаря по умолчанию равно 00:00:00, в режиме 'both'
+     * перед выбором даты необходимо обновить её время
+     * Если дата допустима, возвращает обновлённое значение dateTime
+     * Если дата недопустима, возвращает null
      */
     updateAndCheckCalendarDate(date) {
         let result;
-        // if the picker is 'both', update the calendar date's time value
+        // В режиме 'both' обновляем время даты календаря
         if (this.picker.pickerType === 'both') {
             result = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(date), this.dateTimeAdapter.getMonth(date), this.dateTimeAdapter.getDate(date), this.dateTimeAdapter.getHours(this.pickerDateTime), this.dateTimeAdapter.getMinutes(this.pickerDateTime), this.dateTimeAdapter.getSeconds(this.pickerDateTime));
             result = this.dateTimeAdapter.clampDate(result, this.picker.minDateTime, this.picker.maxDateTime);
@@ -3005,11 +3086,11 @@ class OwlDateTimeContainerComponent {
         else {
             result = this.dateTimeAdapter.clone(date);
         }
-        // check the updated dateTime
+        // Проверяем обновлённое значение dateTime
         return this.picker.dateTimeChecker(result) ? result : null;
     }
     /**
-     * Focus to the picker
+     * Переводит фокус на компонент выбора
      * */
     focusPicker() {
         if (this.picker.pickerMode === 'inline') {
@@ -3024,7 +3105,7 @@ class OwlDateTimeContainerComponent {
     }
     parseCssVariableDuration(el, cssVariableName) {
         const durationStr = getComputedStyle(el).getPropertyValue(cssVariableName).trim();
-        // Convert to ms
+        // Переводим в миллисекунды
         let duration = undefined;
         if (durationStr.endsWith('ms')) {
             duration = parseFloat(durationStr);
@@ -3069,51 +3150,51 @@ let uniqueId = 0;
 class OwlDialogConfig {
     constructor() {
         /**
-         * ID of the element that describes the dialog.
+         * ID элемента с описанием диалогового окна
          */
         this.ariaDescribedBy = null;
         /**
-         * Whether to focus the dialog when the dialog is opened
+         * Нужно ли переводить фокус на диалоговое окно при открытии
          */
         this.autoFocus = true;
-        /** Whether the dialog has a backdrop. */
+        /** Есть ли у диалогового окна фон */
         this.hasBackdrop = true;
-        /** Data being injected into the child component. */
+        /** Данные, передаваемые в дочерний компонент через DI */
         this.data = null;
-        /** Whether the user can use escape or clicking outside to close a modal. */
+        /** Может ли пользователь закрыть диалоговое окно клавишей Escape или нажатием за его пределами */
         this.disableClose = false;
         /**
-         * The ARIA role of the dialog element.
+         * ARIA-роль элемента диалогового окна
          */
         this.role = 'dialog';
         /**
-         * Custom class for the pane
+         * Пользовательский класс панели
          * */
         this.paneClass = '';
         /**
-         * Mouse Event
+         * Событие мыши
          * */
         this.event = null;
         /**
-         * Custom class for the backdrop
+         * Пользовательский класс фона
          * */
         this.backdropClass = '';
         /**
-         * Whether the dialog should close when the user goes backwards/forwards in history.
+         * Нужно ли закрывать диалоговое окно при переходе назад или вперёд в истории браузера
          * */
         this.closeOnNavigation = true;
-        /** Width of the dialog. */
+        /** Ширина диалогового окна */
         this.width = '';
-        /** Height of the dialog. */
+        /** Высота диалогового окна */
         this.height = '';
         /**
-         * The max-width of the overlay panel.
-         * If a number is provided, pixel units are assumed.
+         * Максимальная ширина overlay-панели
+         * Числовое значение задаётся в пикселях
          * */
         this.maxWidth = '85vw';
         /**
-         * The scroll strategy when the dialog is open
-         * Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
+         * Стратегия прокрутки при открытом диалоговом окне
+         * Подробнее: https://material.angular.io/cdk/overlay/overview#scroll-strategies
          * */
         this.scrollStrategy = new NoopScrollStrategy();
         this.id = `owl-dialog-${uniqueId++}`;
@@ -3128,39 +3209,43 @@ class OwlDialogRef {
         this.overlayRef = overlayRef;
         this.container = container;
         this.id = id;
+        this.closing = false;
         this._beforeClose$ = new Subject();
         this._beforeOpen$ = new Subject();
         this._afterOpen$ = new Subject();
         this._afterClosed$ = new Subject();
-        /** Subscription to changes in the user's location. */
+        /** Подписка на изменения адреса в браузере */
         this.locationChanged = Subscription.EMPTY;
         /**
-         * The instance of component opened into modal
+         * Экземпляр компонента, открытого в диалоговом окне
          * */
         this.componentInstance = signal(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "componentInstance" }] : /* istanbul ignore next */ []));
-        /** Whether the user is allowed to close the dialog. */
+        /** Разрешено ли пользователю закрывать диалоговое окно */
         this.disableClose = true;
         this.disableClose = this.container.config.disableClose;
         this.container.animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'start' && event.toState === 'enter'), take$1(1))
+            .pipe(filter((event) => event.phaseName === 'start' && event.toState === 'enter'), take(1))
             .subscribe(() => {
             this._beforeOpen$.next(null);
             this._beforeOpen$.complete();
         });
         this.container.animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'enter'), take$1(1))
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'enter'), take(1))
             .subscribe(() => {
             this._afterOpen$.next(null);
             this._afterOpen$.complete();
         });
         this.container.animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'leave'), take$1(1))
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'leave'), take(1))
             .subscribe(() => {
             this.overlayRef.dispose();
             this.locationChanged.unsubscribe();
             this._afterClosed$.next(this.result);
             this._afterClosed$.complete();
+            this._beforeOpen$.complete();
+            this._afterOpen$.complete();
+            this._beforeClose$.complete();
             this.componentInstance.set(undefined);
         });
         this.overlayRef.keydownEvents()
@@ -3175,9 +3260,13 @@ class OwlDialogRef {
         }
     }
     close(dialogResult) {
+        if (this.closing) {
+            return;
+        }
+        this.closing = true;
         this.result = dialogResult;
         this.container.animationStateChanged
-            .pipe(filter(event => event.phaseName === 'start'), take$1(1))
+            .pipe(filter(event => event.phaseName === 'start' && event.toState === 'leave'), take(1))
             .subscribe(() => {
             this._beforeClose$.next(dialogResult);
             this._beforeClose$.complete();
@@ -3186,20 +3275,20 @@ class OwlDialogRef {
         this.container.startExitAnimation();
     }
     /**
-     * Gets an observable that emits when the overlay's backdrop has been clicked.
+     * Возвращает Observable нажатий на фон overlay
      */
     backdropClick() {
         return this.overlayRef.backdropClick();
     }
     /**
-     * Gets an observable that emits when keydown events are targeted on the overlay.
+     * Возвращает Observable событий keydown, направленных на overlay
      */
     keydownEvents() {
         return this.overlayRef.keydownEvents();
     }
     /**
-     * Updates the dialog's position.
-     * @param position New dialog position.
+     * Обновляет положение диалогового окна
+     * @param position Новое положение диалогового окна
      */
     updatePosition(position) {
         const strategy = this.getPositionStrategy();
@@ -3219,9 +3308,9 @@ class OwlDialogRef {
         return this;
     }
     /**
-     * Updates the dialog's width and height.
-     * @param width New width of the dialog.
-     * @param height New height of the dialog.
+     * Обновляет ширину и высоту диалогового окна
+     * @param width Новая ширина диалогового окна
+     * @param height Новая высота диалогового окна
      */
     updateSize(width = 'auto', height = 'auto') {
         this.getPositionStrategy().width(width).height(height);
@@ -3243,7 +3332,7 @@ class OwlDialogRef {
     afterClosed() {
         return this._afterClosed$.asObservable();
     }
-    /** Fetches the position strategy object from the overlay ref. */
+    /** Возвращает стратегию позиционирования из ссылки на overlay */
     getPositionStrategy() {
         return this.overlayRef.getConfig().positionStrategy;
     }
@@ -3280,13 +3369,16 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
         this.focusTrapFactory = focusTrapFactory;
         this.document = document;
         this.portalOutlet = null;
-        /** ID of the element that should be considered as the dialog's label. */
+        this.contentAnimationSubscription = Subscription.EMPTY;
+        this.exiting = false;
+        this.destroyed = false;
+        /** ID элемента, используемого как заголовок диалогового окна */
         this.ariaLabelledBy = null;
-        /** Emits when an animation state changes. */
+        /** Событие изменения состояния анимации */
         this.animationStateChanged = new EventEmitter();
         this.isAnimating = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isAnimating" }] : /* istanbul ignore next */ []));
-        // for animation purpose
+        // Для анимации
         this.params = {
             x: '0px',
             y: '0px',
@@ -3294,13 +3386,19 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
             oy: '50%',
             scale: 0
         };
-        // A variable to hold the focused element before the dialog was open.
-        // This would help us to refocus back to element when the dialog was closed.
+        // Сохраняет элемент, находившийся в фокусе до открытия диалогового окна
+        // Позволяет вернуть фокус на этот элемент после закрытия окна
         this.elementFocusedBeforeDialogWasOpened = null;
     }
     ngOnInit() { }
+    ngOnDestroy() {
+        this.destroyed = true;
+        this.contentAnimationSubscription.unsubscribe();
+        this.restoreFocus();
+        this.animationStateChanged.complete();
+    }
     /**
-     * Attach a ComponentPortal as content to this dialog container.
+     * Подключает ComponentPortal как содержимое контейнера диалогового окна
      */
     attachComponentPortal(portal) {
         if (this.portalOutlet.hasAttached()) {
@@ -3309,7 +3407,14 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
         this.savePreviouslyFocusedElement();
         const component = this.portalOutlet.attachComponentPortal(portal);
         const pickerContainer = component.instance;
-        pickerContainer.animationStateChanged.subscribe(state => this.onAnimationDone(state));
+        this.contentAnimationSubscription = pickerContainer.animationStateChanged.subscribe(state => {
+            if (state.phaseName === 'start') {
+                this.onAnimationStart(state);
+            }
+            else {
+                this.onAnimationDone(state);
+            }
+        });
         this._component = component;
         return component;
     }
@@ -3319,14 +3424,20 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
     setConfig(config) {
         this._config = config;
         if (config.event) {
-            this.calculateZoomOrigin(event);
+            this.calculateZoomOrigin(config.event);
         }
     }
     onAnimationStart(event) {
+        if (this.exiting && event.toState === 'enter') {
+            return;
+        }
         this.isAnimating.set(true);
         this.animationStateChanged.emit(event);
     }
     onAnimationDone(event) {
+        if (this.exiting && event.toState === 'enter') {
+            return;
+        }
         if (event.toState === 'enter') {
             this.trapFocus();
         }
@@ -3337,11 +3448,12 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
         this.isAnimating.set(false);
     }
     startExitAnimation() {
+        this.exiting = true;
         this._component.destroy();
     }
     /**
-     * Calculate origin used in the `zoomFadeInFrom()`
-     * for animation purpose
+     * Вычисляет точку начала, используемую в `zoomFadeInFrom()`,
+     * Для анимации
      */
     calculateZoomOrigin(event) {
         if (!event) {
@@ -3363,13 +3475,17 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
         return;
     }
     /**
-     * Save the focused element before dialog was open
+     * Сохраняет элемент, находившийся в фокусе до открытия диалогового окна
      */
     savePreviouslyFocusedElement() {
         if (this.document) {
             this.elementFocusedBeforeDialogWasOpened = this.document
                 .activeElement;
-            Promise.resolve().then(() => this.elementRef.nativeElement.focus());
+            Promise.resolve().then(() => {
+                if (!this.destroyed && !this.exiting) {
+                    this.elementRef.nativeElement.focus();
+                }
+            });
         }
     }
     trapFocus() {
@@ -3382,13 +3498,17 @@ class OwlDialogContainerComponent extends BasePortalOutlet {
     }
     restoreFocus() {
         const toFocus = this.elementFocusedBeforeDialogWasOpened;
-        // We need the extra check, because IE can set the `activeElement` to null in some cases.
-        if (toFocus && typeof toFocus.focus === 'function') {
+        // Дополнительная проверка нужна, поскольку IE иногда задаёт `activeElement` равным null
+        const activeElement = this.document?.activeElement;
+        if (toFocus && typeof toFocus.focus === 'function' &&
+            (!activeElement || activeElement === this.document.body || this.elementRef.nativeElement.contains(activeElement))) {
             toFocus.focus();
         }
         if (this.focusTrap) {
             this.focusTrap.destroy();
+            this.focusTrap = null;
         }
+        this.elementFocusedBeforeDialogWasOpened = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDialogContainerComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: OwlDialogContainerComponent, isStandalone: false, selector: "owl-dialog-container", host: { properties: { "class.owl-dialog-container": "owlDialogContainerClass", "attr.tabindex": "owlDialogContainerTabIndex", "attr.id": "owlDialogContainerId", "attr.role": "owlDialogContainerRole", "attr.aria-labelledby": "owlDialogContainerAriaLabelledby", "attr.aria-describedby": "owlDialogContainerAriaDescribedby" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template [cdkPortalOutlet]></ng-template>\r\n", dependencies: [{ kind: "directive", type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] }); }
@@ -3417,11 +3537,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * object.utils
  */
 /**
- * Extends an object with the *enumerable* and *own* properties of one or more source objects,
- * similar to Object.assign.
+ * Дополняет объект собственными перечисляемыми свойствами одного или нескольких исходных объектов,
+ * аналогично Object.assign
  *
- * @param dest The object which will have properties copied to it.
- * @param sources The source objects from which properties will be copied.
+ * @param dest Объект, в который копируются свойства
+ * @param sources Исходные объекты, из которых копируются свойства
  */
 function extendObject(dest, ...sources) {
     if (dest == null) {
@@ -3430,7 +3550,7 @@ function extendObject(dest, ...sources) {
     for (const source of sources) {
         if (source != null) {
             for (const key in source) {
-                if (source.hasOwnProperty(key)) {
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
                     dest[key] = source[key];
                 }
             }
@@ -3448,7 +3568,7 @@ function extendObject(dest, ...sources) {
  */
 const OWL_DIALOG_DATA = new InjectionToken('OwlDialogData');
 /**
- * Injection token that determines the scroll handling while the dialog is open.
+ * Токен DI, определяющий обработку прокрутки при открытом диалоговом окне
  * */
 const OWL_DIALOG_SCROLL_STRATEGY = new InjectionToken('owl-dialog-scroll-strategy');
 function OWL_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
@@ -3462,23 +3582,26 @@ const OWL_DIALOG_SCROLL_STRATEGY_PROVIDER = {
     useFactory: OWL_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY
 };
 /**
- * Injection token that can be used to specify default dialog options.
+ * Токен DI для задания параметров диалогового окна по умолчанию
  * */
 const OWL_DIALOG_DEFAULT_OPTIONS = new InjectionToken('owl-dialog-default-options');
 class OwlDialogService {
-    /** Keeps track of the currently-open dialogs. */
+    get ariaHiddenElements() {
+        return this.parentDialog ? this.parentDialog.ariaHiddenElements : this._ariaHiddenElements;
+    }
+    /** Хранит текущие открытые диалоговые окна */
     get openDialogs() {
         return this.parentDialog
             ? this.parentDialog.openDialogs
             : this._openDialogsAtThisLevel;
     }
-    /** Stream that emits when a dialog has been opened. */
+    /** Поток событий открытия диалогового окна */
     get beforeOpen() {
         return this.parentDialog
             ? this.parentDialog.beforeOpen
             : this._beforeOpenAtThisLevel;
     }
-    /** Stream that emits when a dialog has been opened. */
+    /** Поток событий открытия диалогового окна */
     get afterOpen() {
         return this.parentDialog
             ? this.parentDialog.afterOpen
@@ -3497,22 +3620,19 @@ class OwlDialogService {
         this.defaultOptions = defaultOptions;
         this.parentDialog = parentDialog;
         this.overlayContainer = overlayContainer;
-        this.ariaHiddenElements = new Map();
+        this._ariaHiddenElements = new Map();
         this._openDialogsAtThisLevel = [];
         this._beforeOpenAtThisLevel = new Subject();
         this._afterOpenAtThisLevel = new Subject();
         this._afterAllClosedAtThisLevel = new Subject();
         /**
-         * Stream that emits when all open dialog have finished closing.
-         * Will emit on subscribe if there are no open dialogs to begin with.
+         * Поток событий завершения закрытия всех диалоговых окон
+         * Если открытых окон нет, событие отправляется сразу при подписке
          */
-        this.afterAllClosed = defer(() => this._openDialogsAtThisLevel.length
+        this.afterAllClosed = defer(() => this.openDialogs.length
             ? this._afterAllClosed
             : this._afterAllClosed.pipe(startWith(undefined)));
         this.scrollStrategy = scrollStrategy;
-        if (!parentDialog && location) {
-            location.subscribe(() => this.closeAll());
-        }
     }
     open(componentOrTemplateRef, config) {
         config = applyConfigDefaults(config, this.defaultOptions);
@@ -3534,7 +3654,7 @@ class OwlDialogService {
         return dialogRef;
     }
     /**
-     * Closes all of the currently-open dialogs.
+     * Закрывает все открытые диалоговые окна
      */
     closeAll() {
         let i = this.openDialogs.length;
@@ -3543,8 +3663,8 @@ class OwlDialogService {
         }
     }
     /**
-     * Finds an open dialog by its id.
-     * @param id ID to use when looking up the dialog.
+     * Находит открытое диалоговое окно по ID
+     * @param id ID искомого диалогового окна
      */
     getDialogById(id) {
         return this.openDialogs.find(dialog => dialog.id === id);
@@ -3609,11 +3729,11 @@ class OwlDialogService {
         return state;
     }
     removeOpenDialog(dialogRef) {
-        const index = this._openDialogsAtThisLevel.indexOf(dialogRef);
+        const index = this.openDialogs.indexOf(dialogRef);
         if (index > -1) {
             this.openDialogs.splice(index, 1);
-            // If all the dialogs were closed, remove/restore the `aria-hidden`
-            // to a the siblings and emit to the `afterAllClosed` stream.
+            // Если все диалоговые окна закрыты, удаляем или восстанавливаем `aria-hidden`
+            // у соседних элементов и отправляем событие в поток `afterAllClosed`
             if (!this.openDialogs.length) {
                 this.ariaHiddenElements.forEach((previousValue, element) => {
                     if (previousValue) {
@@ -3629,11 +3749,11 @@ class OwlDialogService {
         }
     }
     /**
-     * Hides all of the content that isn't an overlay from assistive technology.
+     * Скрывает от вспомогательных технологий всё содержимое за пределами overlay
      */
     hideNonDialogContentFromAssistiveTechnology() {
         const overlayContainer = this.overlayContainer.getContainerElement();
-        // Ensure that the overlay container is attached to the DOM.
+        // Проверяем, что контейнер overlay подключён к DOM
         if (overlayContainer.parentElement) {
             const siblings = overlayContainer.parentElement.children;
             for (let i = siblings.length - 1; i > -1; i--) {
@@ -3669,19 +3789,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     type: SkipSelf
                 }] }, { type: i1$1.OverlayContainer }] });
 /**
- * Applies default options to the dialog config.
- * @param config Config to be modified.
- * @param defaultOptions Default config setting
- * @returns The new configuration object.
+ * Применяет параметры по умолчанию к конфигурации диалогового окна
+ * @param config Изменяемая конфигурация
+ * @param defaultOptions Параметры конфигурации по умолчанию
+ * @returns Новый объект конфигурации
  */
 function applyConfigDefaults(config, defaultOptions) {
-    return extendObject(new OwlDialogConfig(), config, defaultOptions);
+    return extendObject(new OwlDialogConfig(), defaultOptions, config);
 }
 
 /**
  * date-time-picker.component
  */
-/** Injection token that determines the scroll handling while the dtPicker is open. */
+/** Токен DI, определяющий обработку прокрутки при открытом компоненте выбора даты и времени */
 const OWL_DTPICKER_SCROLL_STRATEGY = new InjectionToken('owl-dtpicker-scroll-strategy');
 /** @docs-private */
 function OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
@@ -3696,21 +3816,21 @@ const OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER = {
 };
 class OwlDateTimeComponent extends OwlDateTime {
     get startAt() {
-        // If an explicit startAt is set we start there, otherwise we start at whatever the currently
-        // selected value is.
-        if (this._startAt) {
+        // Если startAt задан явно, открываем календарь на этой дате
+        // Иначе используем текущее выбранное значение
+        if (this._startAt != null) {
             return this._startAt;
         }
         if (this._dtInput) {
             if (this._dtInput.selectMode === 'single') {
-                return this._dtInput.value || null;
+                return this._dtInput.value ?? null;
             }
             else if (this._dtInput.selectMode === 'range' ||
                 this._dtInput.selectMode === 'rangeFrom') {
-                return this._dtInput.values[0] || null;
+                return this._dtInput.values[0] ?? null;
             }
             else if (this._dtInput.selectMode === 'rangeTo') {
-                return this._dtInput.values[1] || null;
+                return this._dtInput.values[1] ?? null;
             }
         }
         else {
@@ -3721,16 +3841,16 @@ class OwlDateTimeComponent extends OwlDateTime {
         this._startAt = this.getValidDate(this.dateTimeAdapter.deserialize(date));
     }
     get endAt() {
-        if (this._endAt) {
+        if (this._endAt != null) {
             return this._endAt;
         }
         if (this._dtInput) {
             if (this._dtInput.selectMode === 'single') {
-                return this._dtInput.value || null;
+                return this._dtInput.value ?? null;
             }
             else if (this._dtInput.selectMode === 'range' ||
                 this._dtInput.selectMode === 'rangeFrom') {
-                return this._dtInput.values[1] || null;
+                return this._dtInput.values[1] ?? null;
             }
         }
         else {
@@ -3772,6 +3892,7 @@ class OwlDateTimeComponent extends OwlDateTime {
         if (value !== this._disabled) {
             this._disabled = value;
             this.disabledChange.next(value);
+            this.refreshView();
         }
     }
     get opened() {
@@ -3788,20 +3909,20 @@ class OwlDateTimeComponent extends OwlDateTime {
     }
     set selected(value) {
         this._selected = value;
-        this.changeDetector.markForCheck();
+        this.refreshView();
     }
     get selecteds() {
         return this._selecteds;
     }
     set selecteds(values) {
         this._selecteds = values;
-        this.changeDetector.markForCheck();
+        this.refreshView();
     }
-    /** The minimum selectable date. */
+    /** Минимальная доступная для выбора дата */
     get minDateTime() {
         return this._dtInput && this._dtInput.min;
     }
-    /** The maximum selectable date. */
+    /** Максимальная доступная для выбора дата */
     get maxDateTime() {
         return this._dtInput && this._dtInput.max;
     }
@@ -3827,69 +3948,78 @@ class OwlDateTimeComponent extends OwlDateTime {
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
         this.document = document;
-        /** Custom class for the picker backdrop. */
+        /** Пользовательский класс фона компонента выбора */
         this.backdropClass = [];
-        /** Custom class for the picker overlay pane. */
+        /** Пользовательский класс overlay-панели компонента выбора */
         this.panelClass = [];
         /**
-         * Set the type of the dateTime picker
-         *      'both' -- show both calendar and timer
-         *      'calendar' -- show only calendar
-         *      'timer' -- show only timer
+         * Задаёт тип компонента выбора даты и времени:
+         *      'both' — календарь и выбор времени
+         *      'calendar' — только календарь
+         *      'timer' — только выбор времени
          */
         this._pickerType = 'both';
         /**
-         * Whether the picker open as a dialog
+         * Открывается ли компонент выбора в диалоговом окне
          */
         this._pickerMode = 'popup';
-        /** Whether the calendar is open. */
+        /** Открыт ли календарь */
         this._opened = false;
+        this.closing = false;
+        this.destroyed = false;
+        this.injector = inject(Injector);
         /**
-         * Callback when the picker is closed
+         * Обработчик закрытия компонента выбора
          * */
         this.afterPickerClosed = new EventEmitter();
         /**
-         * Callback before the picker is open
+         * Обработчик перед открытием компонента выбора
          * */
         this.beforePickerOpen = new EventEmitter();
         /**
-         * Callback when the picker is open
+         * Обработчик открытия компонента выбора
          * */
         this.afterPickerOpen = new EventEmitter();
         /**
-         * Emits selected year in multi-year view
-         * This doesn't imply a change on the selected date.
+         * Передаёт выбранный год в представлении нескольких лет
+         * При этом выбранная дата не изменяется
          * */
         this.yearSelected = new EventEmitter();
         /**
-         * Emits selected month in year view
-         * This doesn't imply a change on the selected date.
+         * Передаёт выбранный месяц в представлении года
+         * При этом выбранная дата не изменяется
          * */
         this.monthSelected = new EventEmitter();
         /**
-         * Emits selected date
+         * Передаёт выбранную дату
          * */
         this.dateSelected = new EventEmitter();
         /**
-         * Emit when the selected value has been confirmed
+         * Событие подтверждения выбранного значения
          * */
         this.confirmSelectedChange = new EventEmitter();
         /**
-         * Emits when the date time picker is disabled.
+         * Событие отключения компонента выбора даты и времени
          * */
         this.disabledChange = new EventEmitter();
+        this.dialogClosedStreamSub = Subscription.EMPTY;
         this.dtInputSub = Subscription.EMPTY;
         this.hidePickerStreamSub = Subscription.EMPTY;
         this.confirmSelectedStreamSub = Subscription.EMPTY;
         this.pickerOpenedStreamSub = Subscription.EMPTY;
         this.pickerBeforeOpenedStreamSub = Subscription.EMPTY;
-        /** The element that was focused before the date time picker was opened. */
+        /** Элемент, находившийся в фокусе до открытия компонента выбора даты и времени */
         this.focusedElementBeforeOpen = null;
         this._selecteds = [];
         this.defaultScrollStrategy = defaultScrollStrategy;
     }
+    refreshView() {
+        this.changeDetector.markForCheck();
+        this.pickerContainer?.refreshView();
+    }
     ngOnInit() { }
     ngOnDestroy() {
+        this.destroyed = true;
         this.close();
         this.dtInputSub.unsubscribe();
         this.disabledChange.complete();
@@ -3912,7 +4042,7 @@ class OwlDateTimeComponent extends OwlDateTime {
         });
     }
     open() {
-        if (this._opened || this.disabled) {
+        if (this._opened || this.closing || this.destroyed || this.disabled) {
             return;
         }
         if (!this._dtInput) {
@@ -3921,31 +4051,33 @@ class OwlDateTimeComponent extends OwlDateTime {
         if (this.document) {
             this.focusedElementBeforeOpen = this.document.activeElement;
         }
-        // reset the picker selected value
+        // Сбрасываем выбранное значение компонента
         if (this.isInSingleMode) {
             this.selected = this._dtInput.value;
         }
         else if (this.isInRangeMode) {
             this.selecteds = this._dtInput.values;
         }
-        // when the picker is open , we make sure the picker's current selected time value
-        // is the same as the _startAt time value.
-        if (this.selected && this.pickerType !== 'calendar' && this._startAt) {
+        // При открытии компонента выбора приводим текущее выбранное время
+        // к времени из _startAt
+        if (this.selected != null && this.pickerType !== 'calendar' && this._startAt != null) {
             this.selected = this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(this.selected), this.dateTimeAdapter.getMonth(this.selected), this.dateTimeAdapter.getDate(this.selected), this.dateTimeAdapter.getHours(this._startAt), this.dateTimeAdapter.getMinutes(this._startAt), this.dateTimeAdapter.getSeconds(this._startAt));
         }
+        this._opened = true;
+        this.changeDetector.markForCheck();
         this.pickerMode === 'dialog' ? this.openAsDialog() : this.openAsPopup();
         this.pickerContainer.picker = this;
-        // Listen to picker container's hidePickerStream
+        // Подписываемся на hidePickerStream контейнера компонента выбора
         this.hidePickerStreamSub = this.pickerContainer.hidePickerStream.subscribe(() => {
             this.close();
         });
-        // Listen to picker container's confirmSelectedStream
+        // Подписываемся на confirmSelectedStream контейнера компонента выбора
         this.confirmSelectedStreamSub = this.pickerContainer.confirmSelectedStream.subscribe((event) => {
             this.confirmSelect(event);
         });
     }
     /**
-     * Selects the given date
+     * Выбирает указанную дату
      */
     select(date) {
         if (Array.isArray(date)) {
@@ -3955,105 +4087,82 @@ class OwlDateTimeComponent extends OwlDateTime {
             this.selected = date;
         }
         /**
-         * Cases in which automatically confirm the select when date or dates are selected:
-         * 1) picker mode is NOT 'dialog'
-         * 2) picker type is 'calendar' and selectMode is 'single'.
-         * 3) picker type is 'calendar' and selectMode is 'range' and
-         *    the 'selecteds' has 'from'(selecteds[0]) and 'to'(selecteds[1]) values.
-         * 4) selectMode is 'rangeFrom' and selecteds[0] has value.
-         * 5) selectMode is 'rangeTo' and selecteds[1] has value.
+         * Условия автоматического подтверждения выбранной даты или диапазона:
+         * 1) Режим компонента отличается от 'dialog'
+         * 2) Тип компонента — 'calendar', а selectMode — 'single'
+         * 3) Тип компонента — 'calendar', selectMode — 'range',
+         *    а в selecteds заданы начало (selecteds[0]) и конец (selecteds[1]) диапазона
+         * 4) selectMode — 'rangeFrom', а selecteds[0] содержит значение
+         * 5) selectMode — 'rangeTo', а selecteds[1] содержит значение
          * */
         if (this.pickerMode !== 'dialog' &&
             this.pickerType === 'calendar' &&
-            ((this.selectMode === 'single' && this.selected) ||
-                (this.selectMode === 'rangeFrom' && this.selecteds[0]) ||
-                (this.selectMode === 'rangeTo' && this.selecteds[1]) ||
+            ((this.selectMode === 'single' && this.selected != null) ||
+                (this.selectMode === 'rangeFrom' && this.selecteds[0] != null) ||
+                (this.selectMode === 'rangeTo' && this.selecteds[1] != null) ||
                 (this.selectMode === 'range' &&
-                    this.selecteds[0] &&
-                    this.selecteds[1]))) {
+                    this.selecteds[0] != null &&
+                    this.selecteds[1] != null))) {
             this.confirmSelect();
         }
     }
     /**
-     * Emits the selected year in multi-year view
+     * Передаёт выбранный год в представлении нескольких лет
      * */
     selectYear(normalizedYear) {
         this.yearSelected.emit(normalizedYear);
     }
     /**
-     * Emits selected month in year view
+     * Передаёт выбранный месяц в представлении года
      * */
     selectMonth(normalizedMonth) {
         this.monthSelected.emit(normalizedMonth);
     }
     /**
-     * Emits the selected date
+     * Передаёт выбранную дату
      * */
     selectDate(normalizedDate) {
         this.dateSelected.emit(normalizedDate);
     }
     /**
-     * Hide the picker
+     * Закрывает компонент выбора
      */
     close() {
-        if (!this._opened) {
+        if (!this._opened || this.closing) {
             return;
         }
-        if (this.popupRef && this.popupRef.hasAttached()) {
+        this.closing = true;
+        this._opened = false;
+        this.positionRenderRef?.destroy();
+        this.positionRenderRef = undefined;
+        this.hidePickerStreamSub?.unsubscribe();
+        this.confirmSelectedStreamSub?.unsubscribe();
+        this.pickerBeforeOpenedStreamSub?.unsubscribe();
+        this.pickerOpenedStreamSub?.unsubscribe();
+        this.dialogClosedStreamSub.unsubscribe();
+        const dialogRef = this.dialogRef;
+        this.dialogRef = null;
+        dialogRef?.close();
+        if (this.popupRef?.hasAttached()) {
             this.popupRef.detach();
         }
-        if (this.pickerContainerPortal &&
-            this.pickerContainerPortal.isAttached) {
+        if (this.pickerContainerPortal?.isAttached) {
             this.pickerContainerPortal.detach();
         }
-        if (this.hidePickerStreamSub) {
-            this.hidePickerStreamSub.unsubscribe();
-            this.hidePickerStreamSub = null;
-        }
-        if (this.confirmSelectedStreamSub) {
-            this.confirmSelectedStreamSub.unsubscribe();
-            this.confirmSelectedStreamSub = null;
-        }
-        if (this.pickerBeforeOpenedStreamSub) {
-            this.pickerBeforeOpenedStreamSub.unsubscribe();
-            this.pickerBeforeOpenedStreamSub = null;
-        }
-        if (this.pickerOpenedStreamSub) {
-            this.pickerOpenedStreamSub.unsubscribe();
-            this.pickerOpenedStreamSub = null;
-        }
-        if (this.dialogRef) {
-            this.dialogRef.close();
-            this.dialogRef = null;
-        }
-        const completeClose = () => {
-            if (this._opened) {
-                this._opened = false;
-                const selected = this.selected || this.selecteds;
-                this.afterPickerClosed.emit(selected);
-                this.focusedElementBeforeOpen = null;
-            }
-        };
-        if (this.focusedElementBeforeOpen &&
-            typeof this.focusedElementBeforeOpen.focus === 'function') {
-            // Because IE moves focus asynchronously, we can't count on it being restored before we've
-            // marked the datepicker as closed. If the event fires out of sequence and the element that
-            // we're refocusing opens the datepicker on focus, the user could be stuck with not being
-            // able to close the calendar at all. We work around it by making the logic, that marks
-            // the datepicker as closed, async as well.
-            this.focusedElementBeforeOpen.focus();
-            setTimeout(completeClose);
-        }
-        else {
-            completeClose();
-        }
+        this.pickerContainer = null;
+        // Игнорируем обработчики фокуса, пытающиеся повторно открыть компонент при восстановлении фокуса
+        this.focusedElementBeforeOpen?.focus();
+        this.focusedElementBeforeOpen = null;
+        this.changeDetector.markForCheck();
+        this.closing = false;
+        this.afterPickerClosed.emit(this.isInSingleMode ? this.selected : this.selecteds);
     }
     /**
-     * Confirm the selected value
+     * Подтверждает выбранное значение
      */
     confirmSelect(event) {
         if (this.isInSingleMode) {
-            const selected = this.selected || this.startAt || this.dateTimeAdapter.now();
+            const selected = this.selected ?? this.startAt ?? this.dateTimeAdapter.now();
             this.confirmSelectedChange.emit(selected);
         }
         else if (this.isInRangeMode) {
@@ -4063,7 +4172,7 @@ class OwlDateTimeComponent extends OwlDateTime {
         return;
     }
     /**
-     * Open the picker as a dialog
+     * Открывает компонент выбора в диалоговом окне
      */
     openAsDialog() {
         this.dialogRef = this.dialogService.open(OwlDateTimeContainerComponent, {
@@ -4077,17 +4186,16 @@ class OwlDateTimeComponent extends OwlDateTime {
             scrollStrategy: this.scrollStrategy || this.defaultScrollStrategy()
         });
         this.pickerContainer = untracked(this.dialogRef.componentInstance);
-        this.dialogRef.beforeOpen().subscribe(() => {
+        this.pickerBeforeOpenedStreamSub = this.dialogRef.beforeOpen().subscribe(() => {
             this.beforePickerOpen.emit(null);
         });
-        this.dialogRef.afterOpen().subscribe(() => {
+        this.pickerOpenedStreamSub = this.dialogRef.afterOpen().subscribe(() => {
             this.afterPickerOpen.emit(null);
-            this._opened = true;
         });
-        this.dialogRef.afterClosed().subscribe(() => this.close());
+        this.dialogClosedStreamSub = this.dialogRef.afterClosed().subscribe(() => this.close());
     }
     /**
-     * Open the picker as popup
+     * Открывает компонент выбора во всплывающем окне
      */
     openAsPopup() {
         if (!this.pickerContainerPortal) {
@@ -4099,24 +4207,26 @@ class OwlDateTimeComponent extends OwlDateTime {
         if (!this.popupRef.hasAttached()) {
             const componentRef = this.popupRef.attach(this.pickerContainerPortal);
             this.pickerContainer = componentRef.instance;
-            // Update the position once the calendar has rendered.
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                this.popupRef.updatePosition();
-            });
+            // Обновляем положение после отрисовки календаря
+            this.positionRenderRef?.destroy();
+            this.positionRenderRef = afterNextRender({
+                mixedReadWrite: () => {
+                    this.positionRenderRef = undefined;
+                    if (this.popupRef.hasAttached()) {
+                        this.popupRef.updatePosition();
+                    }
+                }
+            }, { injector: this.injector });
             this.pickerBeforeOpenedStreamSub = this.pickerContainer.beforePickerOpenedStream
-                .pipe(take(1))
+                .pipe(take$1(1))
                 .subscribe(() => {
                 this.beforePickerOpen.emit(null);
             });
-            // emit open stream
+            // Отправляем событие открытия
             this.pickerOpenedStreamSub = this.pickerContainer.pickerOpenedStream
-                .pipe(take(1))
+                .pipe(take$1(1))
                 .subscribe(() => {
                 this.afterPickerOpen.emit(null);
-                this._opened = true;
             });
         }
     }
@@ -4140,7 +4250,7 @@ class OwlDateTimeComponent extends OwlDateTime {
                 event.keyCode === UP_ARROW)))).subscribe(() => this.close());
     }
     /**
-     * Create the popup PositionStrategy.
+     * Создаёт PositionStrategy всплывающего окна
      * */
     createPopupPositionStrategy() {
         return this.overlay
@@ -4261,21 +4371,22 @@ class OwlDateTimeInputDirective {
         return this._required;
     }
     set required(value) {
-        this._required = value === '' || value;
+        this._required = coerceBooleanProperty(value);
         this.validatorOnChange();
     }
     /**
-     * The date time picker that this input is associated with.
+     * Компонент выбора даты и времени, связанный с этим полем
      * */
     set owlDateTime(value) {
         this.registerDateTimePicker(value);
     }
     /**
-     * A function to filter date time
+     * Функция фильтрации даты и времени
      */
     set owlDateTimeFilter(filter) {
         this._dateTimeFilter = filter;
         this.validatorOnChange();
+        this.dtPicker?.refreshView();
     }
     get dateTimeFilter() {
         return this._dateTimeFilter;
@@ -4289,12 +4400,14 @@ class OwlDateTimeInputDirective {
         if (this._disabled !== newValue) {
             this._disabled = newValue;
             this.disabledChange.emit(newValue);
+            this.changeDetector.markForCheck();
+            this.dtPicker?.refreshView();
         }
-        // We need to null check the `blur` method, because it's undefined during SSR.
+        // Проверяем наличие метода `blur`, поскольку при SSR он отсутствует
         if (newValue && element.blur) {
-            // Normally, native input elements automatically blur if they turn disabled. This behavior
-            // is problematic, because it would mean that it triggers another change detection cycle,
-            // which then causes a changed after checked error if the input element was focused before.
+            // Обычно нативное поле ввода автоматически теряет фокус при отключении, что
+            // запускает дополнительный цикл change detection и может вызвать ошибку
+            // changed after checked, если поле ввода до этого находилось в фокусе
             element.blur();
         }
     }
@@ -4304,6 +4417,7 @@ class OwlDateTimeInputDirective {
     set min(value) {
         this._min = this.getValidDate(this.dateTimeAdapter.deserialize(value));
         this.validatorOnChange();
+        this.dtPicker?.refreshView();
     }
     get max() {
         return this._max;
@@ -4311,6 +4425,7 @@ class OwlDateTimeInputDirective {
     set max(value) {
         this._max = this.getValidDate(this.dateTimeAdapter.deserialize(value));
         this.validatorOnChange();
+        this.dtPicker?.refreshView();
     }
     get selectMode() {
         return this._selectMode;
@@ -4323,19 +4438,21 @@ class OwlDateTimeInputDirective {
             throw Error('OwlDateTime Error: invalid selectMode value!');
         }
         this._selectMode = mode;
+        this.validatorOnChange();
+        this.dtPicker?.refreshView();
     }
     get value() {
         return this._value;
     }
     set value(value) {
         value = this.dateTimeAdapter.deserialize(value);
-        this.lastValueValid = !value || this.dateTimeAdapter.isValid(value);
+        this.lastValueValid = value == null || this.dateTimeAdapter.isValid(value);
         value = this.getValidDate(value);
         const oldDate = this._value;
         this._value = value;
-        // set the input property 'value'
+        // Задаём свойство 'value' поля ввода
         this.formatNativeInputValue();
-        // check if the input value changed
+        // Проверяем, изменилось ли значение поля ввода
         if (!this.dateTimeAdapter.isEqual(oldDate, value)) {
             this.valueChange.emit(value);
         }
@@ -4345,21 +4462,15 @@ class OwlDateTimeInputDirective {
     }
     set values(values) {
         if (values && values.length > 0) {
-            this._values = values.map(v => {
-                v = this.dateTimeAdapter.deserialize(v);
-                return this.getValidDate(v);
-            });
-            this.lastValueValid =
-                (!this._values[0] ||
-                    this.dateTimeAdapter.isValid(this._values[0])) &&
-                    (!this._values[1] ||
-                        this.dateTimeAdapter.isValid(this._values[1]));
+            const deserialized = values.map(v => this.dateTimeAdapter.deserialize(v));
+            this.lastValueValid = deserialized.every(v => v == null || this.dateTimeAdapter.isValid(v));
+            this._values = deserialized.map(v => this.getValidDate(v));
         }
         else {
             this._values = [];
             this.lastValueValid = true;
         }
-        // set the input property 'value'
+        // Задаём свойство 'value' поля ввода
         this.formatNativeInputValue();
         this.valueChange.emit(this._values);
     }
@@ -4378,37 +4489,38 @@ class OwlDateTimeInputDirective {
         return true;
     }
     get owlDateTimeInputAriaOwns() {
-        return (this.dtPicker.opened && this.dtPicker.id) || null;
+        return (this.dtPicker?.opened && this.dtPicker.id) || null;
     }
     get minIso8601() {
-        return this.min ? this.dateTimeAdapter.toIso8601(this.min) : null;
+        return this.min != null ? this.dateTimeAdapter.toIso8601(this.min) : null;
     }
     get maxIso8601() {
-        return this.max ? this.dateTimeAdapter.toIso8601(this.max) : null;
+        return this.max != null ? this.dateTimeAdapter.toIso8601(this.max) : null;
     }
     get owlDateTimeInputDisabled() {
         return this.disabled;
     }
-    constructor(elmRef, renderer, dateTimeAdapter, dateTimeFormats) {
+    constructor(elmRef, renderer, dateTimeAdapter, dateTimeFormats, changeDetector) {
         this.elmRef = elmRef;
         this.renderer = renderer;
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
+        this.changeDetector = changeDetector;
         /**
-         * The picker's select mode
+         * Режим выбора даты
          */
         this._selectMode = 'single';
         /**
-         * The character to separate the 'from' and 'to' in input value
+         * Символ, разделяющий начало ('from') и конец ('to') диапазона в поле ввода
          */
         this.rangeSeparator = '-';
         this._values = [];
         /**
-         * Callback to invoke when `change` event is fired on this `<input>`
+         * Обработчик события `change` этого `<input>`
          * */
         this.dateTimeChange = new EventEmitter();
         /**
-         * Callback to invoke when an `input` event is fired on this `<input>`.
+         * Обработчик события `input` этого `<input>`
          * */
         this.dateTimeInput = new EventEmitter();
         this.dtPickerSub = Subscription.EMPTY;
@@ -4417,18 +4529,18 @@ class OwlDateTimeInputDirective {
         this.onModelChange = () => { };
         this.onModelTouched = () => { };
         this.validatorOnChange = () => { };
-        /** The form control validator for whether the input parses. */
+        /** Валидатор корректности разбора введённого значения */
         this.parseValidator = () => {
             return this.lastValueValid
                 ? null
                 : { owlDateTimeParse: { text: this.elmRef.nativeElement.value } };
         };
-        /** The form control validator for the min date. */
+        /** Валидатор минимальной даты */
         this.minValidator = (control) => {
             if (this.isInSingleMode) {
                 const controlValue = this.getValidDate(this.dateTimeAdapter.deserialize(control.value));
-                return !this.min ||
-                    !controlValue ||
+                return this.min == null ||
+                    controlValue == null ||
                     this.dateTimeAdapter.compare(this.min, controlValue) <= 0
                     ? null
                     : { owlDateTimeMin: { min: this.min, actual: controlValue } };
@@ -4436,10 +4548,8 @@ class OwlDateTimeInputDirective {
             else if (this.isInRangeMode && control.value) {
                 const controlValueFrom = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[0]));
                 const controlValueTo = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[1]));
-                return !this.min ||
-                    !controlValueFrom ||
-                    !controlValueTo ||
-                    this.dateTimeAdapter.compare(this.min, controlValueFrom) <= 0
+                return this.min == null ||
+                    [controlValueFrom, controlValueTo].every(value => value == null || this.dateTimeAdapter.compare(this.min, value) <= 0)
                     ? null
                     : {
                         owlDateTimeMin: {
@@ -4449,12 +4559,12 @@ class OwlDateTimeInputDirective {
                     };
             }
         };
-        /** The form control validator for the max date. */
+        /** Валидатор максимальной даты */
         this.maxValidator = (control) => {
             if (this.isInSingleMode) {
                 const controlValue = this.getValidDate(this.dateTimeAdapter.deserialize(control.value));
-                return !this.max ||
-                    !controlValue ||
+                return this.max == null ||
+                    controlValue == null ||
                     this.dateTimeAdapter.compare(this.max, controlValue) >= 0
                     ? null
                     : { owlDateTimeMax: { max: this.max, actual: controlValue } };
@@ -4462,10 +4572,8 @@ class OwlDateTimeInputDirective {
             else if (this.isInRangeMode && control.value) {
                 const controlValueFrom = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[0]));
                 const controlValueTo = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[1]));
-                return !this.max ||
-                    !controlValueFrom ||
-                    !controlValueTo ||
-                    this.dateTimeAdapter.compare(this.max, controlValueTo) >= 0
+                return this.max == null ||
+                    [controlValueFrom, controlValueTo].every(value => value == null || this.dateTimeAdapter.compare(this.max, value) >= 0)
                     ? null
                     : {
                         owlDateTimeMax: {
@@ -4475,18 +4583,19 @@ class OwlDateTimeInputDirective {
                     };
             }
         };
-        /** The form control validator for the date filter. */
+        /** Валидатор соответствия фильтру дат */
         this.filterValidator = (control) => {
-            const controlValue = this.getValidDate(this.dateTimeAdapter.deserialize(control.value));
-            return !this._dateTimeFilter ||
-                !controlValue ||
-                this._dateTimeFilter(controlValue)
-                ? null
-                : { owlDateTimeFilter: true };
+            const values = this.isInRangeMode && Array.isArray(control.value)
+                ? control.value
+                : [control.value];
+            return !this._dateTimeFilter || values.every(value => {
+                const date = this.getValidDate(this.dateTimeAdapter.deserialize(value));
+                return date == null || this._dateTimeFilter(date);
+            }) ? null : { owlDateTimeFilter: true };
         };
         /**
-         * The form control validator for the range.
-         * Check whether the 'before' value is before the 'to' value
+         * Валидатор диапазона дат
+         * Проверяет, что начало диапазона находится не позже конца ('to')
          * */
         this.rangeValidator = (control) => {
             if (this.isInSingleMode || !control.value) {
@@ -4494,15 +4603,15 @@ class OwlDateTimeInputDirective {
             }
             const controlValueFrom = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[0]));
             const controlValueTo = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[1]));
-            return !controlValueFrom ||
-                !controlValueTo ||
+            return controlValueFrom == null ||
+                controlValueTo == null ||
                 this.dateTimeAdapter.compare(controlValueFrom, controlValueTo) <= 0
                 ? null
                 : { owlDateTimeRange: true };
         };
         /**
-         * The form control validator for the range when required.
-         * Check whether the 'before' and 'to' values are present
+         * Валидатор обязательного диапазона дат
+         * Проверяет наличие обеих границ диапазона
          * */
         this.requiredRangeValidator = (control) => {
             if (this.isInSingleMode || !control.value || !this.required) {
@@ -4510,12 +4619,12 @@ class OwlDateTimeInputDirective {
             }
             const controlValueFrom = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[0]));
             const controlValueTo = this.getValidDate(this.dateTimeAdapter.deserialize(control.value[1]));
-            return !controlValueFrom ||
-                !controlValueTo
+            return controlValueFrom == null ||
+                controlValueTo == null
                 ? { owlRequiredDateTimeRange: [controlValueFrom, controlValueTo] }
                 : null;
         };
-        /** The combined form control validator for this input. */
+        /** Объединённый валидатор этого поля ввода */
         this.validator = Validators.compose([
             this.parseValidator,
             this.minValidator,
@@ -4524,9 +4633,9 @@ class OwlDateTimeInputDirective {
             this.rangeValidator,
             this.requiredRangeValidator
         ]);
-        /** Emits when the value changes (either due to user input or programmatic change). */
+        /** Событие изменения значения пользователем или программно */
         this.valueChange = new EventEmitter();
-        /** Emits when the disabled state has changed */
+        /** Событие изменения состояния disabled */
         this.disabledChange = new EventEmitter();
         if (!this.dateTimeAdapter) {
             throw Error(`OwlDateTimePicker: No provider found for DateTimeAdapter. You must import ` +
@@ -4597,7 +4706,7 @@ class OwlDateTimeInputDirective {
         this.validatorOnChange = fn;
     }
     /**
-     * Open the picker when user hold alt + DOWN_ARROW
+     * Открывает компонент выбора по сочетанию Alt + ArrowDown
      * */
     handleKeydownOnHost(event) {
         if (event.altKey && event.keyCode === DOWN_ARROW) {
@@ -4635,11 +4744,11 @@ class OwlDateTimeInputDirective {
         });
     }
     /**
-     * Set the native input property 'value'
+     * Задаёт свойство 'value' нативного поля ввода
      */
     formatNativeInputValue() {
         if (this.isInSingleMode) {
-            this.renderer.setProperty(this.elmRef.nativeElement, 'value', this._value
+            this.renderer.setProperty(this.elmRef.nativeElement, 'value', this._value != null
                 ? this.dateTimeAdapter.format(this._value, this.dtPicker.formatString)
                 : '');
         }
@@ -4647,10 +4756,10 @@ class OwlDateTimeInputDirective {
             if (this._values && this.values.length > 0) {
                 const from = this._values[0];
                 const to = this._values[1];
-                const fromFormatted = from
+                const fromFormatted = from != null
                     ? this.dateTimeAdapter.format(from, this.dtPicker.formatString)
                     : '';
-                const toFormatted = to
+                const toFormatted = to != null
                     ? this.dateTimeAdapter.format(to, this.dtPicker.formatString)
                     : '';
                 if (!fromFormatted && !toFormatted) {
@@ -4679,7 +4788,7 @@ class OwlDateTimeInputDirective {
         return;
     }
     /**
-     * Register the relationship between this input and its picker component
+     * Регистрирует связь между полем ввода и компонентом выбора
      */
     registerDateTimePicker(picker) {
         if (picker) {
@@ -4688,7 +4797,7 @@ class OwlDateTimeInputDirective {
         }
     }
     /**
-     * Convert a given obj to a valid date object
+     * Преобразует указанный объект в корректный объект даты
      */
     getValidDate(obj) {
         return this.dateTimeAdapter.isDateInstance(obj) &&
@@ -4697,14 +4806,14 @@ class OwlDateTimeInputDirective {
             : null;
     }
     /**
-     * Convert a time string to a date-time string
-     * When pickerType is 'timer', the value in the picker's input is a time string.
-     * The dateTimeAdapter parse fn could not parse a time string to a Date Object.
-     * Therefore we need this fn to convert a time string to a date-time string.
+     * Преобразует строку времени в строку даты и времени
+     * При pickerType равном 'timer' поле ввода содержит строку времени
+     * Метод parse адаптера dateTimeAdapter не может разобрать строку времени как объект даты
+     * Поэтому эта функция преобразует строку времени в строку даты и времени
      */
     convertTimeStringToDateTimeString(timeString, dateTime) {
         if (timeString) {
-            const v = dateTime || this.dateTimeAdapter.now();
+            const v = dateTime ?? this.dateTimeAdapter.now();
             const dateString = this.dateTimeAdapter.format(v, this.dateTimeFormats.datePickerInput);
             return dateString + ' ' + timeString;
         }
@@ -4713,7 +4822,7 @@ class OwlDateTimeInputDirective {
         }
     }
     /**
-     * Handle input change in single mode
+     * Обрабатывает изменение поля ввода в режиме single
      */
     changeInputInSingleMode(inputValue) {
         let value = inputValue;
@@ -4721,10 +4830,10 @@ class OwlDateTimeInputDirective {
             value = this.convertTimeStringToDateTimeString(value, this.value);
         }
         let result = this.dateTimeAdapter.parse(value, this.dateTimeFormats.parseInput);
-        this.lastValueValid = !result || this.dateTimeAdapter.isValid(result);
+        this.lastValueValid = result == null || this.dateTimeAdapter.isValid(result);
         result = this.getValidDate(result);
-        // if the newValue is the same as the oldValue, we intend to not fire the valueChange event
-        // result equals to null means there is input event, but the input value is invalid
+        // Если newValue совпадает с oldValue, не отправляем событие valueChange
+        // result равный null означает, что событие ввода произошло, но значение недопустимо
         if (!this.isSameValue(result, this._value) || result === null) {
             this._value = result;
             this.valueChange.emit(result);
@@ -4737,7 +4846,7 @@ class OwlDateTimeInputDirective {
         }
     }
     /**
-     * Handle input change in rangeFrom or rangeTo mode
+     * Обрабатывает изменение поля ввода в режиме rangeFrom или rangeTo
      */
     changeInputInRangeFromToMode(inputValue) {
         const originalValue = this._selectMode === 'rangeFrom'
@@ -4747,9 +4856,9 @@ class OwlDateTimeInputDirective {
             inputValue = this.convertTimeStringToDateTimeString(inputValue, originalValue);
         }
         let result = this.dateTimeAdapter.parse(inputValue, this.dateTimeFormats.parseInput);
-        this.lastValueValid = !result || this.dateTimeAdapter.isValid(result);
+        this.lastValueValid = result == null || this.dateTimeAdapter.isValid(result);
         result = this.getValidDate(result);
-        // if the newValue is the same as the oldValue, we intend to not fire the valueChange event
+        // Если newValue совпадает с oldValue, не отправляем событие valueChange
         if ((this._selectMode === 'rangeFrom' &&
             this.isSameValue(result, this._values[0]) &&
             result) ||
@@ -4771,10 +4880,11 @@ class OwlDateTimeInputDirective {
         });
     }
     /**
-     * Handle input change in range mode
+     * Обрабатывает изменение поля ввода в режиме range
      */
     changeInputInRangeMode(inputValue) {
-        const selecteds = inputValue.split(this.rangeSeparator);
+        const wasValid = this.lastValueValid;
+        const selecteds = inputValue.split(this.rangeSeparator).map(value => value.trim());
         let fromString = selecteds[0];
         let toString = selecteds[1];
         if (this.dtPicker.pickerType === 'timer') {
@@ -4784,13 +4894,14 @@ class OwlDateTimeInputDirective {
         let from = this.dateTimeAdapter.parse(fromString, this.dateTimeFormats.parseInput);
         let to = this.dateTimeAdapter.parse(toString, this.dateTimeFormats.parseInput);
         this.lastValueValid =
-            (!from || this.dateTimeAdapter.isValid(from)) &&
-                (!to || this.dateTimeAdapter.isValid(to));
+            (from == null || this.dateTimeAdapter.isValid(from)) &&
+                (to == null || this.dateTimeAdapter.isValid(to));
         from = this.getValidDate(from);
         to = this.getValidDate(to);
-        // if the newValue is the same as the oldValue, we intend to not fire the valueChange event
+        // Если newValue совпадает с oldValue, не отправляем событие valueChange
         if (!this.isSameValue(from, this._values[0]) ||
             !this.isSameValue(to, this._values[1]) ||
+            wasValid !== this.lastValueValid ||
             (from === null && to === null)) {
             this._values = [from, to];
             this.valueChange.emit(this._values);
@@ -4803,16 +4914,16 @@ class OwlDateTimeInputDirective {
         }
     }
     /**
-     * Check if the two value is the same
+     * Проверяет равенство двух значений
      */
     isSameValue(first, second) {
-        if (first && second) {
+        if (first != null && second != null) {
             return this.dateTimeAdapter.compare(first, second) === 0;
         }
         return first === second;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDateTimeInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DateTimeAdapter, optional: true }, { token: OWL_DATE_TIME_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: OwlDateTimeInputDirective, isStandalone: false, selector: "input[owlDateTime]", inputs: { required: "required", owlDateTime: "owlDateTime", owlDateTimeFilter: "owlDateTimeFilter", _disabled: "_disabled", min: "min", max: "max", selectMode: "selectMode", rangeSeparator: "rangeSeparator", value: "value", values: "values" }, outputs: { dateTimeChange: "dateTimeChange", dateTimeInput: "dateTimeInput" }, host: { listeners: { "keydown": "handleKeydownOnHost($event)", "blur": "handleBlurOnHost($event)", "input": "handleInputOnHost($event)", "change": "handleChangeOnHost($event)" }, properties: { "attr.aria-haspopup": "owlDateTimeInputAriaHaspopup", "attr.aria-owns": "owlDateTimeInputAriaOwns", "attr.min": "minIso8601", "attr.max": "maxIso8601", "disabled": "owlDateTimeInputDisabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDateTimeInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DateTimeAdapter, optional: true }, { token: OWL_DATE_TIME_FORMATS, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: OwlDateTimeInputDirective, isStandalone: false, selector: "input[owlDateTime]", inputs: { required: "required", owlDateTime: "owlDateTime", owlDateTimeFilter: "owlDateTimeFilter", disabled: "disabled", min: "min", max: "max", selectMode: "selectMode", rangeSeparator: "rangeSeparator", value: "value", values: "values" }, outputs: { dateTimeChange: "dateTimeChange", dateTimeInput: "dateTimeInput" }, host: { listeners: { "keydown": "handleKeydownOnHost($event)", "blur": "handleBlurOnHost($event)", "input": "handleInputOnHost($event)", "change": "handleChangeOnHost($event)" }, properties: { "attr.aria-haspopup": "owlDateTimeInputAriaHaspopup", "attr.aria-owns": "owlDateTimeInputAriaOwns", "attr.min": "minIso8601", "attr.max": "maxIso8601", "disabled": "owlDateTimeInputDisabled" } }, providers: [
             OWL_DATETIME_VALUE_ACCESSOR$1,
             OWL_DATETIME_VALIDATORS,
         ], exportAs: ["owlDateTimeInput"], ngImport: i0 }); }
@@ -4846,13 +4957,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                 }, {
                     type: Inject,
                     args: [OWL_DATE_TIME_FORMATS]
-                }] }], propDecorators: { required: [{
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { required: [{
                 type: Input
             }], owlDateTime: [{
                 type: Input
             }], owlDateTimeFilter: [{
                 type: Input
-            }], _disabled: [{
+            }], disabled: [{
                 type: Input
             }], min: [{
                 type: Input
@@ -4921,6 +5032,8 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
     }
     set disabled(value) {
         this._disabled = coerceBooleanProperty(value);
+        this.changeDetector.markForCheck();
+        this.container?.refreshView();
     }
     get selectMode() {
         return this._selectMode;
@@ -4935,18 +5048,18 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
         this._selectMode = mode;
     }
     get startAt() {
-        if (this._startAt) {
+        if (this._startAt != null) {
             return this._startAt;
         }
         if (this.selectMode === 'single') {
-            return this.value || null;
+            return this.value ?? null;
         }
         else if (this.selectMode === 'range' ||
             this.selectMode === 'rangeFrom') {
-            return this.values[0] || null;
+            return this.values[0] ?? null;
         }
         else if (this.selectMode === 'rangeTo') {
-            return this.values[1] || null;
+            return this.values[1] ?? null;
         }
         else {
             return null;
@@ -4956,15 +5069,15 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
         this._startAt = this.getValidDate(this.dateTimeAdapter.deserialize(date));
     }
     get endAt() {
-        if (this._endAt) {
+        if (this._endAt != null) {
             return this._endAt;
         }
         if (this.selectMode === 'single') {
-            return this.value || null;
+            return this.value ?? null;
         }
         else if (this.selectMode === 'range' ||
             this.selectMode === 'rangeFrom') {
-            return this.values[1] || null;
+            return this.values[1] ?? null;
         }
         else {
             return null;
@@ -4980,14 +5093,14 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
         this._dateTimeFilter = filter;
     }
     get minDateTime() {
-        return this._min || null;
+        return this._min ?? null;
     }
     set minDateTime(value) {
         this._min = this.getValidDate(this.dateTimeAdapter.deserialize(value));
         this.changeDetector.markForCheck();
     }
     get maxDateTime() {
-        return this._max || null;
+        return this._max ?? null;
     }
     set maxDateTime(value) {
         this._max = this.getValidDate(this.dateTimeAdapter.deserialize(value));
@@ -5010,7 +5123,7 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
             values = values.map(v => {
                 v = this.dateTimeAdapter.deserialize(v);
                 v = this.getValidDate(v);
-                return v ? this.dateTimeAdapter.clone(v) : null;
+                return v != null ? this.dateTimeAdapter.clone(v) : null;
             });
             this._values = [...values];
             this.selecteds = [...values];
@@ -5057,27 +5170,27 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
         this.dateTimeAdapter = dateTimeAdapter;
         this.dateTimeFormats = dateTimeFormats;
         /**
-         * Set the type of the dateTime picker
-         *      'both' -- show both calendar and timer
-         *      'calendar' -- show only calendar
-         *      'timer' -- show only timer
+         * Задаёт тип компонента выбора даты и времени:
+         *      'both' — календарь и выбор времени
+         *      'calendar' — только календарь
+         *      'timer' — только выбор времени
          */
         this._pickerType = 'both';
         this._disabled = false;
         this._selectMode = 'single';
         this._values = [];
         /**
-         * Emits selected year in multi-year view
-         * This doesn't imply a change on the selected date.
+         * Передаёт выбранный год в представлении нескольких лет
+         * При этом выбранная дата не изменяется
          * */
         this.yearSelected = new EventEmitter();
         /**
-         * Emits selected month in year view
-         * This doesn't imply a change on the selected date.
+         * Передаёт выбранный месяц в представлении года
+         * При этом выбранная дата не изменяется
          * */
         this.monthSelected = new EventEmitter();
         /**
-         * Emits selected date
+         * Передаёт выбранную дату
          * */
         this.dateSelected = new EventEmitter();
         this._selecteds = [];
@@ -5120,30 +5233,31 @@ class OwlDateTimeInlineComponent extends OwlDateTime {
         this.onModelTouched();
     }
     /**
-     * Emits the selected year in multi-year view
+     * Передаёт выбранный год в представлении нескольких лет
      * */
     selectYear(normalizedYear) {
         this.yearSelected.emit(normalizedYear);
     }
     /**
-     * Emits selected month in year view
+     * Передаёт выбранный месяц в представлении года
      * */
     selectMonth(normalizedMonth) {
         this.monthSelected.emit(normalizedMonth);
     }
     /**
-     * Emits the selected date
+     * Передаёт выбранную дату
      * */
     selectDate(normalizedDate) {
         this.dateSelected.emit(normalizedDate);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDateTimeInlineComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DateTimeAdapter, optional: true }, { token: OWL_DATE_TIME_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: OwlDateTimeInlineComponent, isStandalone: false, selector: "owl-date-time-inline", inputs: { pickerType: "pickerType", disabled: "disabled", selectMode: "selectMode", startAt: "startAt", endAt: "endAt", dateTimeFilter: ["owlDateTimeFilter", "dateTimeFilter"], minDateTime: ["min", "minDateTime"], maxDateTime: ["max", "maxDateTime"], value: "value", values: "values" }, outputs: { yearSelected: "yearSelected", monthSelected: "monthSelected", dateSelected: "dateSelected" }, host: { properties: { "class.owl-dt-inline": "owlDTInlineClass" } }, providers: [OWL_DATETIME_VALUE_ACCESSOR], viewQueries: [{ propertyName: "container", first: true, predicate: OwlDateTimeContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<owl-date-time-container></owl-date-time-container>", styles: [":host{--container-enter-animation-duration: 0;--container-leave-animation-duration: 0}\n"], dependencies: [{ kind: "component", type: OwlDateTimeContainerComponent, selector: "owl-date-time-container", exportAs: ["owlDateTimeContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: OwlDateTimeInlineComponent, isStandalone: false, selector: "owl-date-time-inline", inputs: { pickerType: "pickerType", disabled: "disabled", selectMode: "selectMode", startAt: "startAt", endAt: "endAt", dateTimeFilter: ["owlDateTimeFilter", "dateTimeFilter"], minDateTime: ["min", "minDateTime"], maxDateTime: ["max", "maxDateTime"], value: "value", values: "values" }, outputs: { yearSelected: "yearSelected", monthSelected: "monthSelected", dateSelected: "dateSelected" }, host: { properties: { "class.owl-dt-inline": "owlDTInlineClass", "attr.aria-disabled": "disabled || null" } }, providers: [OWL_DATETIME_VALUE_ACCESSOR], viewQueries: [{ propertyName: "container", first: true, predicate: OwlDateTimeContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<owl-date-time-container></owl-date-time-container>", styles: [":host{--container-enter-animation-duration: 0;--container-leave-animation-duration: 0}\n"], dependencies: [{ kind: "component", type: OwlDateTimeContainerComponent, selector: "owl-date-time-container", exportAs: ["owlDateTimeContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: OwlDateTimeInlineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'owl-date-time-inline', host: {
-                        '[class.owl-dt-inline]': 'owlDTInlineClass'
+                        '[class.owl-dt-inline]': 'owlDTInlineClass',
+                        '[attr.aria-disabled]': 'disabled || null'
                     }, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [OWL_DATETIME_VALUE_ACCESSOR], template: "<owl-date-time-container></owl-date-time-container>", styles: [":host{--container-enter-animation-duration: 0;--container-leave-animation-duration: 0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: DateTimeAdapter, decorators: [{
                     type: Optional
@@ -5291,10 +5405,10 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
         this.owlDateTimeLocale = owlDateTimeLocale;
         this.firstMonthOfTheYear = 0;
         /**
-         * 0 - Sunday
-         * 1 - Monday
+         * 0 - воскресенье
+         * 1 - понедельник
          * ...
-         * 6 - Saturday
+         * 6 - суббота
          */
         this.firstDayOfTheWeek = 0;
         this.setLocale(owlDateTimeLocale || Settings.defaultLocale || 'ru');
@@ -5303,25 +5417,25 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
         return date.year;
     }
     /**
-     * Picker expects month index:
-     * 0 - January
-     * 11 - December
+     * Компонент выбора даты ожидает индекс месяца:
+     * 0 - январь
+     * 11 - декабрь
      *
-     * Luxon uses:
-     * 1 - January
-     * 12 - December
+     * Luxon использует:
+     * 1 - январь
+     * 12 - декабрь
      */
     getMonth(date) {
         return date.month - 1;
     }
     /**
-     * Picker expects:
-     * 0 - Sunday
-     * 6 - Saturday
+     * Компонент выбора даты ожидает:
+     * 0 - воскресенье
+     * 6 - суббота
      *
-     * Luxon weekday:
-     * 1 - Monday
-     * 7 - Sunday
+     * День недели в Luxon:
+     * 1 - понедельник
+     * 7 - воскресенье
      */
     getDay(date) {
         return date.weekday % 7;
@@ -5346,9 +5460,9 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
     }
     differenceInCalendarDays(dateLeft, dateRight) {
         if (this.isValid(dateLeft) && this.isValid(dateRight)) {
-            return Math.round(dateLeft.startOf('day').diff(dateRight.startOf('day'), 'days').days);
+            return Math.round(DateTime.utc(dateLeft.year, dateLeft.month, dateLeft.day).diff(DateTime.utc(dateRight.year, dateRight.month, dateRight.day), 'days').days);
         }
-        return null;
+        return Number.NaN;
     }
     getYearName(date) {
         return date.setLocale(this.locale).toFormat('yyyy');
@@ -5358,8 +5472,8 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
     }
     getDayOfWeekNames(style) {
         const weekdays = Info.weekdays(style, { locale: this.locale });
-        // Luxon returns Monday..Sunday.
-        // Existing picker expects Sunday..Saturday.
+        // Luxon возвращает дни недели от понедельника до воскресенья
+        // Компонент выбора даты ожидает порядок от воскресенья до субботы
         return [
             weekdays[6],
             ...weekdays.slice(0, 6),
@@ -5413,6 +5527,9 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
         return date.set({ second: amount });
     }
     createDate(year, month, date, hours = 0, minutes = 0, seconds = 0) {
+        if (hours < 0 || hours > 23) {
+            throw Error(`LuxonDateTimeAdapter: Invalid hours "${hours}". Hours must be between 0 and 23.`);
+        }
         const result = DateTime.local(year, month + 1, date, hours, minutes, seconds, 0).setLocale(this.locale);
         if (!result.isValid) {
             throw Error(`LuxonDateTimeAdapter: Invalid date "${date}" for month with index "${month}".`);
@@ -5452,7 +5569,7 @@ class LuxonDateTimeAdapter extends DateTimeAdapter {
         if (typeof value !== 'string') {
             return this.invalid();
         }
-        const formats = Array.isArray(parseFormat) ? parseFormat : [parseFormat];
+        const formats = Array.isArray(parseFormat) ? parseFormat : parseFormat ? [parseFormat] : [];
         for (const format of formats) {
             const parsed = DateTime.fromFormat(value, format, {
                 locale: this.locale,
@@ -5570,11 +5687,11 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
         this.owlDateTimeLocale = owlDateTimeLocale;
         this.firstMonthOfTheYear = 0;
         /**
-         * Picker expects:
-         * 0 - Sunday
-         * 1 - Monday
+         * Компонент выбора даты ожидает:
+         * 0 - воскресенье
+         * 1 - понедельник
          * ...
-         * 6 - Saturday
+         * 6 - суббота
          */
         this.firstDayOfTheWeek = 0;
         this.setLocale(owlDateTimeLocale || Settings.defaultLocale || 'ru');
@@ -5583,25 +5700,25 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
         return this.fromTimestamp(date).year;
     }
     /**
-     * Picker expects:
-     * 0 - January
-     * 11 - December
+     * Компонент выбора даты ожидает:
+     * 0 - январь
+     * 11 - декабрь
      *
-     * Luxon uses:
-     * 1 - January
-     * 12 - December
+     * Luxon использует:
+     * 1 - январь
+     * 12 - декабрь
      */
     getMonth(date) {
         return this.fromTimestamp(date).month - 1;
     }
     /**
-     * Picker expects:
-     * 0 - Sunday
-     * 6 - Saturday
+     * Компонент выбора даты ожидает:
+     * 0 - воскресенье
+     * 6 - суббота
      *
-     * Luxon weekday:
-     * 1 - Monday
-     * 7 - Sunday
+     * День недели в Luxon:
+     * 1 - понедельник
+     * 7 - воскресенье
      */
     getDay(date) {
         return this.fromTimestamp(date).weekday % 7;
@@ -5640,8 +5757,8 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
     }
     getDayOfWeekNames(style) {
         const weekdays = Info.weekdays(style, { locale: this.locale });
-        // Luxon returns Monday..Sunday.
-        // Existing picker expects Sunday..Saturday.
+        // Luxon возвращает дни недели от понедельника до воскресенья
+        // Компонент выбора даты ожидает порядок от воскресенья до субботы
         return [
             weekdays[6],
             ...weekdays.slice(0, 6),
@@ -5666,7 +5783,7 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
         return this.fromTimestamp(dateLeft).hasSame(this.fromTimestamp(dateRight), 'day');
     }
     isValid(date) {
-        return typeof date === 'number' && !Number.isNaN(date);
+        return typeof date === 'number' && Number.isFinite(date) && this.fromTimestamp(date).isValid;
     }
     invalid() {
         return NaN;
@@ -5705,6 +5822,9 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
             .toMillis();
     }
     createDate(year, month, date, hours = 0, minutes = 0, seconds = 0) {
+        if (hours < 0 || hours > 23) {
+            throw Error(`UnixTimestampDateTimeAdapter: Invalid hours "${hours}". Hours must be between 0 and 23.`);
+        }
         const result = DateTime.local(year, month + 1, date, hours, minutes, seconds, 0).setLocale(this.locale);
         if (!result.isValid) {
             throw Error(`UnixTimestampDateTimeAdapter: Invalid date "${date}" for month with index "${month}".`);
@@ -5720,9 +5840,9 @@ class UnixTimestampDateTimeAdapter extends DateTimeAdapter {
             .toMillis();
     }
     /**
-     * Hybrid formatter:
-     * - string => Luxon format, e.g. 'dd.MM.yyyy HH:mm'
-     * - Intl.DateTimeFormatOptions => old adapter-compatible formatting
+     * Форматирование с поддержкой двух видов формата:
+     * - string => формат Luxon, например 'dd.MM.yyyy HH:mm'
+     * - Intl.DateTimeFormatOptions => форматирование, совместимое с прежним адаптером
      */
     format(date, displayFormat) {
         if (!this.isValid(date)) {