JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">

                <div class="col-sm-3" style="float:left" ;>
                    <div class="form-group">
                        Starts On :
                        <div class='input-group date' id='datetimepicker1'>
                            <input type='text' class="form-control" />
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-9">
                    <label>Ends</label>  

                    <div class="form-group">

                        <label class="radio-inline">&nbsp;<input type="radio" name="optradio">Never</label>
                        <label class="radio-inline"><input type="radio" name="optradio">After</label>
                        <input style="height:30px;width:50px" type="text" name="fname"> Occurances

                        <label class="radio-inline">
                            <input type="radio" name="optradio">On
                        </label>

                        <div class='input-group date' id='datetimepicker1' style="width:150px;">
                            <input type='text' class="form-control" />
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div> 
                    </div>                  
                </div>
            </div>