MaskedDateField - DateField com máscara de entrada para data

Após uma questão levantada na comunidade Flex-Brasil sobre qual a melhor forma para o usuário informar uma data, resolvi desenvolver este componente para facilitar a vida do usuário, o componente formata a data automaticamente com as barras enquanto o usuário digita.


Para ver um exemplo do componente clique aqui.

Para baixar o componente clique aqui.

Come sabe-se é muito mais rápido digitar uma data que selecioná-la em um DateField ou DateChooser, porém deixando o DateField editável corre-se o risco do usuário digitar a data em um formato incorreto, porém existem usuários que preferem clicar para selecionar da data, para atender as duas necessidades apresento o MaskedDateField, que é derivado do DateField e que já vem o com o yearNavigationEnabled habilitado por padrão e com os nomes de dias da semana e dias do mês em português.

Na próxima versão deste componente pretendo permitir que o usuário selecione entre o formanto BR ou US, mudando automáticamente o formato da data a ser digitada e também o idioma, e também um validador de data no próprio componente.

Espero que seja útil.

DecimalInput - Máscara de entrada para valor decimal

Para começar bem meu primeiro post neste blog voltado ao Adobe Flex vou disponibilizar um componente que acabo de desenvolver, já vi inúmeras pessoas perguntando sobre isso em fóruns e comunidades.

Sempre precisei em meus projetos mascarar a entrada de dados em campos onde eram informados valores decimais, já procurei muito pela net e não encontrei nada que resolvesse meu problema, então a necessidade fez com que eu tirasse um tempo para desenvolver minha própria solução, e nasceu o DecimalInput, um componente derivado do TextInput que formata automaticamente os valores no momento em que são digitados.



Para ver um exemplo do componente clique aqui.

Para baixar o componente clique aqui.

Peço que se encontrarem algum bug, por favor me reportem para que eu faça a correção e disponibilize uma nova versão corrigida.



Como não tive tempo para comentar o código no padrão asDoc não estou disponibilizando a documentação do componente, mas a descrição das propriedades e métodos abaixo já ajuda.

Propriedades

currencyFormat : String (br | us)
Determina o formato da máscara de entrada
Padrão : us

precision : int
Determina a quantidade de casas decimais
Padrão : 2

useThousandsSeparator : Boolean (true | false)
Determina se os separadores de milhar devem aparecer na máscara
Padrão : true

Métodos

decimalText : String
Retorna o valor em formato decimal sem os separadores de milhar
Ex.: 1.234.456,78 retorna 132456,78

unformatedText : String
Retorna o valor sem formato
Ex.: 1.234.456,78 retorna 13245678