fix: Change default header text for time on iOS (#560)

mmazzarolo · May 8, 2021 · 2435f38 · 2435f38
1 parent cba1468
commit 2435f38
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/DateTimePickerModal.ios.js b/src/DateTimePickerModal.ios.js
@@ -50,7 +50,6 @@ export class DateTimePickerModal extends React.PureComponent {
   static defaultProps = {
     cancelTextIOS: "Cancel",
     confirmTextIOS: "Confirm",
-    headerTextIOS: "Pick a date",
     modalPropsIOS: {},
     date: new Date(),
     isDarkModeEnabled: undefined,
@@ -135,6 +134,11 @@ export class DateTimePickerModal extends React.PureComponent {
       ? pickerStyles.containerDark
       : pickerStyles.containerLight;
 
+    const headerText =
+      headerTextIOS || this.props.mode === "time"
+        ? "Pick a time"
+        : "Pick a date";
+
     return (
       <Modal
         isVisible={isVisible}
@@ -150,7 +154,7 @@ export class DateTimePickerModal extends React.PureComponent {
             pickerContainerStyleIOS,
           ]}
         >
-          <HeaderComponent label={headerTextIOS} />
+          <HeaderComponent label={headerText} />
           <PickerComponent
             display="spinner"
             {...otherProps}