Personalizando o componente DateField

Blz?!

Nesse post vou personalizar o componente DataField, vamos ver como usar a propriedade Inspectable já mostrada nesse post.
Além da tradução para português o componente recebeu alguns funções/métodos para facilitar a vida no dia a dia.

1 - DataInicial - Inicializa o componente com a data atual
      - parâmetros: Hoje ou Vazio
2 - CheckDate - Faz a validação da data, mas não interrompe o processo
      - parâmetros: true ou false
3 - KeyDown - Função adicionada para melhorar a usabilidade do componente
      - abre o calendário quando o usuário pressionar a tecla ESPAÇO.


DataInicial e CheckDate você pode setar o valor em modo design equanto a propriedade para abrir o calendário que está atribuída ao evento KeyDown é default no componente e foi criada para melhorar a usabilidade do componente DateField, quanto menos o usuário necessitar do mouse melhor.

package {
  import flash.events.FocusEvent;
  import flash.events.KeyboardEvent;
  
  import mx.controls.Alert;
  import mx.controls.DateField;
  import mx.events.FlexEvent;
  import mx.events.ValidationResultEvent;
  import mx.validators.DateValidator;

  public class FDateField extends DateField {
    [Bindable]
    private var
      FDataInicial: String = 'Vazio',
      FCheckDate: Boolean = true;
      
    [Inspectable(
      category = "eduarmstrong", 
      enumeration = "Hoje,Vazio"
    )]
    public function get DataInicial(): String {
      return(FDataInicial);
    }
    public function set DataInicial(ADataInicial: String): void {
      FDataInicial = ADataInicial;
    }

    [Inspectable(
      category = "eduarmstrong", 
      enumeration = "true,false"
    )]
    public function get CheckDate(): Boolean {
      return(FCheckDate);
    }
    public function set CheckDate(ACheckDate: Boolean): void {
      FCheckDate = ACheckDate;
    }
    
    public function FDateField() {
      super();
      // Legenda para os dias da semana
      dayNames = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
      
      // Formato para data
      formatString = 'DD/MM/YYYY';
      
      // Restrict usado para evitar que o usuário digite A-Z
      restrict = "0-9, /";
      
      // Tradução dos meses 
      monthNames = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 
        'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
      
      // Irá permitir que o usuário digite a data
      editable = true;
      
      // Inicia o calendário no Domingo   
      firstDayOfWeek = 0; 
      
      // Habilita a navegação por ano.
      yearNavigationEnabled = true;  
      
      width = 100;
      
      /* Adicionando ao evento de focusOut o método que irá colocar
      máscara na data digitada pelo usuário */
      addEventListener(FocusEvent.FOCUS_OUT, proSetMask, false, 0, true);
      
      /* Adiciona ao evento keyDown o método para "abrir" o calendário
      ao pressionar ESPAÇO */
      addEventListener(KeyboardEvent.KEY_DOWN, proKeyDown, false, 0, true);
      
      // Adicina ao evento creationComplete o método que irá preencher a data
      addEventListener(FlexEvent.CREATION_COMPLETE, proDataInicial, false, 0, true);
    }
    
    private function proDataInicial(E: FlexEvent): void {
      if (FDataInicial == 'Hoje')
         data = new Date();
    }
    
    private function proKeyDown(E: KeyboardEvent): void {
      // Espaço
      if (E.keyCode == 32)
        open();
    }

    private function proSetMask(evFocus: FocusEvent): void {
      if ((text.charAt(2) != '/') || (text.charAt(5) != '/')) {
        if (text.length == 6)
          text = text.substr(0, 2) + '/' + text.substr(2,2) + '/' + text.substr(4, 4);
        else if (text.length == 8)
          text = text.substr(0, 2) + '/' + text.substr(2,2) + '/' + text.substr(4, 4);
      }
      
      // Verifica se a opção para validar a data está ativa
      if (FCheckDate)
        proCheckDate();
    }
    
    private function proCheckDate(): void {
      var       
        _rDateValidator: DateValidator = new DateValidator();
        
      _rDateValidator.source = this;
      _rDateValidator.required = false;
      _rDateValidator.property = 'text';
      _rDateValidator.inputFormat = 'dd/mm/yyyy';
      _rDateValidator.allowedFormatChars = '/-';
      _rDateValidator.wrongDayError = 'Favor informar um dia válido para o mês.' 
      _rDateValidator.wrongLengthError = 'Favor informar a data no formato dd/mm/aaaa.' 
      _rDateValidator.wrongMonthError = 'Favor informar um mês entre 1 e 12.' 
      _rDateValidator.validate();
    }
  }
}

Bons estudos e bom trabalho a todos.

Abraços