I'm a beginner in angularjs and ng-admin. Currently, I am working on a project where I need to integrate a custom UI bootstrap date picker but I am facing an issue with the popup not appearing. Below is the code for my custom page:
Here is my custom page code:
<div class="input-group datepicker">
<input type="text" ng-model="rawValue" id="" name="{{ name }}" class="form-control"
uib-datepicker-popup="{{ format }}" is-open="isOpen" ng-required="{{v}}"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="toggleDatePicker($event)">
<i class="glyphicon glyphicon-calendar"></i>
</button>
</span>
</div>
Here is my javascript code:
$scope.rawValue = new Date();
$scope.format = "yyyy-MM-dd";
$scope.v = true;
$scope.isOpen = false;
$scope.toggleDatePicker = function ($event) {
$event.preventDefault();
$event.stopPropagation();
};
I would appreciate any help regarding this issue.
Currently, when I include ui-bootsrap.min.js file in the "index.html," the custom page datepicker works fine. However, the ng-admin normal page datepickers and filter popups are not functioning correctly.