<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!
Sapphire 15 [disabled]="true" not working
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
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!
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!
-
- Information
-
Who is online
Users browsing this forum: No registered users and 14 guests