Changing a field into a date editor

The following example shows the markup for a DATETIME field from a database bound to a ASP.NET DetailsView before and after converting it into a templatefield and binding it to the ASPxDateEdit control. Default markup after converting to a template field:

<asp:TemplateField HeaderText="GebDat" SortExpression="hrGebDat">
    <EditItemTemplate>
        <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("hrGebDat") %>'></asp:TextBox>
    </EditItemTemplate>
    <InsertItemTemplate>
        <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("hrGebDat") %>'></asp:TextBox>
    </InsertItemTemplate>
    <ItemTemplate>
        <asp:Label ID="Label2" runat="server" Text='<%# Bind("hrGebDat") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

Markup after binding to a ASPxDateEdit control. Now a nice popup calendar will be used to edit the date:

<asp:TemplateField HeaderText="GebDat" SortExpression="hrGebDat">
    <EditItemTemplate>
        <dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server" Date='<%# Bind("hrGebDat") %>'></dx:ASPxDateEdit>
    </EditItemTemplate>
    <InsertItemTemplate>
        <dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server" Date='<%# Bind("hrGebDat") %>'></dx:ASPxDateEdit>
    </InsertItemTemplate>
    <ItemTemplate>
        <asp:Label ID="Label2" runat="server" Text='<%# Bind("hrGebDat") %>'></asp:Label>
    </ItemTemplate>
</asp:Templa