fix(calendar): show day in today's date (#899)

Author: azhukau-dev

src/framework/theme/components/calendar-kit/calendar-kit.module.ts

@@ -13,7 +13,6 @@ import { NbButtonModule } from '../button/button.module';
 import { NbCalendarMonthModelService, NbDateService  } from './services';
 
 import {
-  NbCalendarDatePipe,
   NbCalendarDayCellComponent,
   NbCalendarDayPickerComponent,
   NbCalendarDaysNamesComponent,
@@ -51,10 +50,6 @@ const COMPONENTS = [
   NbCalendarPickerComponent,
 ];
 
-const PIPES = [
-  NbCalendarDatePipe,
-];
-
 /**
  * `NbCalendarKitModule` is a module that contains multiple useful components for building custom calendars.
  * So if you think our calendars is not enough powerful for you just use calendar-kit and build your own calendar!
@@ -75,8 +70,8 @@ const PIPES = [
  * */
 @NgModule({
   imports: [NbSharedModule, NbButtonModule],
-  exports: [...COMPONENTS, ...PIPES],
-  declarations: [...COMPONENTS, ...PIPES],
+  exports: [...COMPONENTS],
+  declarations: [...COMPONENTS],
   providers: [...SERVICES],
   entryComponents: [
     NbCalendarDayCellComponent,

src/framework/theme/components/calendar-kit/components/calendar-date/calendar-date.pipe.spec.ts

@@ -9,7 +9,6 @@ import { By } from '@angular/platform-browser';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { NbDateService, NbNativeDateService } from '../../services';
-import { NbCalendarDatePipe } from '../calendar-date/calendar-date.pipe';
 import { NbCalendarHeaderComponent } from '../calendar-header/calendar-header.component';
 import { NbThemeModule } from '../../../../theme.module';
 import { DatePipe } from '@angular/common';
@@ -25,7 +24,7 @@ describe('Component: NbCalendarHeader', () => {
     TestBed.configureTestingModule({
       imports: [NbThemeModule.forRoot()],
       providers: [{ provide: NbDateService, useClass: NbNativeDateService }, DatePipe],
-      declarations: [NbCalendarHeaderComponent, NbCalendarDatePipe],
+      declarations: [NbCalendarHeaderComponent],
     });
     fixture = TestBed.createComponent<NbCalendarHeaderComponent<Date>>(NbCalendarHeaderComponent);
     component = fixture.componentInstance;

src/framework/theme/components/calendar-kit/components/calendar-date/calendar-date.pipe.ts

@@ -15,7 +15,7 @@ import { NbDateService } from '../../services';
   template: `
     <div class="header">
       <span class="title" (click)="navigateToday.emit()">
-        {{ date | nbCalendarDate }}
+        {{ date | date: 'mediumDate' }}
         <i [ngClass]="{ 'nb-arrow-dropright': isLtr, 'nb-arrow-dropleft': isRtl }"></i>
       </span>
       <span class="sub-title">Today</span>

src/framework/theme/components/calendar-kit/components/calendar-header/calendar-header.component.spec.ts

@@ -7,7 +7,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { NbCalendarNavigationComponent } from './calendar-navigation.component';
-import { NbCalendarDatePipe } from '../calendar-date/calendar-date.pipe';
 import { NbDateService, NbNativeDateService } from '../../services';
 import { DatePipe } from '@angular/common';
 
@@ -19,7 +18,7 @@ describe('Component: NbCalendarNavigation', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [NbCalendarDatePipe, NbCalendarNavigationComponent],
+      declarations: [NbCalendarNavigationComponent],
       providers: [{ provide: NbDateService, useClass: NbNativeDateService }, DatePipe],
     });
     fixture = TestBed.createComponent<NbCalendarNavigationComponent<Date>>(NbCalendarNavigationComponent);

src/framework/theme/components/calendar-kit/components/calendar-header/calendar-header.component.ts

@@ -21,7 +21,7 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
   `],
   template: `
     <button nbButton (click)="changeMode.emit()">
-      {{ date | nbCalendarDate }}
+      {{ date | date: 'MMM yyyy' }}
     </button>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.spec.ts

@@ -6,7 +6,6 @@
 
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { NbCalendarDatePipe } from '../calendar-date/calendar-date.pipe';
 import { NbCalendarNavigationComponent } from './calendar-navigation.component';
 import { NbCalendarPageableNavigationComponent } from './calendar-pageable-navigation.component';
 import { NbDateService, NbNativeDateService } from '../../services';
@@ -22,7 +21,7 @@ describe('Component: NbCalendarPageableNavigation', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       imports: [NbThemeModule.forRoot()],
-      declarations: [NbCalendarDatePipe, NbCalendarNavigationComponent, NbCalendarPageableNavigationComponent],
+      declarations: [NbCalendarNavigationComponent, NbCalendarPageableNavigationComponent],
       providers: [{ provide: NbDateService, useClass: NbNativeDateService }, DatePipe],
     });
     fixture =

src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts

@@ -16,4 +16,3 @@ export { NbCalendarMonthCellComponent } from './calendar-month-picker/calendar-m
 export { NbCalendarYearCellComponent } from './calendar-year-picker/calendar-year-cell.component';
 export { NbCalendarPickerRowComponent } from './calendar-picker/calendar-picker-row.component';
 export { NbCalendarPickerComponent }from './calendar-picker/calendar-picker.component';
-export { NbCalendarDatePipe } from './calendar-date/calendar-date.pipe';