Discussion on: What was your win this week?

[Dharmen Shah]

I created a lib for Angular...

ngneat / input-mask

🎭 @ngneat/input-mask is an angular library that creates an input mask

@ngneat/input-mask

@ngneat/input-mask is an angular library that creates an input mask. Behind the scene, it uses inputmask.

Features

• 🔡 Support for form validation
• 🎭 Wrapper function to easily create input-masks
• 🔁 Helps you to convert final values to desired format
• ☝️ Single directive to handle everything
• 🛠 All the configurations of inputmask provided

Installation

You can install it through Angular CLI

ng add @ngneat/input-mask

or with npm

npm install @ngneat/input-mask inputmask@5
npm install -D @types/inputmask@5

When you install using npm or yarn, you will also need to import InputMaskModule in your app.module:

import { InputMaskModule } from '@ngneat/input-mask';

@NgModule({
  imports: [InputMaskModule],
})
class AppModule {}

Usage examples

1. Date

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { createMask } from '@ngneat/input-mask';
@Component({
  selector: 'app-root'

…

View on GitHub