Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-01 19:30:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add a bunch of new Nebular demos (#1911)

Browse source
This commit is contained in:
Denis Strigo 2018-11-19 16:57:35 +02:00 • committed by GitHub
parent c594a5a4c5
commit 3f1f4c558b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
185 changed files with 5176 additions and 422 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/app/pages/forms/datepicker/datepicker.component.html Normal file
View file

@ -0,0 +1,32 @@
<div class="row">
<div class="col-md-12 col-lg-4 col-xxxl-4">
<nb-card>
<nb-card-header>Common Datepicker</nb-card-header>
<nb-card-body>
<input nbInput
placeholder="Form Picker"
[nbDatepicker]="formpicker">
<nb-datepicker #formpicker></nb-datepicker>
</nb-card-body>
</nb-card>
</div>
<div class="col-md-12 col-lg-4 col-xxxl-4">
<nb-card>
<nb-card-header>Datepicker With Rang</nb-card-header>
<nb-card-body>
<input nbInput placeholder="Range Picker" [nbDatepicker]="rangepicker">
<nb-rangepicker #rangepicker></nb-rangepicker>
</nb-card-body>
</nb-card>
</div>
<div class="col-md-12 col-lg-4 col-xxxl-4">
<nb-card>
<nb-card-header>Datepicker With Disabled Min Max Values</nb-card-header>
<nb-card-body>
<input nbInput placeholder="Min Max Picker" [nbDatepicker]="picker">
<nb-datepicker #picker [min]="min" [max]="max"></nb-datepicker>
</nb-card-body>
</nb-card>
</div>
</div>

12
src/app/pages/forms/datepicker/datepicker.component.scss Normal file
View file

@ -0,0 +1,12 @@
@import '../../../@theme/styles/themes';
@include nb-install-component() {
nb-card-body {
display: flex;
justify-content: space-between;
input {
width: 100%;
}
}
}

18
src/app/pages/forms/datepicker/datepicker.component.ts Normal file
View file

@ -0,0 +1,18 @@
import { Component } from '@angular/core';
import { NbDateService } from '@nebular/theme';
@Component({
selector: 'ngx-datepicker',
templateUrl: 'datepicker.component.html',
styleUrls: ['datepicker.component.scss'],
})
export class DatepickerComponent {
min: Date;
max: Date;
constructor(protected dateService: NbDateService<Date>) {
this.min = this.dateService.addDay(this.dateService.today(), -5);
this.max = this.dateService.addDay(this.dateService.today(), 5);
}
}