Sapphire 15 [disabled]="true" not working

[msbhalani]

<div class="col-12 md:col-6 lg:col-3">
<span class="md-inputfield">
<p-calendar formControlName="endDate" pTooltip="Enter/Select end date" tooltipPosition="bottom"
dateFormat="yy-mm-dd" [disabled]="true" [showIcon]="true"></p-calendar>
<label>End Date *</label>
</span>
</div>

<div class="col-12 md:col-6 lg:col-3">
<span class="md-inputfield">
<p-dropdown [showClear]="true" [options]="scheduleStatues" formControlName="scheduleStatusId"
pTooltip="Select Schedule Status" tooltipPosition="bottom"
[disabled]="true"></p-dropdown>
<label>Schedule Status *</label>
</span>
</div>

This was working for 13.x Sapphire. Can you please advise?

Thanks!

[gucal]

Hi,

I can not reproduce the error. Can you send a reproducer?

[msbhalani]

See attached photos for your reference.

https://ibb.co/GkG2ddL

FYI....
"dependencies": {
"@angular/animations": "^15.1.0",
"@angular/cdk": "^15.1.0",
"@angular/common": "^15.1.0",
"@angular/compiler": "^15.1.0",
"@angular/core": "^15.1.0",
"@angular/forms": "^15.1.0",
"@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0",
"@fullcalendar/angular": "^6.0.3",
"@fullcalendar/core": "^6.0.3",
"@fullcalendar/daygrid": "^6.0.3",
"@fullcalendar/interaction": "^6.0.3",
"@fullcalendar/timegrid": "^6.0.3",
"angular-shepherd": "^15.0.0",
"chart.js": "^3.3.2",
"file-saver": "^2.0.5",
"intl": "1.2.5",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.5.28",
"jwt-decode": "^3.1.2",
"moment": "^2.29.4",
"ngx-material-timepicker": "^5.5.2",
"primeflex": "^3.2.1",
"primeicons": "6.0.1",
"primeng": "15.1.1",
"quill": "^1.3.7",
"prismjs": "1.9.0",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"web-animations-js": "^2.3.2",
"xlsx": "^0.18.5",
"xlsx-style": "^0.8.13",
"zone.js": "~0.11.4"
}

If I put p-calendar-disabled (like shown in 13.x screen shot), it works..... why following code does not work under 15.x (but works under 13.x)

<div class="col-12 md:col-6 lg:col-3">
<span class="md-inputfield">
<p-calendar formControlName="endDate" pTooltip="Enter/Select end date" tooltipPosition="bottom"
dateFormat="yy-mm-dd" [disabled]="true" [showIcon]="true"></p-calendar>
<label>End Date *</label>
</span>
</div>

Let me know if you need further information. Thanks!

[msbhalani]

Used style to fix this issue....

Thanks!