<div id="dates" style="float: right;">
            <span style="float: center; font-size: 16px; font-family: Metic_Regular; line-height: 26.67px; padding-left: 20px; padding-right: 10px;">Date
                Range:</span>
            <div id="reportrange" class="selectbox pull-right active" style="background: #fff; height: 30px; cursor: pointer; margin-right: 30px; display: inline; font-size: 16px; font-family: Metic_Regular; border: 1px solid #ccc; vertical-align: middle;">
                <img src="./images/icon_calender.png" style="vertical-align: middle;"> <span style="padding-left: 5px; padding-right: 10px; border-right: 2px solid #BDBDBD; vertical-align: middle;">February 1, 2018 - February 24, 2018</span>
                <b class="caret"></b>

            </div>
        </div>

Set e = HTMLdoc.getelementbyid("reportrange")
e.Click

<div class="ranges">
        <ul>
            <li>Today</li>
            <li>Yesterday</li>
            <li>Last 7 Days</li>
            <li>Last 30 Days</li>
            <li class="active">This Month</li>
            <li>Last Month</li>
            <li>Custom Range</li>
        </ul>
        <div class="range_inputs">
            <div class="daterangepicker_start_input">
                <label for="daterangepicker_start">From</label>
                <input class="input-mini" type="text" name="daterangepicker_start" value="">
            </div>
            <div class="daterangepicker_end_input">
                <label for="daterangepicker_end">To</label>
                <input class="input-mini" type="text" name="daterangepicker_end" value="">
            </div>
            <button class="applyBtn btn btn-default btn-sm btn-primary" style=" background: #3194c6;" id="editheading" type="button">Submit</button>&nbsp;
            <button class="cancelBtn btn btn-default btn-sm" style="background: #3194c6;" type="button">Clear</button>
        </div>