<form class="aui">
    <div class="field-group">
        <label for="dd-startDate">Start Date
            <span class="aui-icon icon-required">(required)</span></label>
        <input class="text medium-field" type="text"
               id="dd-startDate" name="dd-startDate">
        <div class="description">Please select your Start Date</div>
    </div>
    <div class="field-group">
        <label for="dd-endDate">End Date
            <span class="aui-icon icon-required">(required)</span></label>
        <input class="text medium-field" type="text"
               id="dd-endDate" name="dd-endDate">
        <div class="description">Please select your End Date</div>
    </div>
    
    <div class="buttons-container">
        <div class="buttons">
            <input class="button submit" type="button" value="Create" id="dd-save-button">
        </div>
    </div>
</form>
 
 
<script>
 AJS.$(document).ready(function() {
    AJS.$('#dd-startDate').datePicker({'overrideBrowserDefault': true});
    AJS.$('#dd-endDate').datePicker({'overrideBrowserDefault': true});
});
 
</script>