fix(calendar): use nbButton in calendar navigation (#837)

Closes #827
akveo · Oct 1, 2018 · f460f85 · f460f85
1 parent f4347a6
commit f460f85
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss b/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
@@ -44,7 +44,7 @@
  }
  }
 
- nb-calendar-navigation button.btn.btn-primary {
+ nb-calendar-navigation button[nbButton] {
  width: nb-theme(calendar-navigation-button-width);
 
  @include nb-for-theme(default) {

diff --git a/src/framework/theme/components/calendar-kit/calendar-kit.module.ts b/src/framework/theme/components/calendar-kit/calendar-kit.module.ts
@@ -8,6 +8,7 @@ import { NgModule } from '@angular/core';
 import { DatePipe } from '@angular/common';
 
 import { NbSharedModule } from '../shared/shared.module';
+import { NbButtonModule } from '../button/button.module';
 
 import { NbCalendarMonthModelService, NbDateService } from './services';
 
@@ -73,7 +74,7 @@ const PIPES = [
  * @stacked-example(Full calendar, calendar-kit/calendar-kit-full-calendar.component)
  * */
 @NgModule({
- imports: [NbSharedModule],
+ imports: [NbSharedModule, NbButtonModule],
  exports: [...COMPONENTS, ...PIPES],
  declarations: [...COMPONENTS, ...PIPES],
  providers: [...SERVICES],

diff --git a/...e/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts b/...e/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts
@@ -20,7 +20,7 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
  }
  `],
  template: `
- <button class="btn btn-primary" (click)="changeMode.emit()">
+ <button nbButton (click)="changeMode.emit()">
  {{ date | nbCalendarDate }}
  </button>
  `,