{"id":18725547,"url":"https://github.com/jacklam718/angular-datepicker","last_synced_at":"2025-11-11T19:30:11.918Z","repository":{"id":36564986,"uuid":"40870888","full_name":"jacklam718/angular-datepicker","owner":"jacklam718","description":null,"archived":false,"fork":false,"pushed_at":"2015-08-17T08:05:41.000Z","size":146,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-28T13:17:28.445Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jacklam718.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-17T06:43:04.000Z","updated_at":"2019-11-17T08:04:26.000Z","dependencies_parsed_at":"2022-09-09T06:51:19.742Z","dependency_job_id":null,"html_url":"https://github.com/jacklam718/angular-datepicker","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacklam718%2Fangular-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacklam718%2Fangular-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacklam718%2Fangular-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacklam718%2Fangular-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jacklam718","download_url":"https://codeload.github.com/jacklam718/angular-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239592980,"owners_count":19664855,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T14:10:44.069Z","updated_at":"2025-11-11T19:30:11.840Z","avatar_url":"https://github.com/jacklam718.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-datepicker\n\nThe mobile-friendly, responsive, and lightweight Angular.js date \u0026amp; time input picker. Perfect for Ionic apps!\n\n![datepicker](https://dl.dropboxusercontent.com/u/16304603/datepicker.PNG), ![datepicker](https://dl.dropboxusercontent.com/u/16304603/timepicker.PNG)\n\nThis is basically a [pickadate.js](https://github.com/amsul/pickadate.js) fork that completely removes the jQuery dependency and adds Angular.js directives.\n\n### Bower\n\n`bower install angular-datepicker`\n\n### Usage\n\nInclude `build/angular-datepicker.js` in your application:\n\n```HTML\n\u003cscript src=\"angular-datepicker.js\"\u003e\u003c/script\u003e\n```\n    \nAdd the module `angular-datepicker` as a dependency to your app module:\n\n```JavaScript\nvar myapp = angular.module('myapp', ['angular-datepicker']);\n```\n    \nTo create a date or time picker, add the `pick-a-date` or `pick-a-time` directive to your input tag:\n\n```HTML\n\u003cinput type=\"text\" pick-a-date=\"date\" placeholder=\"Select Date\" /\u003e {{ date }}\n\u003cinput type=\"text\" pick-a-time=\"time\" placeholder=\"Select Time\" /\u003e {{ time }}\n```\n\nYou can also provide an options object to the directive which will be passed\ninto the `pickadate` or `pickatime` constructor.\n\n```javascript\n// somewhere in your controller\n$scope.options = {\n  format: 'yyyy-mm-dd', // ISO formatted date\n  onClose: function(e) {\n    // do something when the picker closes   \n  }\n}\n```\n\n```HTML\n\u003cinput type=\"text\" pick-a-date=\"date\" pick-a-date-options=\"options\" /\u003e {{ date }}\n\u003cinput type=\"text\" pick-a-time=\"time\" pick-a-time-options=\"options\" /\u003e {{ time }}\n```\n\nIf you don't need to provide any callbacks (like `onClose`) you can specify the\noptions object as an angular expression:\n\n```HTML\n\u003cinput type=\"text\" pick-a-date=\"date\" pick-a-date-options=\"{ format: 'yyyy-mm-dd' }\" /\u003e\n```\n\nFor a full list of available options please refer to the pickadate documentation\nfor [datepicker options](http://amsul.ca/pickadate.js/date.htm) and \n[timepicker options](http://amsul.ca/pickadate.js/time.htm).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacklam718%2Fangular-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacklam718%2Fangular-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacklam718%2Fangular-datepicker/lists"}