{"action":"created","issue":{"url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/126","labels_url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/126/labels{/name}","comments_url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/126/comments","events_url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/126/events","html_url":"https://github.com/dalelotts/angular-bootstrap-datetimepicker/issues/126","id":52782307,"number":126,"title":"0.12 UI Bootstrap issues with single-click","user":{"login":"mrozlukasz","id":8970955,"avatar_url":"https://avatars.githubusercontent.com/u/8970955?v=3","gravatar_id":"","url":"https://api.github.com/users/mrozlukasz","html_url":"https://github.com/mrozlukasz","followers_url":"https://api.github.com/users/mrozlukasz/followers","following_url":"https://api.github.com/users/mrozlukasz/following{/other_user}","gists_url":"https://api.github.com/users/mrozlukasz/gists{/gist_id}","starred_url":"https://api.github.com/users/mrozlukasz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrozlukasz/subscriptions","organizations_url":"https://api.github.com/users/mrozlukasz/orgs","repos_url":"https://api.github.com/users/mrozlukasz/repos","events_url":"https://api.github.com/users/mrozlukasz/events{/privacy}","received_events_url":"https://api.github.com/users/mrozlukasz/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2014-12-23T23:04:45Z","updated_at":"2015-09-11T06:28:46Z","closed_at":"2014-12-29T22:28:18Z","body":"Hi,\r\n\r\nAwesome job was done right here. The following issues was found while implementing the datetimepicker with bootstrap ui.\r\n1. Currently the component is double clicked, so in my opinion, has very poor usability for the end user.\r\n2. Even though there is an option to [eliminate the double-click](http://stackoverflow.com/questions/24218663/avoid-having-to-double-click-to-toggle-bootstrap-dropdown), there is a problem with closing the dropdown.\r\n\r\nI have good news, both issues can be solved!\r\n\r\nHere are the instructions:\r\n1. Upgrade the ui bootstrap to 0.12. The event collision with bootstrap.js was removed (single click working).\r\n2. [Additional attrributes are required] (https://github.com/angular-ui/bootstrap/issues/2156#issuecomment-55991970) : dropdown and dropdown-toggle\r\n3. Bootstrap UI dropdowns now have is-open attribute observed, so toggling the value will do the closing/opening trick\r\n```html\r\n<div class=\"dropdown\" dropdown is-open=\"status.isopen\">\r\n  <a class=\"dropdown-toggle\" dropdown-toggle role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"#\">\r\n    <div class=\"input-group\"><input type=\"text\" class=\"form-control\" data-ng-model=\"data.dateDropDownInput\"><span class=\"input-group-addon\"><i class=\"glyphicon glyphicon-calendar\"></i></span>\r\n    </div>\r\n  </a>\r\n  <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dLabel\">\r\n    <datetimepicker data-ng-model=\"data.dateDropDownInput\" on-set-time=\"onTimeSet(newDate,oldDate)\"/>\r\n  </ul>\r\n</div>\r\n```\r\n```javascript\r\n$scope.status = { isopen: false }\r\n$scope.onTimeSet = function (newDate, oldDate) {\r\n    $scope.status.isopen = false;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/comments/139463803","html_url":"https://github.com/dalelotts/angular-bootstrap-datetimepicker/issues/126#issuecomment-139463803","issue_url":"https://api.github.com/repos/dalelotts/angular-bootstrap-datetimepicker/issues/126","id":139463803,"user":{"login":"piyushdave","id":13135623,"avatar_url":"https://avatars.githubusercontent.com/u/13135623?v=3","gravatar_id":"","url":"https://api.github.com/users/piyushdave","html_url":"https://github.com/piyushdave","followers_url":"https://api.github.com/users/piyushdave/followers","following_url":"https://api.github.com/users/piyushdave/following{/other_user}","gists_url":"https://api.github.com/users/piyushdave/gists{/gist_id}","starred_url":"https://api.github.com/users/piyushdave/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/piyushdave/subscriptions","organizations_url":"https://api.github.com/users/piyushdave/orgs","repos_url":"https://api.github.com/users/piyushdave/repos","events_url":"https://api.github.com/users/piyushdave/events{/privacy}","received_events_url":"https://api.github.com/users/piyushdave/received_events","type":"User","site_admin":false},"created_at":"2015-09-11T06:28:46Z","updated_at":"2015-09-11T06:28:46Z","body":"Thanks i was also facing this issue now its working thanks again."}}