Site map a calendar

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode title="Menu"  description=""  roles="none">
    <siteMapNode  title="Sekce pro administrátory"  description="" roles="admin">
      <siteMapNode url="~/Admin/New-restaurant.aspx" title="Vytvoření restaurace"  description="" />
      <siteMapNode url="~/Admin/restaurants.aspx" title="seznam restaurací"  description="" />
      <siteMapNode url="~/Admin/users.aspx" title="seznam uživatlů"  description="" />
    </siteMapNode>
    <siteMapNode title="Sekce pro přihlášené"  description="" roles="user">
      <siteMapNode url="~/User/main.aspx" title="Domů"  description="" />
      <siteMapNode url="~/User/restaurants.aspx" title="seznam restauraci"  description="" />
      <siteMapNode url="~/User/reservation.aspx" title="moje rezervace"  description="" />
    </siteMapNode>
  </siteMapNode>
</siteMap>



CUser user;
            if ((user = StaticLocalDB.GetLoggedUser()) != null)
            {
                if (user.Role == "Admin")
                {
                    SiteMapDataSource1.SiteMapProvider = "SiteAdmin";
                }
                else
                {
                    SiteMapDataSource1.SiteMapProvider = "SiteUser";
                }
            }
            else {

                SiteMapDataSource1.SiteMapProvider = "SiteWeb";
            }


     <asp:Menu ID="menu" runat="server" DataSourceID="SiteMapDataSource1"></asp:Menu>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />



http://www.jqueryscript.net/time-clock/Simple-jQuery-Calendar-Date-Picker-Plugin-DCalendar.html
<link href="/js/dcalendar.picker.css" rel="stylesheet" media="all" />
<script src="/js/dcalendar.picker.JS"></script>
<script>
    	  $(function () {

            $('.date').dcalendarpicker({
                format: 'dd. mm. yyyy'
                            });
        })
 </script>