feat: date picker & time picker (#124)

Co-authored-by: Guodong <gdzang@alauda.io>

Author: zangguodong

package.json

@@ -16,7 +16,7 @@
     "ui"
   ],
   "scripts": {
-    "build": "ng-packagr && yarn build:copy",
+    "build": "ng-packagr -c tsconfig.lib.json && yarn build:copy",
     "build:copy": "node scripts/copy-resources",
     "debug": "ng-packagr -p ng-package.debug.json && yarn build:copy --debug",
     "dev": "yarn start",
@@ -44,6 +44,7 @@
     "@angular/forms": "^10.0.0 || ^11.0.0",
     "@angular/platform-browser": "^10.0.0 || ^11.0.0",
     "clipboard-polyfill": "^3.0.0",
+    "dayjs": "^1.0.0",
     "rxjs": "^6.0.0"
   },
   "devDependencies": {
@@ -73,6 +74,7 @@
     "@types/node": "^14.14.31",
     "@types/resize-observer-browser": "^0.1.5",
     "clipboard-polyfill": "^3.0.2",
+    "dayjs": "^1.10.4",
     "gulp": "^4.0.2",
     "gulp-dart-sass": "^1.0.2",
     "jest": "^26.6.3",

src/date-picker/calendar/constant.ts

@@ -0,0 +1,37 @@
+import { DateNavRange } from '../date-picker.type';
+
+export const DATE = 'date';
+export const DAY = 'day';
+export const MONTH = 'month';
+export const YEAR = 'year';
+export const HOUR = 'hour';
+export const MINUTE = 'minute';
+export const SECOND = 'second';
+
+// 根据日期类型，分为年，月，日
+export enum DatePickerType {
+  Day = 'date',
+  Month = 'month',
+  Year = 'year',
+}
+
+export const MONTH_PANEL_COLUMN_COUNT = 3;
+export const MONTH_PANEL_ROW_COUNT = 4;
+
+export const YEAR_PANEL_COLUMN_COUNT = 3;
+export const YEAR_PANEL_ROW_COUNT = 4;
+
+export const DAY_PANEL_COLUMN_COUNT = 7;
+export const DAY_PANEL_ROW_COUNT = 6;
+
+export const DATE_TYPES = [
+  DatePickerType.Year,
+  DatePickerType.Month,
+  DatePickerType.Day,
+];
+
+export const DATE_NAV_RANGES = [
+  DateNavRange.Decade,
+  DateNavRange.Year,
+  DateNavRange.Month,
+];