(feat) add tooltip to show date

src/app/common/components/poster-date-selector/poster-date-selector.component.scss

@@ -25,7 +25,10 @@ m-poster-date-selector {
  vertical-align: middle;
  cursor: pointer;
  }
+ }
 
-}
+ m-tooltip .m-tooltip--bubble {
+ width: 125px;
+ }
 
 }

src/app/common/components/poster-date-selector/poster-date-selector.component.ts

@@ -7,9 +7,10 @@ import { DatePipe } from '@angular/common';
  template: `
  <div class="m-poster-date-selector--input" [class.selected]="hasDateSelected()" mdl-datetime-picker [date]="date" (dateChange)="onDateChange($event)">
  <input type="text" [ngModel]="date | date:dateFormat" (ngModelChange)="onDateChange($event)" [hidden]="true">
- <i class="material-icons">date_range</i>
+ <m-tooltip icon="date_range"> {{date || 'now'}} </m-tooltip>
  <span></span>
  </div>
+ 
  `,
  providers: [DatePipe]
 })

src/app/modules/newsfeed/poster/poster.component.scss

@@ -315,7 +315,7 @@ m-hashtags-selector {
 
  .material-icons.m-posterActionBar__Icon,
  .m-posterActionBar__IconAndLabel i.material-icons,
- .m-poster-date-selector--input > i {
+ .m-tooltip > i {
  font-size: 20px;
  transform: rotate(0.03deg) translateY(-1px); // Jagged lines hack
  }