Zurb Plugin HTML

<div data-datepicker data-open="dateTimeModal">
    <input type="text" value="04/20/2016" />

    <div class="reveal" id="dateTimeModal" data-reveal>

        <div class="row">
            <div class="small-12 medium-4 columns">
                <label>Month:
                    <select class="datepicker-month"></select>
                </label>
            </div>

            <div class="small-12 medium-4 columns">
                <label>Day:
                    <select></select>
                </label>
            </div>

            <div class="small-12 medium-4 columns">
                <label>Year:
                    <select></select>
                </label>
            </div>
        </div>

        <div class="row">
            <div class="small-6 columns">
                <button class="button secondary expanded" href="">Today</button>
            </div>
            <div class="small-6 columns">
                <button class="expanded button" href="">Done</button>
            </div>
        </div>

        <button class="close-button" data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>

    </div>
</div>