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 |