v3.1.6

Author: shahabyazdi

README.md

@@ -182,15 +182,15 @@ export default function Example() {
           <td>both</td>
         </tr>
         <tr>
-          <td>locale</td>
-          <td style="text-align:center">String</td>
-          <td style="text-align:center">en</td>
+          <td>calendar</td>
+          <td style="text-align:center">Object</td>
+          <td style="text-align:center">gregorian</td>
           <td>both</td>
         </tr>
         <tr>
-          <td>calendar</td>
-          <td style="text-align:center">String</td>
-          <td style="text-align:center">gregorian</td>
+          <td>locale</td>
+          <td style="text-align:center">Object</td>
+          <td style="text-align:center">gregorian_en</td>
           <td>both</td>
         </tr>
         <tr>
@@ -205,6 +205,54 @@ export default function Example() {
           <td style="text-align:center"></td>
           <td>both</td>
         </tr>
+        <tr>
+          <td>onOpen</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>DatePicker</td>
+        </tr>
+        <tr>
+          <td>onClose</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>DatePicker</td>
+        </tr>
+        <tr>
+          <td>onPropsChange</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>both</td>
+        </tr>
+        <tr>
+          <td>onMonthChange</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>both</td>
+        </tr>
+        <tr>
+          <td>onYearChange</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>both</td>
+        </tr>
+        <tr>
+          <td>onFocusedDateChange</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>both</td>
+        </tr>
+        <tr>
+          <td>onPositionChange</td>
+          <td style="text-align:center">Function</td>
+          <td style="text-align:center"></td>
+          <td>DatePicker</td>
+        </tr>
+        <tr>
+          <td>digits</td>
+          <td style="text-align:center">Array</td>
+          <td style="text-align:center"></td>
+          <td>both</td>
+        </tr>
         <tr>
           <td>weekDays</td>
           <td style="text-align:center">Array</td>
@@ -247,6 +295,12 @@ export default function Example() {
           <td style="text-align:center">false</td>
           <td>both</td>
         </tr>
+        <tr>
+          <td>disableDayPicker</td>
+          <td style="text-align:center">Boolean</td>
+          <td style="text-align:center">false</td>
+          <td>both</td>
+        </tr>
         <tr>
           <td>zIndex</td>
           <td style="text-align:center">Number</td>
@@ -277,12 +331,6 @@ export default function Example() {
           <td style="text-align:center"></td>
           <td>both</td>
         </tr>
-        <tr>
-          <td>digits</td>
-          <td style="text-align:center">Array</td>
-          <td style="text-align:center"></td>
-          <td>both</td>
-        </tr>
         <tr>
           <td>buttons</td>
           <td style="text-align:center">Boolean</td>
@@ -301,36 +349,6 @@ export default function Example() {
           <td style="text-align:center"></td>
           <td>both</td>
         </tr>
-        <tr>
-          <td>disableDayPicker</td>
-          <td style="text-align:center">Boolean</td>
-          <td style="text-align:center">false</td>
-          <td>both</td>
-        </tr>
-        <tr>
-          <td>onPropsChange</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>both</td>
-        </tr>
-        <tr>
-          <td>onMonthChange</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>both</td>
-        </tr>
-        <tr>
-          <td>onYearChange</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>both</td>
-        </tr>
-        <tr>
-          <td>onFocusedDateChange</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>both</td>
-        </tr>
         <tr>
           <td>className</td>
           <td style="text-align:center">String</td>
@@ -517,24 +535,6 @@ export default function Example() {
           <td style="text-align:center">true</td>
           <td>DatePicker</td>
         </tr>
-        <tr>
-          <td>onOpen</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>DatePicker</td>
-        </tr>
-        <tr>
-          <td>onClose</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>DatePicker</td>
-        </tr>
-        <tr>
-          <td>onPositionChange</td>
-          <td style="text-align:center">Function</td>
-          <td style="text-align:center"></td>
-          <td>DatePicker</td>
-        </tr>
         <tr>
           <td>fixMainPosition</td>
           <td style="text-align:center">Boolean</td>

index.d.ts

@@ -488,6 +488,7 @@ declare module "react-multi-date-picker/plugins/date_panel" {
     header?: string;
     markFocused?: boolean;
     focusedClassName?: string;
+    formatFunction?(strDate: string): React.ReactNode;
   }
 
   export default function DatePanel(props: DatePanelProps): React.ReactElement;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-multi-date-picker",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "a simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple and range pickers.",
   "main": "./build/index.js",
   "types": "index.d.ts",

website/src/docs/plugins/panel.js

@@ -88,6 +88,11 @@ export default function Doc({ translate, language, otherProps, localeImport }) {
             <td>String</td>
             <td></td>
           </tr>
+          <tr>
+            <td>formatFunction</td>
+            <td>Function</td>
+            <td></td>
+          </tr>
         </tbody>
       </table>
     ),