UNPKG

unicorn-components

Version:

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

44 lines (34 loc) • 2.66 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
Date time picker =================== `uni-datetime-picker` --- :white_check_mark: Estable Selector de fecha y hora con calendario y reloj auxiliares. ## Uso ### Ejemplo ```html <uni-datetime-picker label="Etiqueta del botón" ([model])="checked"></uni-datetime-picker> ``` ### Atributos de entrada | Nombre | Tipo | Por defecto | Descripción | ----------- | --------------------------------------------------- | ----------- | ----------- | name | `string` | `''` | Nombre del input de cara a usarse en formularios | label | `string` | `''` | Etiqueta textual del input | color | `UniColor` | `''` | Color del fondo y del contenido | disabled | `boolean` | `false` | Estado deshabilitado que impide la manipulación del input | model | `{date: string, time:String}` (YYYY-MM-DD, hh:mm) | `undefined` | Valor introducido en el input | value | `{date: string, time:String}` (YYYY-MM-DD, hh:mm) | `undefined` | Valor por defecto del input | debounce | `number` | `0` | Tiempo que debe permanecer el input sin cambios tras un cambio dado para que este se propague | inline | `boolean` | `false` | Colocar el calendario flotante (`false`) o en linea a continuación del input (`true`) | maxDate | `string` (YYYY-MM-DD) | `undefined` | Fecha máxima que se puede introducir | minDate | `string` (YYYY-MM-DD) | `undefined` | Fecha mínima que se puede introducir | rangeFrom | `string` (YYYY-MM-DD) | `undefined` | Inicio del rango si procede | rangeTo | `string` (YYYY-MM-DD) | `undefined` | Final del rango si procede | minTime | `string` (hh:mm) | `undefined` | Hora mínima que se puede introducir | minTime | `string` (hh:mm) | `undefined` | Hora mínima que se puede introducir ### Eventos de salida | Nombre | Tipo | Descripción | --------------- | --------- | ----------- | modelChange | `boolean` | Notifica cuando ha habido un cambio de valor en el input | uniFocus | `Event` | Notifica cuando se ha hecho puesto el foco en el input | uniBlur | `Event` | Notifica cuándo se ha quitado el foco del input