{"id":13808898,"url":"https://github.com/h2qutc/angular-material-components","last_synced_at":"2025-05-15T13:09:01.657Z","repository":{"id":37420176,"uuid":"249298325","full_name":"h2qutc/angular-material-components","owner":"h2qutc","description":"Angular Material Library provide extra components for every project","archived":false,"fork":false,"pushed_at":"2024-08-16T08:30:51.000Z","size":6659,"stargazers_count":341,"open_issues_count":215,"forks_count":178,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-05-09T05:38:40.155Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://h2qutc.github.io/angular-material-components/","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/h2qutc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2020-03-23T00:19:27.000Z","updated_at":"2025-03-30T20:56:14.000Z","dependencies_parsed_at":"2024-05-01T12:35:30.663Z","dependency_job_id":"7765bf93-a717-401c-aefb-3b3f8fa9d253","html_url":"https://github.com/h2qutc/angular-material-components","commit_stats":{"total_commits":323,"total_committers":7,"mean_commits":"46.142857142857146","dds":0.04024767801857587,"last_synced_commit":"e1eee7379908a27060e3bc90557147a4b8f2e48c"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/h2qutc%2Fangular-material-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/h2qutc%2Fangular-material-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/h2qutc%2Fangular-material-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/h2qutc%2Fangular-material-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/h2qutc","download_url":"https://codeload.github.com/h2qutc/angular-material-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254346624,"owners_count":22055808,"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-08-04T01:01:54.493Z","updated_at":"2025-05-15T13:08:56.649Z","avatar_url":"https://github.com/h2qutc.png","language":"TypeScript","readme":"# Angular Material Extra Components (DatetimePicker, TimePicker, ColorPicker, FileInput ...) for @angular/material 7.x, 8.x, 9.x, 10.x, 11.x, 12.x, 13.x, 14.x, 15.x, 16.x\n\n[![Build Status](https://travis-ci.com/h2qutc/angular-material-components.svg?branch=master)](https://travis-ci.com/h2qutc/angular-material-components)\n[![License](https://img.shields.io/npm/l/angular-material-components.svg)](https://www.npmjs.com/package/angular-material-components)\n\n## Description\n\nAngular Material Library provide extra components for every project (Datetime picker, Time picker, Color picker...).\n\nPlease do not hesitate to contact us if you have any question or suggestion.\n\nFeel free to open the [issues](https://github.com/h2qutc/angular-material-components/issues) or provide a PR.\n\nIf you like this project, support angular-material-components by starring⭐.\n\nAnd thank you so much for your coffee ❤️ \n\n\u003ca href=\"https://www.buymeacoffee.com/h2qutc\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\n## DEMO Angular Material Components\n\n@see [LIVE DEMO AND DOCUMENTATION](https://h2qutc.github.io/angular-material-components/)\n\nChoose the version corresponding to your Angular version:\n\n Angular     | @angular-material-components/datetime-picker\n ----------- | -------------------\n 16          | 16.x+\n 15          | 15.x+ OR 9.x+ for legacy import\n 14          | 8.x+\n 13          | 7.x+\n 12          | 6.x+\n 11          | 5.x+\n 10          | 4.x+\n 9           | 2.x+\n 8           | 2.x+\n 7           | 2.x+\n\n\n### Datetime Picker\n\n[![npm version](https://badge.fury.io/js/%40angular-material-components%2Fdatetime-picker.svg)](https://www.npmjs.com/package/@angular-material-components/datetime-picker)\n[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/datetime-picker.svg)]()\n\n[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)\n\n```\nnpm install --save  @angular-material-components/datetime-picker\n```\n\n![Alt Text](demo_datetime_picker.png)\n\n@see [DEMO stackblitz for Angular 7, Angular 8](https://stackblitz.com/edit/demo-ngx-mat-datetime-picker)\n\n@see [DEMO stackblitz for Angular 9](https://stackblitz.com/edit/demo-ngx-mat-datetime-picker-angular9)\n\n### Color Picker\n\n[![npm version](https://badge.fury.io/js/%40angular-material-components%2Fcolor-picker.svg)](https://www.npmjs.com/package/@angular-material-components/color-picker)\n[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/color-picker.svg)]()\n\n[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)\n\n```\nnpm install --save  @angular-material-components/color-picker\n```\n\n![Alt Text](demo_color_picker.png)\n@see [DEMO stackblitz](https://stackblitz.com/edit/demo-ngx-mat-color-picker)\n\n### File Input\n\n[![npm version](https://badge.fury.io/js/%40angular-material-components%2Ffile-input.svg)](https://www.npmjs.com/package/@angular-material-components/file-input)\n[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/file-input.svg)]()\n\n[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)\n\n```\nnpm install --save  @angular-material-components/file-input\n```\n\n![Alt Text](demo_file_input.png)\n\n\n### Theming\n- @see @angular/material [Using a pre-built theme](https://material.angular.io/guide/theming#using-a-pre-built-theme)\n- Add the Material Design icon font to your index.html\n```\n\u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\u0026display=block\" rel=\"stylesheet\"\u003e\n```\n\n## License\nMIT\n","funding_links":["https://www.buymeacoffee.com/h2qutc"],"categories":["Table of contents"],"sub_categories":["Third Party Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fh2qutc%2Fangular-material-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fh2qutc%2Fangular-material-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fh2qutc%2Fangular-material-components/lists"}