El componente DateField es usado para que el usuario seleccione una fecha. El componente DateField es un campo de texto no seleccionable que muestra la fecha con un icono de calendario situado a su derecha. Si no se ha seleccionado ninguna fecha, el campo de texto estará vacío y se mostrará el mes correspondiente al día de hoy en el selector de fechas. Cuando el usuario hace clic dentro del recuadro de delimitación del campo de fecha, aparece el selector de fechas con el mes correspondiente a la fecha seleccionada. Cuando el selector de fechas está abierto, el usuario puede usar los botones de desplazamiento para cambiar de mes y año y seleccionar una fecha. Cuando se selecciona una fecha, el selector de fechas se cierra y la selección se introduce en el campo de fecha. Para utilizarlo deberemos:

1.- Arrastrar una instancia del componente DateField y nombrarlo como "miCalendario"

Existe diversas propiedades para configurar la apariencia del componente DateField. Una de ellas es establecer las etiquetas para los días de la semana. Por defecto, las etiquetas de los días de la semana son S, M, T, W, T, F, y S. El orden de las etiquetas siempre debe ser de Sunday a Saturday (de Domingo a Sabado). Por ejemplo, para pasarlo al castellano:

miCalendario.dayNames = ["D", "L", "M", "X", "J", "V", "S"];

Lo que si podemos hacer es alterar qué día de la semana se mostrará primero. Los posibles valores son desde 0 (Sunday) a 6 (Saturday). Por lo tanto, para fijar como primer día de la semana el Lunes lo podríamos hacer del siguiente modo:

miCalendario.dayNames = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"];
miCalendario.firstDayOfWeek = 1;

También, y de un modo similar, se pueden ajustar los nombres de los meses con la propiedad monthNames, que indica los nombres de mes en la parte superior del componente DateField. El valor predeterminado es ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]. Ejemplo:

miCalendario.monthNames = ["Enero", "Febrero","Marzo","Abril", "Mayo", "Junio","Julio", "Agosto", "Septiembre","Octubre", "Noviembre", "Diciembre"];