{"action":"created","issue":{"url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/142","repository_url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker","labels_url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/142/labels{/name}","comments_url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/142/comments","events_url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/142/events","html_url":"https://github.com/mominsamir/smDateTimeRangePicker/issues/142","id":216665478,"number":142,"title":"Show only custom start and end date without label","user":{"login":"mailmrmanoj","id":7077567,"avatar_url":"https://avatars1.githubusercontent.com/u/7077567?v=3","gravatar_id":"","url":"https://api.github.com/users/mailmrmanoj","html_url":"https://github.com/mailmrmanoj","followers_url":"https://api.github.com/users/mailmrmanoj/followers","following_url":"https://api.github.com/users/mailmrmanoj/following{/other_user}","gists_url":"https://api.github.com/users/mailmrmanoj/gists{/gist_id}","starred_url":"https://api.github.com/users/mailmrmanoj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mailmrmanoj/subscriptions","organizations_url":"https://api.github.com/users/mailmrmanoj/orgs","repos_url":"https://api.github.com/users/mailmrmanoj/repos","events_url":"https://api.github.com/users/mailmrmanoj/events{/privacy}","received_events_url":"https://api.github.com/users/mailmrmanoj/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-03-24T06:03:46Z","updated_at":"2017-03-24T22:45:10Z","closed_at":null,"body":"I wanted to show the start and end dates in smRangePickerInut withoust displaying Range picker configurations such as \"Today\",\"Last 7 days\",\"This month\" etc.\r\nHowever I managed to hide these selector options and show only \"Custom Range\" by using setRangeDefaultList()..\r\n\r\n```\r\n  pickerProvider.setRangeDefaultList([\r\n\r\n            ]);\r\n```\r\n\r\nand the end result was like ..\r\n![image](https://cloud.githubusercontent.com/assets/7077567/24282470/9d5852ca-1085-11e7-9ad1-502002dcfaa2.png)\r\n\r\nBut I wanted to have a view like one below as soon as the user clicks on the date range picker\r\n\r\n![image](https://cloud.githubusercontent.com/assets/7077567/24282483/af3fa2ea-1085-11e7-9db7-592bda42e1a5.png)\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/comments/289160690","html_url":"https://github.com/mominsamir/smDateTimeRangePicker/issues/142#issuecomment-289160690","issue_url":"https://api.github.com/repos/mominsamir/smDateTimeRangePicker/issues/142","id":289160690,"user":{"login":"oscar09","id":4185816,"avatar_url":"https://avatars2.githubusercontent.com/u/4185816?v=3","gravatar_id":"","url":"https://api.github.com/users/oscar09","html_url":"https://github.com/oscar09","followers_url":"https://api.github.com/users/oscar09/followers","following_url":"https://api.github.com/users/oscar09/following{/other_user}","gists_url":"https://api.github.com/users/oscar09/gists{/gist_id}","starred_url":"https://api.github.com/users/oscar09/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oscar09/subscriptions","organizations_url":"https://api.github.com/users/oscar09/orgs","repos_url":"https://api.github.com/users/oscar09/repos","events_url":"https://api.github.com/users/oscar09/events{/privacy}","received_events_url":"https://api.github.com/users/oscar09/received_events","type":"User","site_admin":false},"created_at":"2017-03-24T22:45:10Z","updated_at":"2017-03-24T22:45:10Z","body":"Not the best solution, but you could make something like this as a workaround:\r\n\r\n```\r\n$(\"#test .sm-input-container\").on('focus', function(){ \r\n\tvar me = $(this);\r\n\tif(!me.closest(\"md-input-container\").hasClass(\".md-input-focused\"))\r\n    {\r\n\t\t$(\".sm-calender-pane.show button[aria-label='Custom Range']\").trigger('click');\r\n    }\r\n });\r\n```\r\n\r\nHTML:\r\n\r\n```\r\n<sm-range-picker-input\r\n                   id=\"test\"\r\n\t            fname=\"Date of Pay\"\r\n\t            label=\"Date of Pay\"\r\n\t            form=\"test\"\r\n\t            ng-model=\"vm.employee.default\"\r\n\t            flex=\"50\"\r\n\t\t\t\tformat=\"DD-MMM-YYYY\"\r\n\t\t\t\tfloating-label=\"true\"\r\n\t            divider=\"To\"\r\n\t            week-start-day=\"Monday\"\r\n\t            custom-to-home=\"true\"\r\n\t            allow-clear=\"true\"\r\n\t            allow-empty=\"true\"\r\n\t            on-range-select=\"vm.dayofPaySelected(range)\">\r\n\t        </sm-range-picker-input>\r\n```"}}
{"actor":{"display_login":"oscar09"}}