En ésta última versión de APEX 22.2, el selector de fechas se creó desde cero y brinda una experiencia de usuario optimizada que es más rápida, más accesible y más liviana.

Cuando creamos una aplicación en el cual tenemos un elemento de tipo selector de fecha, se visualiza de la siguiente forma:

Para ver las nuevas funciones que tenemso disponible en el nuevo elemento de selector de fecha, desde la aplicación, vamos a Shared Components –> Component Settings.

Se desplega la ventana de configuración del componente.

Configuraciones del componente:

Appearance & Behavior

Las configuraciones solo se aplica a los selectores de fecha cuando Display as es Popup o Inline.

Las opciones incluyen:

  • Show Week: determina si se muestra la semana del año.
  • Month Picker: controla si el mes se representa como un botón que permite la selección en lugar de texto.
  • Year Picker: determina si el año se representa como un botón que permite la selección en lugar de texto.
  • Paginate by Multiple Months: determina si el tamaño de paginación cuando se muestran varios meses es solo un mes o la cantidad de meses.
  • Show Today Button: controla si se muestra el botón Hoy para seleccionar la fecha actual.
  • Show Clear Button: controla si se muestra el botón Borrar para borrar el valor del selector de fecha. 

En español han colocado el nombre Borrar al botón, sería mas conveniente decir que sería como un botón de tipo limpiar más que borrar, pero es así la traducción que realizarón del botón.) 🙂 Este botón sólo se visualizará si el elemento tiene configurado el Display as = “Inline”.

Days Outside Month

Muestra el comportamiento de los días fuera del mes de visualización actual. Solo se aplica a los selectores de fecha cuando Display as es Popup o Inline.

Las opciones incluyen:

  • Hidden: los días fuera del mes de visualización actual estarán ocultos.
  • Selectable: los días fuera del mes de visualización actual serán visibles y seleccionables.
  • Visible: los días fuera del mes de visualización actual serán visibles.

Time Increment

Incremento de tiempo en minutos utilizado por el control de selección de tiempo. Usamos este atributo para seleccionar el tiempo de los incrementos que aún se pueden ingresar y guardar manualmente. Solo se aplica a los selectores de fecha cuando Display as es Popup o Inline.

Show On

Controla cuándo se muestra la ventana emergente del calendario. Solo se aplica a los selectores de fecha cuando Display as es Popup.

Las opciones incluyen:

  • Item Focus: cuando el elemento recibe el foco o cuando se hace clic en el icono del calendario.
  • Icon Click: solo cuando se hace clic en el icono del calendario.

Guardamos los cambios y visualizamos los cambios.

Al hacer clic en el botón Clear, se elimina la sección de la fecha.

Las configuraciones del elemento las podemos cambiar directamente desde el panel de propiedades del selector de fecha. Desactivamos la opción Use Defaults en la sección Settings.

Aparece las opciones del componente en el cual podemos habilitar y deshabilitar según nuestras necesidades.

Hasta la próxima!