date-time-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>
        In the following sample, a specific datetime 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>
    <p>More information on the date range configuration can be found in the <a href="https://ej2.syncfusion.com/documentation/datetimepicker/date-time-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>
<!-- custom code start -->
<style>
    #wrapper {
        max-width: 246px;
        margin: 30px auto;
        padding-top: 50px;
    }
</style>
<!-- custom code end-->