Added chat integration with socket.io

src/app/components/calendar/calendar.component.html

@@ -1,22 +1,2 @@
 <div class="container">
-  <div class="calendar">
-    <div class="month">
-      <i class="fas fa-angle-left prev"></i>
-      <div class="date">
-        <h1>Janeiro de 2020</h1>
-        <p>Segunda-feira, 7 de Stembro</p>
-      </div>
-      <i class="fas fa-angle-right next"></i>
-    </div>
-    <div class="weekdays">
-      <div>D</div>
-      <div>S</div>
-      <div>T</div>
-      <div>Q</div>
-      <div>Q</div>
-      <div>S</div>
-      <div>S</div>
-    </div>
-    <div class="days"></div>
-  </div>
 </div>

src/app/components/calendar/calendar.component.scss

@@ -0,0 +1,20 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Quicksand", sans-serif;
+  }
+  
+  html {
+    font-size: 62.5%;
+  }
+  
+  .container {
+    width: 100%;
+    height: 100vh;
+    background-color: #12121f;
+    color: #eee;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }

src/app/components/calendar/calendar.component.ts

@@ -7,8 +7,35 @@ import { Component, OnInit } from '@angular/core';
 })
 export class CalendarComponent implements OnInit {
 
+  date = new Date();
+  months = [
+    "Janeiro",
+    "Fevereiro",
+    "Março",
+    "Abril",
+    "Maio",
+    "Junho",
+    "Julho",
+    "Agosto",
+    "Setembro",
+    "Outubro",
+    "Novembro",
+    "Dezembro",
+  ];
+  weekdays = [
+    "Domingo", 
+    "Segunda-feira", 
+    "Terça-feira", 
+    "Quarta-feira", 
+    "Quinta-feira", 
+    "Sexta-feira", 
+    "Sábado"
+  ];
+  currentMonth = this.months[this.date.getMonth()];
+  customDate = this.weekdays[this.date.getDay()]+ ", "  + this.date.getDate() +" de "  + ( this.months[this.date.getMonth()]);
+  
   constructor() { }
 
-  ngOnInit() {}
-
+  ngOnInit() {
+  }
 }