How to set minimum and maximum values for Angular reactive form validation?

We have an Angular reactive form which has a birthday, month and years field. Here is the code:

private buildSignupForm() {
this.SignupForm = this.fb.group({
bday: [null, [Validators.required, Validators.maxLength(2)]],
bmonth: [null, [Validators.required, Validators.maxLength(2)]],
byear: [null, [Validators.required, Validators.maxLength(4), Validators.minLength(4)]],
city: [null, [Validators.required, Validators.pattern('[a-zA-Z ]*')]],
});
this.SignupForm.setValidators(this.minimumAge(18));
}
}


How can I set birthday value minimum 01 maximum 31? And month: minimum 01 maximum 12? Year: minimum 1950 and max 2000 e.g.?

Continue reading...