material-date-picker | A simple material datepicker | User Interface library

To show the date and time iam using the moment js .(dont know much about moment js), i was looking for the solution to show the date and time , at that time i found the code from How to I get current time from angular material Date picker?. Im facing the problem that time is continuosuly changing and also showing the error.since im new to the angular i dont know what the exact problem is. html

I am trying to use "Inputs with background animated border - Material 2.0" inputs as seen here: https://mdbootstrap.com/docs/jquery/forms/inputs/#animated-inputs

I am also using the "Lazy Loading" approach (with regards to routing).

This is the original

This is how it should work

This is what it ~actually~ does

The problem is the "Input field" does not work properly. When entering the data, the characters "write over" the label

How can this be fixed? If this requires a specific module, where can one find information on the necessary modules needed with each component? Or - does one have to import ~all~ MDB Modules (or Material modules) when creating "separate components" (usingng generate component) in the module.ts file for the "separate component"?

ETA:

I have seen this message here: Angular Material Date-Picker is not working properly

1. I have added Angular Material to the project (see package.json below)

2. I have tried to add BrowserAnimationsModule as follows in authorizatin.module.ts as follows:

   import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { AuthorizationRoutingModule } from './authorization-routing. module';

   import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

   [... snip ...]

   @NgModule({ declarations: [ authRoutingComponents ], exports: [ authRoutingComponents, AuthorizationRoutingModule ], imports: [ BrowserAnimationsModule, CommonModule, ButtonsModule, AuthorizationRoutingModule,

but got the following error

Uncaught (in promise): Error: BrowserModule has already been loaded.

Again, any info on the issue is appreciated.

Error I am getting when adding BrowserAnimationsModule

File: package.json

In ts. I have used a (dateChange)="setToDate($event.value)" to get selected date.