adjustSize Object

Configures the margins, which will be added to the popup size, if its position should end up being next to the viewport edges. By default, the adjustment amount in both dimensions is zero.

The property takes effect only if collision is set to "fit" for the respective dimension (width or height).

<div style="height:500px;">&nbsp;</div>
<p style="text-align:right;"><input id="datepicker" /></p>

<div id="popup">popup that is 100px offset from the bottom-right edge of the page.</div>

<script>
  $("#popup").kendoPopup({
    anchor: $("#datepicker"),
    origin: "bottom right",
    position: "top right",
    collision: "fit",
    adjustSize: {
        width: 100,
        height: 100
    }
  }).data("kendoPopup").open();
</script>