<label for="calendar-clinics-input">Clinic</label>
<ul data-role="listview" class="hidden" data-inset="true" id="calendar-clinics" data-attributes="autofocus,required,aria-required=true,aria-label=Search..." data-filter="true" data-filter-placeholder="Search..."></ul>
<div class="desired-date">
    <p class="error-message date-error hidden"><span class="alert-icon"></span>
        <span>The date cannot be in the past and must no more than 90 days in the future</span>
    </p>
    <label for="desired-date">Desired Date of Appointment</label>
    <input name="desired-date" id="desired-date" placeholder="MM/DD/YYYY" autocomplete="off" value="" />
    <button id="date-picker-btn" class="date-picker-btn" data-role="none"><span class="icon-calendar"></span><span class="hide-text">Select Date</span></button>
</div>
<button id="availability-btn" disabled data-role="none" data-inset="true" data-theme="b" class="ok-button ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b">VIEW AVAILABILITY</button>
<div id="below-filter"></div>

