react-picky-date-time 1.9.0 → 2.0.2

package/.all-contributorsrc

@@ -0,0 +1,28 @@
+{
+  "files": [
+    "README.md"
+  ],
+  "imageSize": 100,
+  "commit": false,
+  "contributors": [
+    {
+      "login": "edwardfxiao",
+      "name": "Edward Xiao",
+      "avatar_url": "https://avatars.githubusercontent.com/u/11728228?v=4",
+      "profile": "https://github.com/edwardfxiao",
+      "contributions": [
+        "code",
+        "doc",
+        "infra",
+        "test",
+        "review"
+      ]
+    }
+  ],
+  "contributorsPerLine": 7,
+  "projectName": "react-picky-date-time",
+  "projectOwner": "edwardfxiao",
+  "repoType": "github",
+  "repoHost": "https://github.com",
+  "skipCi": true
+}

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# 2.0.2
+
+- Support IE9+
+
+# 2.0.1
+
+- Fix markedDates not showing correctly bug
+
+# 2.0.0
+
+- Rewite with React Hooks
+- Support TS
+- Using https://gist.github.com/jakearchibald/cb03f15670817001b1157e62a076fe95 method to do the timer
+- Not supporting IE anymore

package/README.md

@@ -1,4 +1,7 @@
 # react-picky-date-time
+<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)
+<!-- ALL-CONTRIBUTORS-BADGE:END -->
 [![npm version](https://badge.fury.io/js/react-picky-date-time.svg)](https://badge.fury.io/js/react-picky-date-time) ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/react-picky-date-time.svg) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/edwardfxiao/react-picky-date-time/master/LICENSE)[![LICENSE](https://img.shields.io/badge/license-Anti%20996-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)
 
 A react component for date time picker.
@@ -18,12 +21,20 @@ Attention: <a href="https://github.com/edwardfxiao/react-picky-date-time/blob/gh
 * <a href="https://codesandbox.io/s/y29w6p6krj">Online demo example playground</a>
 * <a href="https://codesandbox.io/s/l3n2ypvrzl">Custom locales</a>(when providing ```window.REACT_PICKY_DATE_TIME['customLocale']```)
 
+###  :tada: For version >= 2.0.0, please update react and react-dom to at least ```16.8.6```, since it is rewrited with hooks.
+```js
+  "peerDependencies": {
+    "react": ">= 16.8.6",
+    "react-dom": ">= 16.8.6"
+  }
+```
+
 # Docs Link
 [Custom Locale Guid(can be multiple locales)](#custom-locale)
 
 # Usage
 ```js
-import PickyDateTime from 'react-picky-date-time';
+import ReactPickyDateTime from 'react-picky-date-time';
 
 ...
 class YourOwnComponent extends Component {
@@ -54,7 +65,7 @@ class YourOwnComponent extends Component {
     } = this.state;
 
     return(
-      <PickyDateTime
+      <ReactPickyDateTime
         size="m"// 'xs', 's', 'm', 'l'
         mode={0} //0: calendar only, 1: calendar and clock, 2: clock only; default is 0
         locale={`zh-cn`}// 'en-us' or 'zh-cn'; default is en-us
@@ -93,6 +104,15 @@ npm install react-picky-date-time --save
 # Browser support
 Tested on IE9+ and Chrome and Safari(10.0.3)
 
+This library relies ```new AbortController```, so if you are developing for IE10+ you should include the polyfill like below
+```js
+import 'promise-polyfill/src/polyfill';
+import 'unfetch/polyfill';
+import 'abortcontroller-polyfill';
+```
+
+For IE9, you also need ```performance``` ```requestAnimationFrame``` polyfill for clock ticking
+
 # Events
 
 Also consoled out on the demo page examples
@@ -198,3 +218,23 @@ By providing ```window.REACT_PICKY_DATE_TIME['customLocale']```, you can overwri
         }
         </script>
 ```
+
+## Contributors ✨
+
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://github.com/edwardfxiao"><img src="https://avatars.githubusercontent.com/u/11728228?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Edward Xiao</b></sub></a><br /><a href="https://github.com/edwardfxiao/react-picky-date-time/commits?author=edwardfxiao" title="Code">💻</a> <a href="https://github.com/edwardfxiao/react-picky-date-time/commits?author=edwardfxiao" title="Documentation">📖</a> <a href="#infra-edwardfxiao" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/edwardfxiao/react-picky-date-time/commits?author=edwardfxiao" title="Tests">⚠️</a> <a href="https://github.com/edwardfxiao/react-picky-date-time/pulls?q=is%3Apr+reviewed-by%3Aedwardfxiao" title="Reviewed Pull Requests">👀</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

package/lib/Calendar/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface CalendarProps {
+    size: string;
+    locale: string;
+    defaultDate: string;
+    markedDates: Array<string>;
+    supportDateRange: Array<string>;
+    onYearPicked?: (res: object) => void;
+    onMonthPicked?: (res: object) => void;
+    onDatePicked?: (res: object) => void;
+    onResetDate?: (res: object) => void;
+    onResetDefaultDate?: (res: object) => void;
+}
+declare const Calendar: React.FC<CalendarProps>;
+export default Calendar;

package/lib/Clock/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ClockProps {
+    size: string;
+    locale: string;
+    defaultTime: string;
+    onSecondChange?: (res: object) => void;
+    onMinuteChange?: (res: object) => void;
+    onHourChange?: (res: object) => void;
+    onMeridiemChange?: (res: string) => void;
+    onResetTime?: (res: object) => void;
+    onClearTime?: (res: object) => void;
+    onResetDefaultTime?: (res: object) => void;
+}
+declare const Clock: React.FC<ClockProps>;
+export default Clock;

package/lib/ReactPickyDateTime.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import '../../css/index.css';
+interface IndexProps {
+    mode: number;
+    size: string;
+    locale: string;
+    markedDates?: Array<string>;
+    supportDateRange?: Array<string>;
+    defaultDate?: string;
+    defaultTime?: string;
+    show?: boolean;
+    onClose?: () => void;
+    onYearPicked?: (res: object) => void;
+    onMonthPicked?: (res: object) => void;
+    onDatePicked?: (res: object) => void;
+    onResetDate?: (res: object) => void;
+    onSecondChange?: (res: object) => void;
+    onMinuteChange?: (res: object) => void;
+    onHourChange?: (res: object) => void;
+    onMeridiemChange?: (res: string) => void;
+    onResetTime?: (res: object) => void;
+    onClearTime?: (res: object) => void;
+    onResetDefaultDate?: (res: object) => void;
+    onResetDefaultTime?: (res: object) => void;
+}
+declare const Index: React.FC<IndexProps>;
+export default Index;