Allow React elements as button labels (#2124)

Hacker0x01 · May 5, 2020 · c4bdd55 · c4bdd55
1 parent b21bf47
commit c4bdd55
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -79,8 +79,8 @@
 | `popperPlacement`            | `enumpopperPlacementPositions` |                    |             |
 | `popperProps`                | `object`                       |                    |             |
 | `preventOpenOnFocus`         | `bool`                         | `false`            |             |
-| `previousMonthButtonLabel`   | `string`                       | `"Previous Month"` |             |
-| `previousYearButtonLabel`    | `string`                       | `"Previous Year"`  |             |
+| `previousMonthButtonLabel`   | `union(string\|node)`          | `"Previous Month"` |             |
+| `previousYearButtonLabel`    | `union(string\|node)`          | `"Previous Year"`  |             |
 | `readOnly`                   | `bool`                         | `false`            |             |
 | `renderCustomHeader`         | `func`                         |                    |             |
 | `renderDayContents`          | `func`                         | `function(date) {  |

diff --git a/src/calendar.jsx b/src/calendar.jsx
@@ -148,8 +148,14 @@ export default class Calendar extends React.Component {
     shouldCloseOnSelect: PropTypes.bool,
     useShortMonthInDropdown: PropTypes.bool,
     showDisabledMonthNavigation: PropTypes.bool,
-    previousMonthButtonLabel: PropTypes.string,
-    nextMonthButtonLabel: PropTypes.string,
+    previousMonthButtonLabel: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.node
+    ]),
+    nextMonthButtonLabel: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.node
+    ]),
     previousYearButtonLabel: PropTypes.string,
     nextYearButtonLabel: PropTypes.string,
     renderCustomHeader: PropTypes.func,

diff --git a/src/index.jsx b/src/index.jsx
@@ -221,8 +221,14 @@ export default class DatePicker extends React.Component {
     excludeTimes: PropTypes.array,
     useShortMonthInDropdown: PropTypes.bool,
     clearButtonTitle: PropTypes.string,
-    previousMonthButtonLabel: PropTypes.string,
-    nextMonthButtonLabel: PropTypes.string,
+    previousMonthButtonLabel: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.node
+    ]),
+    nextMonthButtonLabel: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.node
+    ]),
     previousYearButtonLabel: PropTypes.string,
     nextYearButtonLabel: PropTypes.string,
     timeInputLabel: PropTypes.string,