Merge pull request #126 from iM-GeeKy/new-label-props

Introduce new saveLabelDisabled prop.

Author: RichardLindhout

README.md

@@ -152,6 +152,7 @@ export default function ReadMeExampleSingle() {
         // }}
         // onChange={} // same props as onConfirm but triggered without confirmed by user
         // saveLabel="Save" // optional
+        // saveLabelDisabled={true} // optional, default is false
         // uppercase={false} // optional, default is true
         // label="Select date" // optional
         // animationType="slide" // optional, default is 'slide' on ios/android and 'none' on web
@@ -213,6 +214,7 @@ export default function ReadMeExampleRange() {
         // }}
         // onChange={} // same props as onConfirm but triggered without confirmed by user
         // saveLabel="Save" // optional
+        // saveLabelDisabled={true} // optional, default is false
         // uppercase={false} // optional, default is true
         // label="Select period" // optional
         // startLabel="From" // optional
@@ -275,6 +277,7 @@ export default function ReadMeExampleMultiple() {
         // uppercase={false} // optional, default is true
         // label="Select period" // optional
         // startLabel="From" // optional
+        // saveLabelDisabled={true} // optional, default is false
         // endLabel="To" // optional
         // animationType="slide" // optional, default is slide on ios/android and none on web
         // startYear={2000} // optional, default is 1800

example/src/ReadMeExampleMultiple.tsx

@@ -37,7 +37,7 @@ export default function ReadMeExampleMultiple() {
         // }}
         // locale={'nl'} // optional
         // saveLabel="Save" // optional
-        // uppercase={false} // optional, default is true
+        // saveLabelDisabled={true} // optional, default is false        // uppercase={false} // optional, default is true
         // label="Select period" // optional
         // startLabel="From" // optional
         // endLabel="To" // optional

example/src/ReadMeExampleRange.tsx

@@ -44,6 +44,7 @@ export default function ReadMeExampleRange() {
         // onChange={} // same props as onConfirm but triggered without confirmed by user
         // locale={'nl'} // optional
         // saveLabel="Save" // optional
+        // saveLabelDisabled={true} // optional, default is false
         // uppercase={false} // optional, default is true
         // label="Select period" // optional
         // startLabel="From" // optional

example/src/ReadMeExampleSingle.tsx

@@ -37,6 +37,7 @@ export default function ReadMeExampleSingle() {
         // }}
         // onChange={} // same props as onConfirm but triggered without confirmed by user
         // saveLabel="Save" // optional
+        // saveLabelDisabled={true} // optional, default is false
         // uppercase={false} // optional, default is true
         // label="Select date" // optional
         // animationType="slide" // optional, default is 'slide' on ios/android and 'none' on web

src/Date/DatePickerModalContent.tsx

@@ -144,6 +144,7 @@ export function DatePickerModalContent(
           onSave={onInnerConfirm}
           onDismiss={onDismiss}
           saveLabel={props.saveLabel}
+          saveLabelDisabled={props.saveLabelDisabled ?? false}
           uppercase={props.uppercase ?? true}
           disableSafeTop={disableSafeTop}
           closeIcon={props.closeIcon}

src/Date/DatePickerModalHeader.tsx

@@ -8,6 +8,7 @@ import { getTranslation } from '../translations/utils'
 export interface DatePickerModalHeaderProps {
   disableSafeTop?: boolean
   saveLabel?: string
+  saveLabelDisabled?: boolean
   uppercase?: boolean
   onDismiss: () => void
   onSave: () => void
@@ -42,6 +43,7 @@ export default function DatePickerModalHeader(
             <Button
               color={color}
               onPress={props.onSave}
+              disabled={props.saveLabelDisabled ?? false}
               uppercase={props.uppercase ?? true}
               testID="react-native-paper-dates-save"
             >