primefaces#11644 Disable DatePicker on Ajax

jepsar · Mar 19, 2024 · ed22339 · ed22339
1 parent 558a8dc
commit ed22339
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/primefaces/src/main/resources/META-INF/resources/primefaces/datepicker/1-datepicker.js b/primefaces/src/main/resources/META-INF/resources/primefaces/datepicker/1-datepicker.js
@@ -383,6 +383,9 @@ PrimeFaces.widget.DatePicker = PrimeFaces.widget.BaseWidget.extend({
             ]
         }
         if (lazy) {
+            if (!this.panel.parent().is("div.ui-state-disabled")) {
+                this.panel.wrap("<div class='ui-state-disabled ui-datepicker-disabled'/>");
+            }
             options.onsuccess = function(responseXML, status, xhr) {
                 PrimeFaces.ajax.Response.handle(responseXML, status, xhr, {
                     widget: $this,
@@ -407,6 +410,9 @@ PrimeFaces.widget.DatePicker = PrimeFaces.widget.BaseWidget.extend({
                         pdp.options.dateStyleClasses = dateStyleClasses;
                         $this.setDisabledDates(disabledDates);
                         $this.setEnabledDates(enabledDates);
+                        if ($this.panel.parent().is("div.ui-state-disabled")) {
+                            $this.panel.unwrap();
+                        }
                     }
                 });
                 return true;

diff --git a/primefaces/src/main/resources/META-INF/resources/primefaces/datepicker/datepicker.css b/primefaces/src/main/resources/META-INF/resources/primefaces/datepicker/datepicker.css
@@ -126,4 +126,11 @@
 
 .p-datepicker-panel .ui-datepicker-buttonbar .ui-g-6 {
     text-align: center;
-}
+}
+
+body .ui-state-disabled.ui-datepicker-disabled {
+    opacity: 1;
+}
+.ui-datepicker-disabled tbody a {
+    opacity: .4;
+}