Angular Material Extra Components
March 17, 2026 ยท View on GitHub
Includes DatetimePicker, TimePicker, ColorPicker, FileInput...
For Angular Material 21.x
Forked from GNURub/angular-material-components.
๐ Live Demo
See live demo and documentation here.
Description
This repository provides extra components for Angular Material projects: Datetime picker, Time picker, Color picker, etc.
Please contact us if you have any question or suggestion. Also feel free to open an issue here, or contribute via a PR.
If you like this project, support it by starring it โญ.
You can also donate if you have the means. Thank you very much! ๐
Version control
Choose the version corresponding to your Angular version:
| Angular | @ngx-mce/datetime-picker |
|---|---|
| 21 | 21.x |
| 15 -- 20 | Please use GNURub's version |
| 7 -- 14 | Please use h2qutc's version |
Available components
These are the components included with this project.
Datetime Picker
You can details about this component here
How to install
npm install --save @ngx-mce/datetime-picker

Online demos for old versions:
Color Picker
You can see details about this component here
How to install
npm install --save @ngx-mce/color-picker

Online demo: here.
File Input
You can see details about this component here
How to install
npm install --save @ngx-mce/file-input

Theming
-
Check out @angular/material Using a pre-built theme
-
Add the Material Design icon font to your index.html:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet">
๐ Deployment
This project is automatically deployed to GitHub Pages using GitHub Actions.
- Pushes to either
devormainautomatically trigger deployment. - GitHub Actions workflow builds and deploys to
gh-pagesbranch. - Site is available at: https://fbf-prog64.github.io/angular-material-components/
For detailed deployment instructions, see DEPLOYMENT.md.
License
MIT