SharePoint DateTimeControl styling is getting out in google chrome

Question

I am using a SharePoint DateTimeControl in my web part solution in SharePoint 2013. it is working fine in Internet Explorer:

but when I open the same page in Google Chrome, it looks like the following:

Please help me resolve this issue

Thanks

Following is the HTML:

   <SharePoint:DateTimeControl runat="server" ID="txt_expectedReturnDate" />

Update:

I have added the following in Page Load:

txt_expectedReturnDate.DatePickerFrameUrl = ResolveUrl(SPContext.Current.Site.Url + "/_layouts/15/iframe.aspx");

but now it's showing the following in Chrome while it's fine in internet explorer:

I am also facing the following issue: Chrome is opening Local Host site with HTTPS

Answer 1

Try to add DatePickerFrameUrl="<% $SPUrl:~sitecollection/_layouts/15/iframe.aspx %>" within the <SharePoint:DateTimeControl> tag and check again.