1.0.1 • Published 3 years ago
@dh-components/date-picker v1.0.1
Date Picker
Componentes usados para la manipulación de fechas.
Uso
Importar el módulo DatePickerModule en el módulo donde se requiera.
Una vez importado el módulo, éste comprende de dos componentes:
DatePickerComponent: Usado para manupular solamente una fecha.DateRangePickerComponent: Usado para manipular un rango de fechas.
Todo tratamiento de Fechas está basada en la librería moment.js;
Ambos componentes tienen soporte para ReactiveForms usando FormControl y así obtener sus valores dinámicamente.
DatePickerComponent
Usado para manipular una fecha en concreta.
En el HTML usar el selector <dh-date-picker></dh-date-picker> para mostrar el componente.
Los atributos del componente son:
| Nombre | Tipo | Descripción |
|---|---|---|
@Input('label') label | string | Asigna un nombre al selector de fecha |
@Input('filter') filter | any | Función que devolvería el tipo de dato boolean para cada fecha y puede ser accesible o no a esa fecha |
@Output('change') change | EventEmitter<Moment> | Devuelve la fecha seleccionada |
DateRangePickerComponent
Usado para la manipulación de un rango de fechas de Inicio a Fin.
En el HTML usar el selector <dh-date-range-picker></dh-date-range-picker>.
Los atributos del componente son:
| Nombre | Tipo | Descripción |
|---|---|---|
@Input('titulo') titulo | string | Título que llevará el selector de fecha |