Shared UI Validators
A collection of reusable Angular standalone validators and UI helpers** designed to work seamlessly with Reactive Forms.
---
Installation
```bash
npm install @aroobajaved/shared-ui
Import required items in app.component.ts
import { SharedUiValidators } from '@aroobajaved/shared-ui';
Import required items where error is required
import { FormError } from '@aroobajaved/shared-ui';
USERNAME ##
Error
[control]="loginForm.get('username')">
PASSWORD ##
type="password"
formControlName="password"
passwordCheck
containsUppercase
/>
Error
[control]="registerForm.get('password')">
REQUIRED TRIMMED ##
type="text"
formControlName="name"
required
requiredTrimmed
/>
Error
[control]="form.get('name')">
ALPHA ONLY ##
type="text"
formControlName="firstName"
alphaOnly
/>
Error
[control]="form.get('firstName')">
ALPHA NUMERIC ##
type="text"
formControlName="username"
alphaNumeric
/>
Error
[control]="form.get('username')">
EMAIL CHECK ##
type="email"
formControlName="email"
emailCheck
/>
Error
[control]="form.get('email')">
UPPERCASE ##
type="password"
formControlName="password"
containsUppercase
/>
Error
[control]="form.get('password')">
LOWERCASE ##
type="password"
formControlName="password"
containsLowercase
/>
Error
[control]="form.get('password')">
SPECIAL CHARACTER ##
type="password"
formControlName="password"
containsSpecialChar
/>
Error
[control]="form.get('password')">
MAX DIGIT ##
type="text"
formControlName="pin"
maxDigits="5"
/>
Error
[control]="form.get('pin')">
DECIMAL LIMIT ##
type="text"
formControlName="price"
decimalLimit="2"
/>
Error
[control]="form.get('price')">
DATE RANGE ##
type="date"
formControlName="startDate"
/>
type="date"
formControlName="endDate"
dateRange
/>
Error
[control]="form.get('endDate')">
Comma Format ##
type="text"
formControlName="amount"
CommaFormat
/>
---