feat(theme): add new DatePicker component (#732)

docs/structure.ts

@@ -301,6 +301,16 @@ export const structure = [
           'NbSelectComponent',
         ],
       },
+      {
+        type: 'tabs',
+        name: 'Datepicker',
+        icon: 'datepicker.svg',
+        source: [
+          'NbDatepickerDirective',
+          'NbDatepickerComponent',
+          'NbRangepickerComponent',
+        ],
+      },
       {
         type: 'group',
         name: 'Modals & Overlays',

package.json

@@ -89,6 +89,7 @@
     "bootstrap": "4.0.0",
     "colors.js": "1.2.4",
     "core-js": "2.5.1",
+    "date-fns": "^2.0.0-alpha.16",
     "docsearch.js": "^2.5.2",
     "gulp-bump": "2.7.0",
     "highlight.js": "9.12.0",
@@ -97,6 +98,7 @@
     "jasmine-fail-fast": "2.0.0",
     "leaflet": "1.0.3",
     "marked": "0.3.9",
+    "moment": "^2.22.2",
     "nebular-icons": "1.1.0",
     "normalize.css": "8.0.0",
     "rxjs": "^6.1.0",
@@ -132,6 +134,7 @@
     "gulp-replace": "0.5.4",
     "gulp-rollup": "2.13.0",
     "gulp-sass": "3.1.0",
+    "gulp-sequence": "1.0.0",
     "gulp-sourcemaps": "2.6.0",
     "gulp-typedoc": "2.0.2",
     "husky": "0.13.3",

scripts/gulp/gulpfile.ts

@@ -7,5 +7,3 @@ import './tasks/copy-sources';
 import './tasks/bump-versions';
 
 task('default', ['copy-sources']);
-task('version', ['bump', 'bump-peer']);
-

scripts/gulp/tasks/bump-versions.ts

@@ -1,46 +1,51 @@
 import { dest, src, task } from 'gulp';
 
 const modify = require('gulp-json-modify');
+const seq = require('gulp-sequence');
 
 const VERSION_APPENDIX = process.env.NEBULAR_VERSION_APPENDIX;
 const VERSION = process.env.NEBULAR_VERSION || require('../../../package.json').version +
   (VERSION_APPENDIX ? '-' + VERSION_APPENDIX : '');
 
+task('version', seq('bump', 'bump-peer'));
+
 task('bump', () => {
-  src([
+  return bumpVersion([
     './package.json',
     './src/framework/theme/package.json',
     './src/framework/auth/package.json',
     './src/framework/security/package.json',
     './src/framework/bootstrap/package.json',
-  ], { base: './' })
-    .pipe(modify({
-      key: 'version',
-      value: VERSION,
-    }))
-    .pipe(dest('./'));
+    './src/framework/moment/package.json',
+    './src/framework/date-fns/package.json',
+  ]);
 });
 
-task('bump-peer', () => {
-  src([
-    './src/framework/bootstrap/package.json',
-  ], { base: './' })
-    .pipe(modify({
-      key: 'peerDependencies.@nebular/theme',
-      value: VERSION,
-    }))
-    .pipe(dest('./'));
+task('bump-peer', seq('bump-theme', 'bump-bootstrap'));
 
-  src([
+task('bump-theme', () => {
+  return bumpPeer([
     './src/framework/auth/package.json',
-  ], { base: './' })
-    .pipe(modify({
-      key: 'peerDependencies.@nebular/theme',
-      value: VERSION,
-    }))
-    .pipe(modify({
-      key: 'peerDependencies.@nebular/bootstrap',
-      value: VERSION,
-    }))
-    .pipe(dest('./'));
+    './src/framework/bootstrap/package.json',
+    './src/framework/moment/package.json',
+    './src/framework/date-fns/package.json',
+  ], 'theme');
 });
+
+task('bump-bootstrap', () => {
+  return bumpPeer(['./src/framework/auth/package.json'], 'bootstrap');
+});
+
+function bumpPeer(packages: string[], peer: string) {
+  return bump(packages, `peerDependencies.@nebular/${peer}`);
+}
+
+function bumpVersion(packages: string[]) {
+  return bump(packages, 'version');
+}
+
+function bump(packages: string[], key: string) {
+  return src(packages, { base: './' })
+    .pipe(modify({ key, value: VERSION }))
+    .pipe(dest('./'));
+}

src/framework/date-fns/date-fns.module.ts

@@ -0,0 +1,17 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { NgModule } from '@angular/core';
+
+import { NbDateService } from '@nebular/theme';
+import { NbDateFnsDateService } from './services/date-fns-date.service';
+
+
+@NgModule({
+  providers: [{ provide: NbDateService, useClass: NbDateFnsDateService }],
+})
+export class NbDateFnsDateModule {
+}

src/framework/date-fns/index.ts

@@ -0,0 +1,8 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+export * from './services/date-fns-date.service';
+export * from './date-fns.module';

src/framework/date-fns/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@nebular/date-fns",
+  "version": "2.0.0-rc.10",
+  "description": "@nebular/date-fns",
+  "main": "./bundles/theme.umd.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "author": "akveo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akveo/nebular.git"
+  },
+  "bugs": {
+    "url": "https://github.com/akveo/nebular/issues"
+  },
+  "homepage": "https://github.com/akveo/nebular#readme",
+  "keywords": [
+    "angular",
+    "typescript",
+    "ng2-admin",
+    "ngx-admin",
+    "theme",
+    "nebular"
+  ],
+  "peerDependencies": {
+    "@nebular/theme": "2.0.0-rc.10",
+    "date-fns": "^2.0.0-alpha.16"
+  }
+}

src/framework/date-fns/services/date-fns-date.service.spec.ts

@@ -0,0 +1,27 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { TestBed } from '@angular/core/testing';
+import { LOCALE_ID } from '@angular/core';
+
+import { NbDateService } from '@nebular/theme';
+
+import { NbDateFnsDateService } from './date-fns-date.service';
+
+
+describe('date-fns-date-service', () => {
+  let dateService: NbDateService<Date>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    dateService = new NbDateFnsDateService(TestBed.get(LOCALE_ID));
+  });
+
+  it('should parse date according to the MM.dd.yyyy format', () => {
+    const date = '06.15.2018';
+    expect(dateService.parse(date, 'MM.dd.yyyy')).toEqual(new Date(2018, 5, 15));
+  });
+});

src/framework/date-fns/services/date-fns-date.service.ts

@@ -0,0 +1,24 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { Inject, Injectable, LOCALE_ID } from '@angular/core';
+
+import { NbNativeDateService } from '@nebular/theme';
+
+import * as parse from 'date-fns/parse';
+
+
+@Injectable()
+export class NbDateFnsDateService extends NbNativeDateService {
+  constructor(@Inject(LOCALE_ID) locale: string) {
+    super(locale);
+    this.setLocale(locale);
+  }
+
+  parse(date: string, format: string): Date {
+    return parse(date, format, new Date());
+  }
+}

src/framework/moment/index.ts

@@ -0,0 +1,8 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+export * from './services/moment-date.service';
+export * from './moment.module';

src/framework/moment/moment.module.ts

@@ -0,0 +1,17 @@
+/*
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { NgModule } from '@angular/core';
+
+import { NbDateService } from '@nebular/theme';
+import { NbMomentDateService } from './services/moment-date.service';
+
+
+@NgModule({
+  providers: [{ provide: NbDateService, useClass: NbMomentDateService }],
+})
+export class NbMomentDateModule {
+}

src/framework/moment/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@nebular/moment",
+  "version": "2.0.0-rc.10",
+  "description": "@nebular/moment",
+  "main": "./bundles/theme.umd.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "author": "akveo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akveo/nebular.git"
+  },
+  "bugs": {
+    "url": "https://github.com/akveo/nebular/issues"
+  },
+  "homepage": "https://github.com/akveo/nebular#readme",
+  "keywords": [
+    "angular",
+    "typescript",
+    "ng2-admin",
+    "ngx-admin",
+    "theme",
+    "nebular"
+  ],
+  "peerDependencies": {
+    "@nebular/theme": "2.0.0-rc.10",
+    "moment": "^2.22.2"
+  }
+}
+