p-calendar in p-dialog with touchUI=true and inline=true clicking year and dismissing modal raises errors

[pete-mcwilliams]

Describe the bug

p-calendar with touchUI = true and inline=true whilst in a p-dialog errors.

element passed in is undefined

    enableModality(element) {
        if (!this.mask) {
            this.mask = document.createElement('div');
            this.mask.style.zIndex = String(parseInt(element.style.zIndex) - 1);
            let maskStyleClass = 'p-component-overlay p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter';
            DomHandler.addMultipleClasses(this.mask, maskStyleClass);
            this.maskClickListener = this.renderer.listen(this.mask, 'click', (event) => {
                this.disableModality();
            });
            document.body.appendChild(this.mask);
            DomHandler.addClass(document.body, 'p-overflow-hidden');
        }
    }

dismissing modal rasies an error on this line

  destroyMask() {
    document.body.removeChild(this.mask);
    <snip>
  }

Environment

See stackblitz, versions below copied from that, we are using later versions of angular and prime where the issue still exists
"primeng": "^13.4.1",
"@angular/core": "13.3.4",

Reproducer

https://stackblitz.com/edit/github-bpugx2?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

Angular version

13.0.3

PrimeNG version

13.3.3

Build / Runtime

Angular CLI App

Language

ES6

Node version (for AoT issues node --version)

n/a

Browser(s)

chrome

Steps to reproduce the behavior

See stackblitz:
click the year, see error in console.

• Error: Cannot read properties of undefined (reading 'style')
  Dismiss dialog by clicking in mask, see error in console.
• Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Expected behavior

no errors