<!--                                                                  -->
<!--  Copyright (C) 2006 RoyaltyShare, Inc.   All Rights Reserved     -->
<!--  $Id$  -->
<!--                                                                  -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

    <xsl:template name="uiDatepicker">
        <xsl:param name="id" select="''" />
        <xsl:param name="name" select="''" />
        <xsl:param name="value" select="''" />
        <xsl:param name="className" select="''" />
        <xsl:param name="disabled" select="'false'" />
        <xsl:param name="readonly" select="'false'" />
        <xsl:param name="iconId" select="''" />
        <xsl:param name="wrapperId" select="''" />
        <xsl:param name="onClick" select="''" />

        <div class="InputWrapper DatePicker">
            <xsl:if test="$wrapperId != ''">
                <xsl:attribute name="id" select="$wrapperId" />
            </xsl:if>
            <input
                data-date-format="{/Root/Client/Locale/DateTimeFormat/DateFormat}"
                data-date-separator="{/Root/Client/Locale/DateTimeFormat/DateSeparator}"
                type="text"
                name="{$name}"
                id="{$id}"
                value="{$value}"
                class="Input Form-input DatePicker-input {$className}"
            >

                <xsl:if test="$onClick != ''">
                    <xsl:attribute name="onClick">
                        <xsl:value-of select="$onClick" />
                    </xsl:attribute>
                </xsl:if>

                <xsl:if test="$disabled = 'true'">
                    <xsl:attribute name="disabled">disabled</xsl:attribute>
                </xsl:if>
                <xsl:if test="$readonly = 'true'">
                    <xsl:attribute name="readonly">readonly</xsl:attribute>
                </xsl:if>
            </input>
            <span title="Select Date" class="js-tooltip InputWrapper-icon Icon-trigger DatePicker-trigger" id="{$iconId}">
                <xsl:call-template name="icon">
                    <xsl:with-param name="type" select="'calendar'" />
                    <xsl:with-param name="role" select="'action'" />
                </xsl:call-template>
            </span>

        </div>
    </xsl:template>

</xsl:stylesheet>
