angularjsangular-uiangular-ui-bootstraptimepickerangular-ui-bootstrap-tab

Angular ui timepicker pop up not showing up


The following code not showing up pop up timepicker. Any idea how to fix?

Code:

<ul class="dropdown-menu custom-scroll dropDownLabel custom-width" role="menu" aria-labelledby="btn-append-to-body"
                    ng-show="!sr.timedisplay"	
                >
                    <li role="menuitem">
                        <a href="" ng-click="$event.stopPropagation()">Start Time
                           
							<p class="input-group">
								<input type="text" class="form-control" timepicker-popup ng-model="sr.startTime" is-open="opened" timepicker-options="timeOptions" ng-required="true"/>
									<span class="input-group-btn">
										<button class="btn btn-default" ng-click="sr.getTime('startTime')"><i class="glyphicon glyphicon-time"></i></button>
									</span>
								</p>
                        </a>
                    </li></ul>


Solution

  • This used to work:

    <uib-timepicker></uib-timepicker>
    

    Now you need to do this:

    <div uib-timepicker></div>