As we all know, a current Flex 4 SDK does not include a new Spark DateField control. And an older ‘halo’ DateField component is left abandoned somewhere in 2008 year. This leaves the users of Flex SDK with simply no choice available out of the box to support the entry of formatted date data entry in standard international date formats.
Thus, today I am releasing my open-sourced component DateField4 that fixes a number of bugs and issues related to international dates and inline date editing.
I’ve named my component DateField4, to emphasize the fact that this component is only meant to be used with Flex 4 SDK and beyond.
Below is the demo that showcases the difference between DateField4 and ‘halo’ DateField.
For example, you may notice, that ‘halo’ DateField does not support neither French nor Italian international date formatting even to display the date, oouch.
This demo was compiled using newest build of Flex 4.5 SDK to showcase a new Spark Form (good news – we are no longer limited to display validation errors in single tooltip).
The complete list of new features and bug-list fixes:
[*] Always enabled much improved custom validator for editable DateField that fully supports i18n dates;
[*] Limiting the data entry to “allowedFormatChars” value + numeric chars for editable DateField;
[*] Added “autoShowDropDown” property that controls when dropDown DateChooser menu is displayed;
[*] Pressing ESCAPE key resets the date selection to the previous value before DateField control had obtained a focus;
[*] Improved keyboard navigation for dropDown DateChooser menu when DateField is editable: RIGHT, LEFT, UP, DOWN, PAGE_UP, PAGE_DOWN key strokes are supported;
[!] Fixed SDK-23069 [Localization]: DateFormatter.parseDateString does not support non-latin characters in month and days names;
[!] Fixed SDK-23075 “[Localization]: DateField should support “MMM” and “MMMM” for formatString”;
[!] Fixed SDK-26715 “DateFormatter “parseDateString” method cannot parse dateString value formatted with non default en_US format”;
[!] Default width of DateField is wider by 4px to correctly display selected Date when moving cursor caret to the end of the text.