Introduce new saveLabelDisabled prop.

README.md

@@ -138,6 +138,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
@@ -194,6 +195,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
@@ -251,6 +253,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
       />

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

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

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
@@ -44,6 +45,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"
             >