{"id":13728648,"url":"https://github.com/akmittal/angular2-datepicker","last_synced_at":"2025-05-08T00:32:15.407Z","repository":{"id":57179540,"uuid":"62884408","full_name":"akmittal/angular2-datepicker","owner":"akmittal","description":"Angular2 date time picker","archived":true,"fork":false,"pushed_at":"2021-03-30T13:47:46.000Z","size":208,"stargazers_count":9,"open_issues_count":9,"forks_count":17,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-11T20:30:20.496Z","etag":null,"topics":["angular","angular2-datepicker","datepicker","material-design","typescript"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/angular2-datepicker","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akmittal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-08T11:39:52.000Z","updated_at":"2023-09-07T11:24:50.000Z","dependencies_parsed_at":"2022-09-13T02:50:49.776Z","dependency_job_id":null,"html_url":"https://github.com/akmittal/angular2-datepicker","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akmittal%2Fangular2-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akmittal%2Fangular2-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akmittal%2Fangular2-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akmittal%2Fangular2-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akmittal","download_url":"https://codeload.github.com/akmittal/angular2-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224679971,"owners_count":17351902,"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":["angular","angular2-datepicker","datepicker","material-design","typescript"],"created_at":"2024-08-03T02:00:46.923Z","updated_at":"2024-11-14T19:31:26.245Z","avatar_url":"https://github.com/akmittal.png","language":"TypeScript","readme":"# Angular2-datepicker v. 1.0.0\n\nThis is fork of https://github.com/kekeh/mydatepicker with slight design change. Intend to implement transition to make it look like Material Datepicker\n\n**Angular 2 date picker - Angular2 reusable UI component**\n\n## Description\nSimple Angular2 date picker.\n\n![alt text](https://raw.githubusercontent.com/akmittal/angular2-datepicker/master/image/mydatepicker-normal-image.png \"mydatepicker normal mode\")\n\nImage 1. _mydatepicker in normal mode._\n\n![alt text](https://raw.githubusercontent.com/akmittal/angular2-datepicker/master/image/mydatepicker-inline-image.png \"mydatepicker inline mode\")\n\nImage 2. _mydatepicker in inline mode._\n\n## Getting Started\n1. Fork and clone this repo\n2. npm install\n3. Open a terminal and type \"npm start\"\n4. Open \"http://localhost:5000\" to browser\n\n## Installation\n\nTo install this component to an external project, follow the procedure:\n\n1. Make sure you're using Webpack and have installed `raw-loader`, `postcss-loader` and `sass-loader`.\n2. `npm install angular2-datepicker`.\n3. `import {MyDatePickerModule} from 'mydatepicker';`\n4. import Datepicker module\n```\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    MyDatePickerModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\n```\n5. Use the following snippet inside your template:\n\n   ```html\n   \u003cmy-date-picker [options]=\"myDatePickerOptions\"\n                   (dateChanged)=\"onDateChanged($event)\"\n                   [selDate]=\"selectedDate\"\u003e\u003c/my-date-picker\u003e\n   ```\n\n## Usage\n\nAll input properties are optional.\n\n### options\nBind to an object containing replacements for any of the following defaults:\n\n#### dayLabels\n  `{su: 'Sun', mo: 'Mon', tu: 'Tue', we: 'Wed', th: 'Thu', fr: 'Fri', sa: 'Sat'}`\n  \n#### monthLabels\n  `{ 1: 'Jan', 2: 'Feb', 3: 'Mar', 4: 'Apr', 5: 'May', 6: 'Jun', 7: 'Jul', 8: 'Aug', 9: 'Sep', 10: 'Oct', 11: 'Nov', 12: 'Dec' }`\n    \n#### dateFormat\n  `'yyyy-mm-dd'`\n  \n#### todayBtnTxt\n  `'Today'`\n  \n#### firstDayOfWeek\n  `'mo'`\n  \n#### sunHighlight\n  `true`\n  \n#### disableUntil\n  `{year: 2016, month: 6, day: 26}`\n  \n#### disableSince\n  `{year: 2016, month: 7, day: 22}`\n  \n#### disableWeekends\n  `false`\n\n#### inline\n  `false`\n  \n#### height\n  `'34px'`\n  \n#### width\n  `'100%'`\n\n### locale\nA two-letter ISO 639-1 language code can be provided as shorthand for several of\nthe options listed above. Currently supported languages: ja.\n\n### selDate\nProvide the initially chosen date that will display both in the text input field\nand provide the default for the popped-up datepicker.\n\n### defaultMonth\nIf `selDate` is not specified, when the datepicker is opened, it will\nordinarily default to selecting the current date. If you would prefer\na different year and month to be the default for a freshly chosen date\npicking operation, specify a `[defaultMonth]` in the same format as\nthat for the datepicker options (`yyyy.mm` if not otherwise specified).\n\n## Demo\nOnline demo is [here](http://kekeh.github.io/mydatepicker)\n\n## Compatibility (tested with)\n* Firefox (latest)\n* Chromium (latest)\n* Edge\n* IE11\n\n## License\n* License: MIT\n\n## Author\n* Author: kekeh\n","funding_links":[],"categories":["UI Components"],"sub_categories":["Form"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakmittal%2Fangular2-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakmittal%2Fangular2-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakmittal%2Fangular2-datepicker/lists"}