Tiempo#
Para configurar el widget, se deben realizar las siguientes acciones:
El widget Tiempo muestra un campo para la entrada de un valor de texto por parte del Usuario, lo que permite utilizar sugerencias y restricciones para ingresar solo valores correctos.
Para configurar el elemento, haga clic en el ícono de edición 
Se abrirá una ventana emergente "Configuración del elemento":
Campos para configurar el widget#
Complete los campos necesarios para configurar el widget.
“Obligatorio” – casilla de verificación, se completa manualmente con el botón izquierdo del ratón. Está destinado a cambiar el color del campo a rojo si el Usuario no ha completado este widget.
“Nombre visible” – campo de texto, se completa manualmente desde el teclado. Permite especificar un nombre para el widget.
“Nombre del Parámetro en la Tarea (Task)” – campo de texto, se completa manualmente desde el teclado. En este campo se muestra el texto que corresponde al valor del Parámetro especificado de la Tarea seleccionada. El Usuario puede cambiar este valor en el campo de texto, y después de guardar el formulario, el nuevo valor se registrará en el Parámetro de la Tarea seleccionada. Esto significa que al realizar cambios en el campo de texto, el Usuario puede actualizar la información en la Tarea, para lo cual solo necesita ingresar un nuevo valor y guardar los cambios.
“Placeholder” – campo de texto, se completa manualmente desde el teclado. Permite especificar un texto de marcador (placeholder) que se mostrará en el campo de entrada hasta que el usuario comience a ingresar un valor.
“Clase” – campo de texto, se completa manualmente desde el teclado. Permite especificar una clase CSS que se aplicará al elemento. Esto permite cambiar el estilo del widget, por ejemplo, el color, tamaño o fuente.
“Expresión regular (Regexp)” – campo de texto, se completa manualmente desde el teclado. Permite establecer una expresión regular para la validación de la entrada.
“Mensaje de error de validación” – campo de texto, se completa manualmente desde el teclado. Permite especificar el texto que se mostrará al Usuario en caso de que el valor ingresado no pase la validación.
“Sugerencia” – campo de texto, se completa manualmente desde el teclado. Permite especificar una sugerencia adicional que ayudará al usuario a entender qué debe ingresar.
“Valor por defecto” – campo de texto, se completa manualmente desde el teclado. Permite especificar un valor que se mostrará en el campo de entrada por defecto.
Ejemplo de llenado#
| Nombre del campo | Valor |
| Casilla de verificación "Obligatorio" |  |
| Nombre visible | Hora de inicio de la clase |
| Nombre del Parámetro en la Tarea (Task) | start_time |
| Placeholder | HH:MM |
| Clase | time-input |
| Expresión regular (Regexp) | ^([01]?\d|2[0-3]):([0-5]\d)$ |
| Mensaje de error de validación | Por favor, ingrese la hora en formato HH:MM (por ejemplo, 14:30) |
| Sugerencia | Indique la hora de inicio de la clase en formato HH:MM. |
| Valor por defecto | 09:00 |
Resultado:
Ejemplo de selección de hora#
La selección de hora solo es posible mediante un elemento gráfico de la interfaz que muestra horas y minutos. Permite al Usuario elegir la hora mediante una rueda especial (spinner) para girar las escalas de horas y minutos:
El Usuario puede moverse por las horas y minutos utilizando las escalas de tiempo. Interfaz cómoda e intuitiva, especialmente para Usuarios que no están familiarizados con el formato de tiempo.