Angular Material Extra Components

Forked from GNURub/angular-material-components.

See live demo and documentation here.

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! 💖

Choose the version corresponding to your Angular version:

The demo enables zoneless change detection. Calendar focus and date/color popup positioning use afterNextRender rather than NgZone.onStable, so they also run without ZoneJS. Calendar focus retains its deferred timing and range-preview behavior. The demo's breakpoint subscription calls markForCheck() after updating its layout, so handset and desktop transitions refresh the view without ZoneJS.

Run the zoneless regression tests with:

pnpm exec ng test amc-docs --watch=false
pnpm exec ng test datetime-picker --watch=false
pnpm exec ng test color-picker --watch=false

The demo and both library test targets use the shared Vitest configuration to keep Angular dependencies resolved to this workspace when it is nested inside another workspace.

These are the components included with this project.

You can details about this component here

npm install --save  @ngx-mce/datetime-picker

Online demos for old versions:

• Angular 7 and 8
• Angular 9

You can see details about this component here

npm install --save  @ngx-mce/color-picker

Online demo: here.

You can see details about this component here

npm install --save  @ngx-mce/file-input

• 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">
  

This project is automatically deployed to GitHub Pages using GitHub Actions.

• Pushes to either dev or main automatically trigger deployment.
• GitHub Actions workflow builds and deploys to gh-pages branch.
• Site is available at: https://fbf-prog64.github.io/angular-material-components/

For detailed deployment instructions, see DEPLOYMENT.md.

MIT