Inputmask is a javascript library that creates an input mask. Inputmask can run against vanilla javascript, jQuery, and jqlite. (Hoverable Inputmask)

Inputmask on View Official Website

Date

Add attribute [mask]="'d0/M0/0000'"

Hour

Add attribute [mask]="'Hh:m0:s0'"

Date & Hour

Add attribute [mask]="'d0/M0/0000 Hh:m0:s0'"

ZIP Code

Add attribute [mask]="'00000-000'" data-mask-format="00000-000"

Crazy ZIP Code

Add attribute data-mask-format="0-00-00-00"

Money

Add attribute data-mask-format="000.000.000.000.000,00", data-reverse="true"

Money 2

Add attribute [mask]="'0.000,00'", data-reverse="true"

Telephone

Add attribute [mask]="'0000-0000'"

Telephone with Area Code

Add attribute [mask]="'(00) 0000-0000'"

US Telephone

Add attribute [mask]="'(000) 000-0000'"

São Paulo Cellphones

Add attribute [mask]="'(00) 0000-0000'"

CPF

Add attribute [mask]="'000.000.000-00'"

CNPJ

Add attribute [mask]="'00.000.000/0000-00'"

IP Address

Add attribute [mask]="'099.099.099.099'",

a flexible JavaScript library that provides a strong foundation for building robust typeaheads

Typeahead on View Official Website

Basic

Open on focus

Formatted results

Select on exact

Custom Template

Exclusive

Default Touchspin

Sizes

Colors

@for ( color of colors; track $index;let first=$first){

}