Data Browser - Viewing Site  Sector 23 Code Bank Logged in as:  Guest  


Disable Angular Material Datepicker Popup
If you disable the date input directly on an Angular Material date picker, the datepicker popup gets disabled.

However, if the date input is disabled INDIRECTLY, such as being nested in a disabled Fieldset, then the input gets disabled but the popup does not, allowing the user to edit the date.

To resolve, add the following CSS style to your stylesheet. This will hide the popup button when it has a disabled parent:

.mat-datepicker-toggle button:disabled {
visibility: hidden;

Created By: amos 12/9/2022 10:11:07 AM