feat(date-time picker): ability to remove now button (#2848)

src/framework/theme/components/calendar-kit/components/calendar-actions/calendar-actions.component.scss

@@ -1,4 +1,11 @@
+@import '../../../../styles/core/mixins';
+
 :host {
  display: flex;
  justify-content: space-between;
+
+ .apply-text-button {
+ @include nb-ltr(margin-left, auto);
+ @include nb-rtl(margin-right, auto);
+ }
 }

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

@@ -4,13 +4,15 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
  selector: 'nb-calendar-actions',
  template: `
  <button
+ *ngIf="showCurrentTimeButton"
  nbButton
  ghost
  status="primary"
  size="small"
  (click)="setCurrentTime.emit()">
  {{ currentTimeText }}</button>
  <button
+ class="apply-text-button"
  nbButton
  status="primary"
  size="small"
@@ -41,6 +43,8 @@ export class NbCalendarActionsComponent {
  };
  _currentTimeButtonText = 'now';
 
+ @Input() showCurrentTimeButton: boolean;
+
  @Output() setCurrentTime: EventEmitter<void> = new EventEmitter();
  @Output() saveValue: EventEmitter<void> = new EventEmitter();
 }

src/framework/theme/components/datepicker/calendar-with-time.component.ts

@@ -58,6 +58,7 @@ import { NbTimePickerComponent } from '../timepicker/timepicker.component';
  <nb-calendar-actions
  [applyButtonText]="applyButtonText"
  [currentTimeButtonText]="currentTimeButtonText"
+ [showCurrentTimeButton]="showCurrentTimeButton"
  (setCurrentTime)="saveCurrentTime()"
  (saveValue)="saveValue()"
  ></nb-calendar-actions>
@@ -109,6 +110,8 @@ export class NbCalendarWithTimeComponent<D> extends NbCalendarComponent<D> imple
 
  @Input() currentTimeButtonText: string;
 
+ @Input() showCurrentTimeButton: boolean;
+
  @ViewChild(NbPortalOutletDirective) portalOutlet: NbPortalOutletDirective;
  @ViewChild(NbTimePickerComponent) timepicker: NbTimePickerComponent<D>;
 

src/framework/theme/components/datepicker/date-timepicker.component.ts

@@ -63,6 +63,7 @@ export class NbDateTimePickerComponent<D> extends NbBasePickerComponent<D, D, Nb
  @Input() title: string;
  @Input() applyButtonText: string;
  @Input() currentTimeButtonText: string;
+ @Input() showCurrentTimeButton = true;
 
  /**
  * Defines 12 hours format like '07:00 PM'.
@@ -134,6 +135,7 @@ export class NbDateTimePickerComponent<D> extends NbBasePickerComponent<D, D, Nb
  this.picker.title = this.title;
  this.picker.applyButtonText = this.applyButtonText;
  this.picker.currentTimeButtonText = this.currentTimeButtonText;
+ this.picker.showCurrentTimeButton = this.showCurrentTimeButton;
 
  if (this.twelveHoursFormat) {
  this.picker.timeFormat = this.dateService.getTwelveHoursFormat();