I searched for the answer for a while before I found this works
$.ajax({
cache: false,
type: "POST",
url: "@Html.Raw(Url.Action("DailyReport"))?date=" + $('#EventStartDateTimeUtc').val() +
"&groupProductId=" + ddlGroupProductId + "&associatedProductId=" + ddlAssociatedProducts,
xhrFields: { responseType: "blob" },
success: function (data) {
var blob = new Blob([data]);
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = "Daily_Report_" + $('#EventStartDateTimeUtc').val() + ".pdf";
link.click();
var file = new File([blob], filename, { type: 'application/force-download' });
window.open(URL.createObjectURL(file));
},
error: function (error) {
alert("Error: " + error);
}
});