Input group bug

[jonthornton]

Please provide more information, and code samples if possible.

[berwite]

     <div id="Calendarpair">\
                               <div class="col-sm-5 col-sm-offset-1">\
                                     <div class="form-group">\
                                       <label>Start Date</label>\
                                      <div class="input-group  date start">\
                                                    <input type="text" class="form-control"/>\
                                                <span class="input-group-addon"><span class="fa fa-calendar"></span>\
                                                  </span>\
                                            </div>\
                                      </div>\
                                </div>\
                                <div class="col-sm-5">\
                                     <div class="form-group">\
                                        <label>Start Time</label>\
                                        <div class="input-group time start">\
                                                    <input type="text" class="form-control" />\
                                                 <span class="input-group-addon"><span class="fa fa-clock-o"></span>\
                                                 </span>\
                                           </div>\
                                      </div>\
                                </div>\
                                 <div class="col-sm-5 col-sm-offset-1">\
                                     <div class="form-group">\
                                       <label>End Date</label>\
                                      <div class="input-group date  end">\
                                                    <input type="text" class="form-control" />\
                                                <span class="input-group-addon"><span class="fa fa-calendar"></span>\
                                                  </span>\
                                            </div>\
                                      </div>\
                                </div>\
                                <div class="col-sm-5">\
                                     <div class="form-group">\
                                        <label>End Time</label>\
                                        <div class="input-group  time end">\
                                                    <input type="text" class="form-control" />\
                                                 <span class="input-group-addon"><span class="fa fa-clock-o"></span>\
                                                 </span>\
                                           </div>\
                                      </div>\
                                </div>\
                                 </div>\

its not working for me . any way thanks for the quick response :+1:

[jonthornton]

Where's the javascript where you're initializing the datepair?

[berwite]

    modal.find('#Calendarpair .time').timepicker({
                        'showDuration': true,
                        'timeFormat': 'g:ia'
                    });
    modal.find('#Calendarpair .date').datepicker({
                        'todayHighlight': true,
                        'format': 'm/d/yyyy',
                        'autoclose': true
                    });
     modal.find('#Calendarpair').datepair();

[jonthornton]

I don't see any problems with the javascript or HTML you posted. The problem must be somewhere else in your code.