"SharePoint:DateTimeControl" does not render styles

Problem:

       When I am using  DateTimeControl in sharepoint custom page, I found an issue in style rendering. when we click the Calendar icon, calender is display without any style, look like this

But it's works fine in default list edit forms. Reason for this issue is  Stylesheet (CSS) is not refer in Popup form (iframe.aspx).



Solution


          Copy and paste the below in  " C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\iframe.aspx" Head TAG.

      <link rel="stylesheet" type="text/css"href="/_layouts/1033/styles/datepicker.css"/> 

After adding this CSS,  DateTimeControl look like this.