primeng 20.0.0-rc.2 → 20.0.0-rc.3

package/fesm2022/primeng-datepicker.mjs

@@ -50,7 +50,7 @@ const classes = {
         {
             'p-datepicker-panel p-component': true,
             'p-datepicker-panel-inline': instance.inline,
-            'p-disabled': instance.disabled(),
+            'p-disabled': instance.$disabled(),
             'p-datepicker-timeonly': instance.timeOnly
         }
     ],
@@ -88,7 +88,7 @@ const classes = {
         return {
             'p-datepicker-day': true,
             'p-datepicker-day-selected': !instance.isRangeSelection() && instance.isSelected(date) && date.selectable,
-            'p-disabled': instance.disabled() || !date.selectable,
+            'p-disabled': instance.$disabled() || !date.selectable,
             [selectedDayClass]: true
         };
     },
@@ -804,8 +804,6 @@ class DatePicker extends BaseInput {
     responsiveStyleElement;
     overlayVisible;
     $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo());
-    onModelChange = () => { };
-    onModelTouched = () => { };
     calendarElement;
     timePickerTimer;
     documentClickListener;
@@ -963,7 +961,7 @@ class DatePicker extends BaseInput {
         super.ngAfterViewInit();
         if (this.inline) {
             this.contentViewChild && this.contentViewChild.nativeElement.setAttribute(this.attributeSelector, '');
-            if (!this.disabled() && !this.inline) {
+            if (!this.$disabled() && !this.inline) {
                 this.initFocusableCell();
                 if (this.numberOfMonths === 1) {
                     if (this.contentViewChild && this.contentViewChild.nativeElement) {
@@ -1164,7 +1162,7 @@ class DatePicker extends BaseInput {
         }
     }
     navBackward(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             event.preventDefault();
             return;
         }
@@ -1194,7 +1192,7 @@ class DatePicker extends BaseInput {
         }
     }
     navForward(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             event.preventDefault();
             return;
         }
@@ -1254,7 +1252,7 @@ class DatePicker extends BaseInput {
         event.preventDefault();
     }
     onDateSelect(event, dateMeta) {
-        if (this.disabled() || !dateMeta.selectable) {
+        if (this.$disabled() || !dateMeta.selectable) {
             event.preventDefault();
             return;
         }
@@ -1687,7 +1685,7 @@ class DatePicker extends BaseInput {
         this.onModelTouched();
     }
     onButtonClick(event, inputfield = this.inputfieldViewChild?.nativeElement) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             return;
         }
         if (!this.overlayVisible) {
@@ -1719,7 +1717,7 @@ class DatePicker extends BaseInput {
         return this.currentView === 'month' ? this.currentYear : month.year;
     }
     switchViewButtonDisabled() {
-        return this.numberOfMonths > 1 || this.disabled();
+        return this.numberOfMonths > 1 || this.$disabled();
     }
     onPrevButtonClick(event) {
         this.navigationState = { backward: true, button: true };
@@ -2220,7 +2218,7 @@ class DatePicker extends BaseInput {
             cell.tabIndex = '0';
             if (!this.preventFocus && (!this.navigationState || !this.navigationState.button)) {
                 setTimeout(() => {
-                    if (!this.disabled()) {
+                    if (!this.$disabled()) {
                         cell.focus();
                     }
                 }, 1);
@@ -2395,19 +2393,19 @@ class DatePicker extends BaseInput {
         }
     }
     onTimePickerElementMouseDown(event, type, direction) {
-        if (!this.disabled()) {
+        if (!this.$disabled()) {
             this.repeat(event, null, type, direction);
             event.preventDefault();
         }
     }
     onTimePickerElementMouseUp(event) {
-        if (!this.disabled()) {
+        if (!this.$disabled()) {
             this.clearTimePickerTimer();
             this.updateTime();
         }
     }
     onTimePickerElementMouseLeave() {
-        if (!this.disabled() && this.timePickerTimer) {
+        if (!this.$disabled() && this.timePickerTimer) {
             this.clearTimePickerTimer();
             this.updateTime();
         }
@@ -2801,28 +2799,6 @@ class DatePicker extends BaseInput {
             this.animationEndListener = null;
         }
     }
-    writeValue(value) {
-        this.value = value;
-        if (this.value && typeof this.value === 'string') {
-            try {
-                this.value = this.parseValueFromString(this.value);
-            }
-            catch {
-                if (this.keepInvalid) {
-                    this.value = value;
-                }
-            }
-        }
-        this.updateInputfield();
-        this.updateUI();
-        this.cd.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
-    }
     getDateFormat() {
         return this.dateFormat || this.getTranslation('dateFormat');
     }
@@ -3244,6 +3220,28 @@ class DatePicker extends BaseInput {
         this.unbindScrollListener();
         this.overlay = null;
     }
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value) {
+        this.value = value;
+        if (this.value && typeof this.value === 'string') {
+            try {
+                this.value = this.parseValueFromString(this.value);
+            }
+            catch {
+                if (this.keepInvalid) {
+                    this.value = value;
+                }
+            }
+        }
+        this.updateInputfield();
+        this.updateUI();
+        this.cd.markForCheck();
+    }
     ngOnDestroy() {
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
@@ -3287,7 +3285,7 @@ class DatePicker extends BaseInput {
                 (blur)="onInputBlur($event)"
                 [attr.required]="required() ? '' : undefined"
                 [attr.readonly]="readonlyInput ? '' : undefined"
-                [attr.disabled]="disabled() ? '' : undefined"
+                [attr.disabled]="$disabled() ? '' : undefined"
                 (input)="onUserInput($event)"
                 [ngStyle]="inputStyle"
                 [class]="cn(cx('pcInputText'), inputStyleClass)"
@@ -3300,7 +3298,7 @@ class DatePicker extends BaseInput {
                 [fluid]="hasFluid"
                 [invalid]="invalid()"
             />
-            <ng-container *ngIf="showClear && !disabled() && value != null">
+            <ng-container *ngIf="showClear && !$disabled() && value != null">
                 <svg data-p-icon="times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" />
                 <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()">
                     <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
@@ -3315,7 +3313,7 @@ class DatePicker extends BaseInput {
                 *ngIf="showIcon && iconDisplay === 'button'"
                 (click)="onButtonClick($event, inputfield)"
                 [class]="cx('dropdown')"
-                [disabled]="disabled()"
+                [disabled]="$disabled()"
                 tabindex="0"
             >
                 <span *ngIf="icon" [ngClass]="icon"></span>
@@ -3678,7 +3676,7 @@ class DatePicker extends BaseInput {
             <ng-content select="p-footer"></ng-content>
             <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
         </div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: ChevronLeftIcon, selector: "[data-p-icon=\"chevron-left\"]" }, { kind: "component", type: ChevronRightIcon, selector: "[data-p-icon=\"chevron-right\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-p-icon=\"chevron-up\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: TimesIcon, selector: "[data-p-icon=\"times\"]" }, { kind: "component", type: CalendarIcon, selector: "[data-p-icon=\"calendar\"]" }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid"] }, { kind: "ngmodule", type: SharedModule }], animations: [
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: ChevronLeftIcon, selector: "[data-p-icon=\"chevron-left\"]" }, { kind: "component", type: ChevronRightIcon, selector: "[data-p-icon=\"chevron-right\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-p-icon=\"chevron-up\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: TimesIcon, selector: "[data-p-icon=\"times\"]" }, { kind: "component", type: CalendarIcon, selector: "[data-p-icon=\"calendar\"]" }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SharedModule }], animations: [
             trigger('overlayAnimation', [
                 state('visibleTouchUI', style$1({
                     transform: 'translate(-50%,-50%)',
@@ -3727,7 +3725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 (blur)="onInputBlur($event)"
                 [attr.required]="required() ? '' : undefined"
                 [attr.readonly]="readonlyInput ? '' : undefined"
-                [attr.disabled]="disabled() ? '' : undefined"
+                [attr.disabled]="$disabled() ? '' : undefined"
                 (input)="onUserInput($event)"
                 [ngStyle]="inputStyle"
                 [class]="cn(cx('pcInputText'), inputStyleClass)"
@@ -3740,7 +3738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 [fluid]="hasFluid"
                 [invalid]="invalid()"
             />
-            <ng-container *ngIf="showClear && !disabled() && value != null">
+            <ng-container *ngIf="showClear && !$disabled() && value != null">
                 <svg data-p-icon="times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" />
                 <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()">
                     <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
@@ -3755,7 +3753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 *ngIf="showIcon && iconDisplay === 'button'"
                 (click)="onButtonClick($event, inputfield)"
                 [class]="cx('dropdown')"
-                [disabled]="disabled()"
+                [disabled]="$disabled()"
                 tabindex="0"
             >
                 <span *ngIf="icon" [ngClass]="icon"></span>