ngx-tethys 17.0.1 → 17.0.2

package/fesm2022/ngx-tethys-date-picker.mjs

@@ -1,20 +1,19 @@
 import { CdkConnectedOverlay, CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
 import { formatDate, NgIf, NgFor, NgTemplateOutlet, NgClass, NgSwitch, NgSwitchCase, NgSwitchDefault, CommonModule, AsyncPipe, isPlatformBrowser, registerLocaleData } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, InjectionToken, Optional, Inject, Pipe, forwardRef, HostBinding, NgModule, ViewChild, inject, PLATFORM_ID, NgZone } from '@angular/core';
+import { Injectable, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, booleanAttribute, InjectionToken, Optional, Inject, Pipe, forwardRef, HostBinding, NgModule, ViewChild, inject, PLATFORM_ID, NgZone, numberAttribute } from '@angular/core';
 import localeZhHans from '@angular/common/locales/zh-Hans';
-import { TinyDate, helpers, isTemplateRef, isEmpty, isString, valueFunctionProp, coerceBooleanProperty, isUndefinedOrNull, isFunction, sortRangeValue, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
+import { TinyDate, helpers, isTemplateRef, isEmpty, isString, valueFunctionProp, isUndefinedOrNull, isFunction, sortRangeValue, coerceBooleanProperty, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { __decorate, __metadata } from 'tslib';
 import { ThyButton, ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { ThyInnerTimePicker, ThyTimePickerModule } from 'ngx-tethys/time-picker';
-import { InputBoolean, getFlexiblePositions, scaleXMotion, scaleYMotion, scaleMotion, TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher, InputNumber } from 'ngx-tethys/core';
 import { startOfDay, addDays, startOfWeek, addWeeks, subDays, fromUnixTime, endOfDay } from 'date-fns';
 import { ThyNav, ThyNavItemDirective, ThyNavModule } from 'ngx-tethys/nav';
 import { Subject, fromEvent } from 'rxjs';
 import { ThyInputDirective, ThyInputModule } from 'ngx-tethys/input';
+import { getFlexiblePositions, scaleXMotion, scaleYMotion, scaleMotion, TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
 import { ThyEnterDirective } from 'ngx-tethys/shared';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { useHostRenderer } from '@tethys/cdk/dom';
@@ -231,12 +230,8 @@ class CalendarFooter {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CalendarFooter, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: "disableTimeConfirm" }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isShowTime || isCanTime\" class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n  <a href=\"javascript:;\" *ngIf=\"isCanTime\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n    <thy-icon thyIconName=\"clock-circle\"></thy-icon>\u8BBE\u7F6E\u65F6\u95F4\n  </a>\n  <thy-inner-time-picker\n    *ngIf=\"isShowTime\"\n    class=\"time-picker-wrap\"\n    [showMeridian]=\"false\"\n    [ngModel]=\"value?.nativeDate\"\n    (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n  <div class=\"time-picker-btn-wrap\">\n    <button\n      *ngIf=\"!isCanTime\"\n      [disabled]=\"disableTimeConfirm\"\n      class=\"time-picker-ok-btn\"\n      thyButton=\"primary\"\n      thySize=\"sm\"\n      (click)=\"onTimeOk()\">\n      \u786E\u5B9A\n    </button>\n    <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyInnerTimePicker, selector: "thy-inner-time-picker", inputs: ["hourStep", "minuteStep", "secondsStep", "readonlyInput", "disabled", "mousewheel", "arrowKeys", "showSpinners", "showMeridian", "showMinutes", "showSeconds", "meridians", "min", "max", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder"], outputs: ["isValid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: ["disableTimeConfirm", "disableTimeConfirm", booleanAttribute] }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isShowTime || isCanTime\" class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n  <a href=\"javascript:;\" *ngIf=\"isCanTime\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n    <thy-icon thyIconName=\"clock-circle\"></thy-icon>\u8BBE\u7F6E\u65F6\u95F4\n  </a>\n  <thy-inner-time-picker\n    *ngIf=\"isShowTime\"\n    class=\"time-picker-wrap\"\n    [showMeridian]=\"false\"\n    [ngModel]=\"value?.nativeDate\"\n    (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n  <div class=\"time-picker-btn-wrap\">\n    <button\n      *ngIf=\"!isCanTime\"\n      [disabled]=\"disableTimeConfirm\"\n      class=\"time-picker-ok-btn\"\n      thyButton=\"primary\"\n      thySize=\"sm\"\n      (click)=\"onTimeOk()\">\n      \u786E\u5B9A\n    </button>\n    <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyInnerTimePicker, selector: "thy-inner-time-picker", inputs: ["hourStep", "minuteStep", "secondsStep", "readonlyInput", "disabled", "mousewheel", "arrowKeys", "showSpinners", "showMeridian", "showMinutes", "showSeconds", "meridians", "min", "max", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder"], outputs: ["isValid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], CalendarFooter.prototype, "disableTimeConfirm", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CalendarFooter, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'calendar-footer', exportAs: 'calendarFooter', standalone: true, imports: [NgIf, ThyIcon, ThyInnerTimePicker, FormsModule, ThyButton], template: "<div *ngIf=\"isShowTime || isCanTime\" class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n  <a href=\"javascript:;\" *ngIf=\"isCanTime\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n    <thy-icon thyIconName=\"clock-circle\"></thy-icon>\u8BBE\u7F6E\u65F6\u95F4\n  </a>\n  <thy-inner-time-picker\n    *ngIf=\"isShowTime\"\n    class=\"time-picker-wrap\"\n    [showMeridian]=\"false\"\n    [ngModel]=\"value?.nativeDate\"\n    (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n  <div class=\"time-picker-btn-wrap\">\n    <button\n      *ngIf=\"!isCanTime\"\n      [disabled]=\"disableTimeConfirm\"\n      class=\"time-picker-ok-btn\"\n      thyButton=\"primary\"\n      thySize=\"sm\"\n      (click)=\"onTimeOk()\">\n      \u786E\u5B9A\n    </button>\n    <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n  </div>\n</div>\n" }]
@@ -247,7 +242,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], value: [{
                 type: Input
             }], disableTimeConfirm: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], selectTime: [{
                 type: Output
             }], clickOk: [{
@@ -1747,7 +1743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  */
 class InnerPopup {
     set showDateRangeInput(value) {
-        this._showDateRangeInput = coerceBooleanProperty(value);
+        this._showDateRangeInput = value;
     }
     get showDateRangeInput() {
         return this._showDateRangeInput;
@@ -1858,7 +1854,7 @@ class InnerPopup {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InnerPopup, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: InnerPopup, isStandalone: true, selector: "inner-popup", inputs: { showWeek: "showWeek", isRange: "isRange", activeDate: "activeDate", rangeActiveDate: "rangeActiveDate", enablePrev: "enablePrev", enableNext: "enableNext", disabledDate: "disabledDate", dateRender: "dateRender", selectedValue: "selectedValue", hoverValue: "hoverValue", panelMode: "panelMode", showDateRangeInput: "showDateRangeInput", partType: "partType", endPanelMode: "endPanelMode", value: "value" }, outputs: { panelModeChange: "panelModeChange", headerChange: "headerChange", selectDate: "selectDate", dayHover: "dayHover" }, host: { properties: { "class.thy-calendar-picker-inner-popup": "this.className", "class.thy-calendar-picker-inner-popup-with-range-input": "this._showDateRangeInput" } }, exportAs: ["innerPopup"], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showDateRangeInput\">\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" placeholder=\"\u5F00\u59CB\u65E5\u671F\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" placeholder=\"\u7ED3\u675F\u65E5\u671F\" />\n  </div>\n</ng-container>\n<ng-container [ngSwitch]=\"panelMode\">\n  <ng-container *ngSwitchCase=\"'decade'\">\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'year'\">\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'month'\">\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'quarter'\">\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n      (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n        (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DecadeHeader, selector: "decade-header" }, { kind: "component", type: DecadeTable, selector: "decade-table", exportAs: ["decadeTable"] }, { kind: "component", type: YearHeader, selector: "year-header" }, { kind: "component", type: YearTable, selector: "year-table", outputs: ["decadePanelShow"] }, { kind: "component", type: MonthHeader, selector: "month-header" }, { kind: "component", type: MonthTable, selector: "month-table", exportAs: ["monthTable"] }, { kind: "component", type: QuarterTable, selector: "quarter-table", exportAs: ["quarterTable"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: InnerPopup, isStandalone: true, selector: "inner-popup", inputs: { showWeek: "showWeek", isRange: "isRange", activeDate: "activeDate", rangeActiveDate: "rangeActiveDate", enablePrev: "enablePrev", enableNext: "enableNext", disabledDate: "disabledDate", dateRender: "dateRender", selectedValue: "selectedValue", hoverValue: "hoverValue", panelMode: "panelMode", showDateRangeInput: ["showDateRangeInput", "showDateRangeInput", booleanAttribute], partType: "partType", endPanelMode: "endPanelMode", value: "value" }, outputs: { panelModeChange: "panelModeChange", headerChange: "headerChange", selectDate: "selectDate", dayHover: "dayHover" }, host: { properties: { "class.thy-calendar-picker-inner-popup": "this.className", "class.thy-calendar-picker-inner-popup-with-range-input": "this._showDateRangeInput" } }, exportAs: ["innerPopup"], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showDateRangeInput\">\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" placeholder=\"\u5F00\u59CB\u65E5\u671F\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" placeholder=\"\u7ED3\u675F\u65E5\u671F\" />\n  </div>\n</ng-container>\n<ng-container [ngSwitch]=\"panelMode\">\n  <ng-container *ngSwitchCase=\"'decade'\">\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'year'\">\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'month'\">\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'quarter'\">\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n      (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n        (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DecadeHeader, selector: "decade-header" }, { kind: "component", type: DecadeTable, selector: "decade-table", exportAs: ["decadeTable"] }, { kind: "component", type: YearHeader, selector: "year-header" }, { kind: "component", type: YearTable, selector: "year-table", outputs: ["decadePanelShow"] }, { kind: "component", type: MonthHeader, selector: "month-header" }, { kind: "component", type: MonthTable, selector: "month-table", exportAs: ["monthTable"] }, { kind: "component", type: QuarterTable, selector: "quarter-table", exportAs: ["quarterTable"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InnerPopup, decorators: [{
             type: Component,
@@ -1907,7 +1903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], panelMode: [{
                 type: Input
             }], showDateRangeInput: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], partType: [{
                 type: Input
             }], endPanelMode: [{
@@ -2765,12 +2762,8 @@ class ThyPicker {
         this.pickerInput.nativeElement.value = readableValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyPicker, isStandalone: true, selector: "thy-picker", inputs: { isRange: "isRange", open: "open", disabled: "disabled", placeholder: "placeholder", readonly: "readonly", allowClear: "allowClear", autoFocus: "autoFocus", className: "className", size: "size", suffixIcon: "suffixIcon", placement: "placement", flexible: "flexible", mode: "mode", hasBackdrop: "hasBackdrop", format: "format", flexibleDateGranularity: "flexibleDateGranularity", value: "value" }, outputs: { blur: "blur", valueChange: "valueChange", openChange: "openChange", inputChange: "inputChange" }, viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "pickerInput", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], exportAs: ["thyPicker"], usesOnChanges: true, ngImport: i0, template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    <thy-icon\n      thyIconName=\"close-circle-bold-fill\"\n      *ngIf=\"!disabled && !isEmptyValue(value) && allowClear && !readonly\"\n      (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyPicker, isStandalone: true, selector: "thy-picker", inputs: { isRange: "isRange", open: "open", disabled: "disabled", placeholder: "placeholder", readonly: "readonly", allowClear: "allowClear", autoFocus: "autoFocus", className: "className", size: "size", suffixIcon: "suffixIcon", placement: "placement", flexible: "flexible", mode: "mode", hasBackdrop: ["hasBackdrop", "hasBackdrop", booleanAttribute], format: "format", flexibleDateGranularity: "flexibleDateGranularity", value: "value" }, outputs: { blur: "blur", valueChange: "valueChange", openChange: "openChange", inputChange: "inputChange" }, viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "pickerInput", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], exportAs: ["thyPicker"], usesOnChanges: true, ngImport: i0, template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    <thy-icon\n      thyIconName=\"close-circle-bold-fill\"\n      *ngIf=\"!disabled && !isEmptyValue(value) && allowClear && !readonly\"\n      (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], ThyPicker.prototype, "hasBackdrop", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-picker', exportAs: 'thyPicker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
@@ -2811,7 +2804,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], mode: [{
                 type: Input
             }], hasBackdrop: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], blur: [{
                 type: Output
             }], valueChange: [{
@@ -2874,12 +2868,12 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
      * 是否禁用
      * @default false
      */
+    set thyDisabled(value) {
+        this.disabled = value;
+    }
     get thyDisabled() {
         return this.disabled;
     }
-    set thyDisabled(value) {
-        this.disabled = coerceBooleanProperty(value);
-    }
     get realOpenState() {
         return this.picker.realOpenState;
     }
@@ -3079,47 +3073,21 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
         this.thyValue = makeValue(value, this.isRange);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AbstractPickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: "thyAllowClear", thyAutoFocus: "thyAutoFocus", thyOpen: "thyOpen", thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: "thyReadonly", thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyFormat: "thyFormat", thyAutoStartAndEnd: "thyAutoStartAndEnd", thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: "thyShowShortcut", thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: "thyDisabled" }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.3", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: ["thyAllowClear", "thyAllowClear", booleanAttribute], thyAutoFocus: ["thyAutoFocus", "thyAutoFocus", booleanAttribute], thyOpen: ["thyOpen", "thyOpen", booleanAttribute], thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: ["thyReadonly", "thyReadonly", booleanAttribute], thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyFormat: "thyFormat", thyAutoStartAndEnd: ["thyAutoStartAndEnd", "thyAutoStartAndEnd", booleanAttribute], thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: ["thyShowShortcut", "thyShowShortcut", booleanAttribute], thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute] }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], AbstractPickerComponent.prototype, "thyAllowClear", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], AbstractPickerComponent.prototype, "thyAutoFocus", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], AbstractPickerComponent.prototype, "thyOpen", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], AbstractPickerComponent.prototype, "thyReadonly", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], AbstractPickerComponent.prototype, "thyAutoStartAndEnd", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], AbstractPickerComponent.prototype, "thyShowShortcut", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], AbstractPickerComponent.prototype, "thyDisabled", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AbstractPickerComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thyMode: [{
                 type: Input
             }], thyAllowClear: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyAutoFocus: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyOpen: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyDisabledDate: [{
                 type: Input
             }], thyMinDate: [{
@@ -3129,7 +3097,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyPlaceHolder: [{
                 type: Input
             }], thyReadonly: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyOriginClassName: [{
                 type: Input
             }], thyPanelClassName: [{
@@ -3139,13 +3108,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyFormat: [{
                 type: Input
             }], thyAutoStartAndEnd: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyDefaultPickerValue: [{
                 type: Input
             }], thySuffixIcon: [{
                 type: Input
             }], thyShowShortcut: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyShortcutPosition: [{
                 type: Input
             }], thyShortcutPresets: [{
@@ -3158,7 +3129,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 type: ViewChild,
                 args: [ThyPicker, { static: true }]
             }], thyDisabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 /**
@@ -3362,16 +3334,8 @@ class BasePicker extends AbstractPickerComponent {
             !disable);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: BasePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: "thyHasBackdrop", thyShowTime: "thyShowTime", thyMustShowTime: "thyMustShowTime", thyPlacement: "thyPlacement" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange", thyOnOk: "thyOnOk" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" } }, viewQueries: [{ propertyName: "thyPicker", first: true, predicate: ["thyPicker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", booleanAttribute], thyPlacement: "thyPlacement" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange", thyOnOk: "thyOnOk" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" } }, viewQueries: [{ propertyName: "thyPicker", first: true, predicate: ["thyPicker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], BasePicker.prototype, "thyHasBackdrop", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], BasePicker.prototype, "thyMustShowTime", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: BasePicker, decorators: [{
             type: Component,
             args: [{
@@ -3391,7 +3355,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyMode: [{
                 type: Input
             }], thyHasBackdrop: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyOnPanelChange: [{
                 type: Output
             }], thyOnCalendarChange: [{
@@ -3399,7 +3364,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyShowTime: [{
                 type: Input
             }], thyMustShowTime: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyPlacement: [{
                 type: Input
             }], thyOnOk: [{
@@ -3841,26 +3807,8 @@ class PickerDirective extends AbstractPickerComponent {
         this.withTime = show;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ThyPopover }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: "thyMustShowTime", thyPlacement: "thyPlacement", thyOffset: "thyOffset", thyHasBackdrop: "thyHasBackdrop", thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: "thyStopPropagation" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.3", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", booleanAttribute], thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: ["thyStopPropagation", "thyStopPropagation", booleanAttribute] }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], PickerDirective.prototype, "thyMustShowTime", void 0);
-__decorate([
-    InputNumber(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], PickerDirective.prototype, "thyOffset", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], PickerDirective.prototype, "thyHasBackdrop", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], PickerDirective.prototype, "thyStopPropagation", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PickerDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.ThyPopover }], propDecorators: { thyDateRender: [{
@@ -3872,17 +3820,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyShowTime: [{
                 type: Input
             }], thyMustShowTime: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyPlacement: [{
                 type: Input
             }], thyOffset: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], thyHasBackdrop: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyPopoverOptions: [{
                 type: Input
             }], thyStopPropagation: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 /**