Angular Material Extra Components (DatetimePicker, TimePicker, ColorPicker, FileInput ...) para @angular/material 17.x, 18.x, 19.x
Esta librería de Angular Material proporciona componentes adicionales para tus proyectos, incluyendo un selector de fecha y hora (DatetimePicker), selector de tiempo (TimePicker), selector de color (ColorPicker), y entrada de archivos (FileInput).
Si tienes alguna pregunta, sugerencia o encuentras un problema, no dudes en contactarnos o abrir un issue. También son bienvenidas las contribuciones mediante PRs.
Si encuentras útil este proyecto, por favor apóyanos con una estrella ⭐ en GitHub.
Prueba la demostración y consulta la documentación:
Elige la versión correspondiente a tu versión de Angular:
| Angular | Versión |
|---|---|
| 19 | 19.x+ |
Instalación:
npm install --save @hrefcl/datetime-pickerEjemplo de uso:
<mat-form-field>
<mat-label>Selecciona fecha y hora</mat-label>
<input matInput [ngxMatDatetimePicker]="picker" placeholder="Elige una fecha y hora">
<ngx-mat-datetime-picker #picker></ngx-mat-datetime-picker>
</mat-form-field>Vista previa:
Instalación:
npm install --save @hrefcl/color-pickerEjemplo de uso:
<ngx-mat-color-picker></ngx-mat-color-picker>Vista previa:
Instalación:
npm install --save @hrefcl/file-inputEjemplo de uso:
<ngx-mat-file-input></ngx-mat-file-input>Vista previa:
Para aplicar estilos a tus componentes, puedes usar temas predefinidos de Angular Material. Consulta más detalles en Temas de Angular Material.
Además, agrega la fuente de iconos de Material Design a tu archivo index.html:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet">Este proyecto está licenciado bajo la Licencia MIT.
Esto debería ser suficiente para que tu fork esté claro, en español y sin referencias innecesarias al repositorio anterior. 😊