Appointment modal

 

To init modal pop up by clicking on the element, just init "modalWidget" using data-mage-init

<button id="appointment-modal-button" data-mage-init='{"modalWidget": {"target": "#modal-content", "modalClass":"appointment-popup"}}'>
Open appointment modal
</button>

Where target option is id or class of modal content block (required)

If need to customize popup content, we can use modalClass option, which is set custom class to the popup

Example of appointment modal