ts-typed | lighweight library that aims to add typings | Object-Relational Mapping library

I'm new to Angular. The closest question I found was:

1. Validate html text input as it's typed : But they are using jquery

The actual project is way too sophisticated but I tried creating a minimal problem statement out of it. I want to validate a date as it is typed-in in real time. I'm using moment for validation. I created a custom validate() method which is called on (keydown)="triggerValidate()". Inside value() there are several checks:

1. Format should be MM-DD-YYYY only.
2. No date should be less than 1st Jan, 2015.
3. No date should be above 31st Dec, 2020.

I've created a stckblitz also. But let me explain my logic.

There's a global varibale isDateValid: boolean which is set accordingly inside validate() method. If it is false then addInvalidStyle() will be called which will make the border red dynamically. And if it is true, then removeInvalidStyle() will be called which will remove then apply dynamic css and set the input field back to normal. Here's my code:

timeselector.component.html