{"id":13728895,"url":"https://github.com/RenovoSolutions/ngx-datetimepicker","last_synced_at":"2025-05-08T01:30:25.979Z","repository":{"id":17852418,"uuid":"82848393","full_name":"RenovoSolutions/ngx-datetimepicker","owner":"RenovoSolutions","description":"An Angular component for a customizable date and time picker","archived":true,"fork":false,"pushed_at":"2024-02-13T14:38:48.000Z","size":3299,"stargazers_count":31,"open_issues_count":0,"forks_count":24,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-07T22:48:08.886Z","etag":null,"topics":["calendar","calendar-component","date-picker","datepicker","datetime","datetime-picker","picker","timepicker","timepickerdialog"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"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/RenovoSolutions.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-22T20:17:37.000Z","updated_at":"2024-02-13T14:40:24.000Z","dependencies_parsed_at":"2024-02-13T16:08:24.494Z","dependency_job_id":null,"html_url":"https://github.com/RenovoSolutions/ngx-datetimepicker","commit_stats":{"total_commits":329,"total_committers":16,"mean_commits":20.5625,"dds":0.668693009118541,"last_synced_commit":"0b893a29f5522599f716b6801c4c4c765016e13b"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RenovoSolutions%2Fngx-datetimepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RenovoSolutions%2Fngx-datetimepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RenovoSolutions%2Fngx-datetimepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RenovoSolutions%2Fngx-datetimepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RenovoSolutions","download_url":"https://codeload.github.com/RenovoSolutions/ngx-datetimepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252981361,"owners_count":21835415,"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":["calendar","calendar-component","date-picker","datepicker","datetime","datetime-picker","picker","timepicker","timepickerdialog"],"created_at":"2024-08-03T02:00:51.875Z","updated_at":"2025-05-08T01:30:25.291Z","avatar_url":"https://github.com/RenovoSolutions.png","language":"TypeScript","funding_links":[],"categories":["UI Components"],"sub_categories":["Form"],"readme":"\u003e [!NOTE]  \n\u003e This project is no longer actively maintained.\n\u003e\n\u003e We want to thank everyone for their contributions and hope we've helped you in your coding journey.\n\n# ngx-datetime-picker\n\n- No jQuery or other external dependencies\n- Three separate components for Date Time, Date, and Time picker\n- When being used on a mobile or touch devices, it falls back to HTML5 inputs of date, datetime-local, and time\n\n[![npm](https://img.shields.io/npm/v/ngx-datetime-picker.svg)](https://www.npmjs.com/package/ngx-datetime-picker)\n[![npm](https://img.shields.io/npm/dt/ngx-datetime-picker.svg?label=npm%20downloads)](https://www.npmjs.com/package/ngx-datetime-picker)\n\n## Demo\n\nLive demo can be found at \u003chttps://renovosolutions.github.io/ngx-datetimepicker/\u003e.\n\n\u003cp align=\"center\"\u003e\n  \u003cp align=\"center\"\u003e\n      \u003cimg src=\"https://cloud.githubusercontent.com/assets/13574057/24919884/1d00adac-1eb3-11e7-85b6-d221058d0b03.png\"\u003e\n  \u003c/p\u003e\n  \u003cp align=\"center\"\u003e\n    Date time picker that falls back to native HTML5 components on mobile\n  \u003c/p\u003e\n\u003c/p\u003e\n\n## DateTime formats\n\nDate formats are called at `datePicker.component.ts` - functions `formattedDate()` and `mobileFormattedDate()`.\n\nTime formats are called at `timePicker.component.ts` - functions `formattedTime()` and `mobileFormattedTime()`.\n\nDateTime formats are called at `dateTimePicker.component.ts` - functions `formattedDate()` and `mobileFormattedDate()`.\n\nChange these calls to a different format to get different results.\nAll formats are defined in [`date.service.ts`](/src/services/date.service.ts).\n\n## Usage\n\n```typescript\nimport { DateTimePickerModule} from 'ngx-datetime-picker';\n\n@NgModule({\n  imports: [\n    DateTimePickerModule\n  ],\n```\n\n```html\n\u003cngx-datetime-picker [(selectedDateTime)]=\"dateTimeExample\"\u003e\u003c/ngx-datetime-picker\u003e\n\n\u003cngx-date-picker [(selectedDate)]=\"dateExample\"\u003e\u003c/ngx-date-picker\u003e\n\n\u003cngx-time-picker [(selectedTime)]=\"timeExample\"\u003e\u003c/ngx-time-picker\u003e\n```\n\nAdditional options for each picker:\n\n- `[disableButton]=\"false\" (default)`\n- `[disableInput]=\"false\" (default)`\n- `[disablePicker]=\"false\" (default)`\n- `[doNotCloseOnDateSet]=\"false\" (default)`\n\nAdditional options for `ngx-date-picker` and `ngx-datetime-picker`:\n\n- `[min]=\"null\" (default)`\n- `[max]=\"null\" (default)`\n\nAdditional options for `ngx-time-picker` and `ngx-datetime-picker`:\n\n- `[use24HourClock]=\"false\" (default)`\n\n## CSS\n\nCompile `ngx-datetime-picker.css` from SCSS and copy into to your project.\n\nIf you are using angular-cli, the css can be added to your `angular-cli.json`:\n\n```typescript\n\"styles\": [\n  \"../node_modules/ngx-datetime-picker/ngx-datetime-picker.css\"\n]\n```\n\n[SCSS files](/src/scss/) available for quick customization. Override the defaults, compile, and include them in your project.\n\n## Development:\n\n### Work flow\n\n- Clone repository to your machine.\n- Run `npm run setup` to prepare the project.\n- Live edit mode with `npm run serve`.\n- Run tests with watcher with `npm run test`.\n- Run tests without a watcher with `npm run test.once`.\n- Prepare for distribution with `npm run dist`. (Note: you may need to also run `tsc index.ts` if you have updated the exported values)\n- Test a demo project using the exported ngModule with `npm run demo`.\n- Sass files are compiled locally using [Koala](http://koala-app.com/).\n- Set Koala to watch `date.component.scss` and compile it to `ngx-datetimepicker \u003e src \u003e assets` as `ngx-datetime-picker.css`.\n\n- _Optionally_, you can use \u003chttps://github.com/angular-buch/angular-cli-ghpages\u003e to publish the demo install to github pages. First run `npm run demo`, then switch into your demo directory with `cd demo`. From there, you can copy and paste the two commands to publish to github pages:\n\n  ```shell\n  ng build --prod --aot --base-href \"https://renovosolutions.github.io/ngx-datetimepicker/\"\n\n  ngh --repo=https://github.com/renovosolutions/ngx-datetimepicker.git\n  ```\n\n  _Note: this will publish to the `gh-pages` branch and you wil need to authenticate again._\n\n### Requirements\n\n- angular-cli 12.2.16 or higher, known issues with version 13\n- node 10 or higher\n\n### Contributors\n\n| [\u003cimg alt=\"JoshDSommer\" src=\"https://avatars.githubusercontent.com/u/1486275?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/JoshDSommer) | [\u003cimg alt=\"BrentWMiller\" src=\"https://avatars.githubusercontent.com/u/13574057?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/BrentWMiller) | [\u003cimg alt=\"benjamin-a-kuntz\" src=\"https://avatars.githubusercontent.com/u/98501411?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/benjamin-a-kuntz) | [\u003cimg alt=\"SFarageNIS\" src=\"https://avatars.githubusercontent.com/u/1518056?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/SFarageNIS) | [\u003cimg alt=\"Marco Mantovani\" src=\"https://avatars.githubusercontent.com/u/3605680?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/TheLand) | [\u003cimg alt=\"Jojie Palahang\" src=\"https://avatars.githubusercontent.com/u/19182512?v=3\u0026s=117\" width=\"117\"\u003e](https://github.com/JojiePalahang) | [\u003cimg alt=\"Sam Graber\" src=\"https://avatars.githubusercontent.com/u/6878589?v=3\" width=\"117\"\u003e](https://github.com/SamGraber) | [\u003cimg alt=\"alecrem\" src=\"https://avatars.githubusercontent.com/u/685555?\u0026v=3=117\" width=\"117\"\u003e](https://github.com/alecrem) | [\u003cimg alt=\"jrquick17\" src=\"https://avatars.githubusercontent.com/u/7435558?\u0026v=3=117\" width=\"117\"\u003e](https://github.com/jrquiick17) |\n| :-----------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: |\n|                                             [Josh Sommer](https://github.com/JoshDSommer)                                             |                                             [Brent Miller](https://github.com/BrentWMiller)                                              |                                               [Benjamin Kuntz](https://github.com/benjamin-a-kuntz)                                              |                                           [Steven Farage](https://github.com/SFarageNIS)                                            |                                             [Marco Mantovani](https://github.com/TheLand)                                             |                                             [Jojie Palahang](https://github.com/JojiePalahang)                                              |                                          [Sam Graber](https://github.com/SamGraber)                                          |                                      [Alejandro Cremades](https://github.com/alecrem)                                       |                                      [Jeremy Quick](https://github.com/jrquick17)                                                 |\n|                                                                                                                                       |                                                                                                                                          |                                                                                                                                                  |                                                                                                                                     |                                                                                                                                       |                                                                                                                                             |                                                                                                                              |                                                                                                                             |                                            [Personal](https://jrquick.com)                                                        |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRenovoSolutions%2Fngx-datetimepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRenovoSolutions%2Fngx-datetimepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRenovoSolutions%2Fngx-datetimepicker/lists"}