Release v6.0.8

Author: Fi2zz

README.md

@@ -32,10 +32,6 @@ DatePicker build with typescript
 2.  Support double views,flat view and single view
 3.  Support multi selection
 
-## RUN DEMO
-
-    yarn start or npm run start
-
 ## OPTIONS
 
 | OPTION    | REQUIRED | TYPE               | DESC                                   | Default /Possible Value |

dist/style.css

@@ -1,6 +1,6 @@
 {
   "name": "datepicker",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A Typescript Datepicker",
   "author": "Fi2zzz <wenjingbiao@outlook.com>",
   "repository": {
@@ -30,6 +30,5 @@
     "gulp": "^4.0.2",
     "through2": "^3.0.1",
     "webpack-stream": "^5.2.1"
-  },
-  "dependencies": {}
+  }
 }

dist/typepicker.esm.js

@@ -180,7 +180,7 @@ class TypePicker {
       return;
     }
     let _date = this.date;
-    let _views = this.views as any;
+    let _views: string | number = this.views;
     const partial: Partial<TypePickerState> = {};
     match({ condition: isDef, value: option.format })(
       format => (partial.format = format)
@@ -191,14 +191,15 @@ class TypePicker {
     match({ condition: isNumber, value: option.selection })(
       size => (partial.selection = size)
     );
-    match({ condition: isDate, value: option.startDate })(date => {
-      partial.startDate = date;
-      _date = date;
-    });
-    match({ condition: isDate, value: option.endDate })(
+    match({ condition: isDate, value: useParseDate(option.startDate) })(
+      date => {
+        partial.startDate = date;
+        _date = date;
+      }
+    );
+    match({ condition: isDate, value: useParseDate(option.endDate) })(
       (date: Date) => (partial.endDate = date)
     );
-
     match({ condition: isNumberOrTrue, value: option.limit })(
       limit => (partial.limit = limit)
     );
@@ -225,8 +226,8 @@ class TypePicker {
     match({
       condition: (dates: any) => List.every(dates, isDate),
       value: [partial.startDate, partial.endDate]
-    })(() => {
-      const date = partial.startDate;
+    })(([startDate, endDate]) => {
+      const date = startDate;
       const firstDate = new Date(date.getFullYear(), date.getMonth(), 1);
       const dateBeforeStartDate = new Date(
         date.getFullYear(),
@@ -235,8 +236,8 @@ class TypePicker {
       );
       disables.set({
         dates: findDisabledBeforeStartDate(firstDate, dateBeforeStartDate),
-        startDate: partial.startDate,
-        endDate: partial.endDate
+        startDate,
+        endDate
       });
     });
     match({ condition: isBool, value: option.useInvalidAsSelected })(value => {
@@ -260,7 +261,7 @@ class TypePicker {
 
   protected element: HTMLElement = null;
 
-  protected update(partial, next?: Function) {
+  protected update(partial) {
     if (partial && Object.keys(partial).length <= 0) {
       return;
     }
@@ -272,13 +273,10 @@ class TypePicker {
       reachEnd,
       reachStart
     });
-
     const select = selector => DOMHelpers.select(this.element, selector);
-
     const prevActionDOM = select(".calendar-action.prev");
     const nextActionDOM = select(".calendar-action.next");
     const nodeList = select(".calendar-cell");
-
     if (prevActionDOM && nextActionDOM) {
       const listener = (disabled: any, step: number) => {
         const now = new Date(
@@ -297,7 +295,6 @@ class TypePicker {
       );
       nextActionDOM.addEventListener(events.click, () => listener(reachEnd, 1));
     }
-
     List.loop(nodeList, node => {
       node.addEventListener(events.click, () => {
         const value = DOMHelpers.attr(node, dataset.date);

dist/typepicker.js

@@ -123,6 +123,7 @@ export class Selection {
  */
 export const checkSwitchable = (date: Date) => {
   const { startDate, endDate } = getState();
+
   if (!startDate || !endDate) {
     return [false, false];
   }
@@ -131,7 +132,6 @@ export const checkSwitchable = (date: Date) => {
 
   return [diffStart <= 0 && diffEnd > 0, diffStart > 0 && diffEnd <= 1];
 };
-
 export function useFormatDate(date: Date): string {
   return format(date, getState().format);
 }