The DateField control is a MX component. It has no Spark component. It has a text field control and a calendar icon on its right side.

DateField control in flex4:

The DateField control is a MX component. It has no Spark component.
It has a text field control and a calendar icon on its right side. When a user clicks on this icon then pops up a DateChooser control. If the user does not select a date the text field is blank. You can change a month by left or right arrow.If you select a date, the date chooser closes and the text field displays the selected date in date format.
The tag of DateField control is <MX:DateField>.

Example:

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:Panel title="DateField Control Example" width="278" height="262"> <mx:DateField x="10" y="10"/> </s:Panel> </s:Application>

This is example for DateField control. Please choose a date from DateField control.

Output:

Running Application:

Download this code

Related Tags for DateField control in Flex4: