Edit in JSFiddle

$(function() {

    kendo.bind(document.body);
    
});
<div class="wrapper k-content">
    <form>
        <ul>
            <li>
                <label class="k-label" for="email">Email(m):</label>
                <input class="k-input" type="text" name="email" accesskey="m"/>
            </li>
            <li>
                <label class="k-label" for="name">Name(n):</label>
                <input class="k-input" type="text" name="name" accesskey="n" />
            </li>
             <li>
                <label class="k-label" for="name">Birthday(b):</label>
                <input data-role="datepicker" name="name" accesskey="b"/>
            </li>
        </ul>
    </form>
</div>
body, html {
    width: 100%;
    height: 100%;
}

.wrapper {
    width: 100%;
    height: 100%;
}    

FORM {
    margin: auto;
    padding-top: 20px;
    width: 400px;
}

input {
    font-size: 1.5em;
    width: 195px;
}

li {
    margin-bottom: 10px;
}

label {
    display: inline-block;
    width: 200px;
}