range.html

<div class="col-lg-12 control-section">
    <div id="wrapper">
        <input id="datetimepicker" type="text" /><br/><br/>
    </div>
</div>
<div id="description">
    <p>
        Date Range sample illustrates the date selection within the specific range in a calendar and time popup list by using min and max properties.
        Here, the date selection range was restricted within a range from 7th 10:00 AM to 27th 10:30 PM days in a month.
    </p>
    <p>More information on the date range configuration can be found in the <a href="http://ej2.syncfusion.com/documentation/datepicker/date-range.html"
            target="_blank"> documentation section</a>.</p>
    </p>
</div>
<div id="action-description">
    <p>
        In the following sample, a specific date ranges from 7th 10:00 AM to 27th 10:30 PM of the current month has been set to select from the Calendar. All the other dates are out of range and <code>restricted</code> to set or select.
    </p>
</div>
<style>
    #wrapper {
        max-width: 246px;
        margin: 30px auto;
        padding-top: 50px;
    }
</style>