Pass placeholder through to edit input-field

Author: renefitzke1

src/Date/CalendarEdit.tsx

@@ -25,6 +25,7 @@ function CalendarEdit({
   locale,
   inputEnabled,
   withDateFormatInLabel,
+  placeholder,
 }: {
   mode: ModeType
   label?: string
@@ -37,6 +38,7 @@ function CalendarEdit({
   locale: string
   inputEnabled?: boolean
   withDateFormatInLabel?: boolean
+  placeholder?: string
 }) {
   const dateInput = useRef<TextInputNative | null>(null)
   const startInput = useRef<TextInputNative | null>(null)
@@ -96,6 +98,7 @@ function CalendarEdit({
           autoComplete={'off'}
           inputEnabled={inputEnabled}
           withDateFormatInLabel={withDateFormatInLabel}
+          placeholder={placeholder}
         />
       ) : null}
       {mode === 'range' ? (
@@ -114,6 +117,7 @@ function CalendarEdit({
             autoComplete={'off'}
             inputEnabled={inputEnabled}
             withDateFormatInLabel={withDateFormatInLabel}
+            placeholder={placeholder}
           />
           <View style={styles.separator} />
           <DatePickerInputWithoutModal
@@ -129,6 +133,7 @@ function CalendarEdit({
             autoComplete="off"
             inputEnabled={inputEnabled}
             withDateFormatInLabel={withDateFormatInLabel}
+            placeholder={placeholder}
           />
         </View>
       ) : null}

src/Date/DatePickerInput.tsx

@@ -88,6 +88,7 @@ function DatePickerInput(
             label={rest.label as any}
             startWeekOnMonday={startWeekOnMonday}
             withDateFormatInLabel={rest.withDateFormatInLabel}
+            placeholder={rest.placeholder}
           />
         ) : null
       }

src/Date/DatePickerModal.tsx

@@ -102,6 +102,7 @@ export function DatePickerModal(
               disableStatusBar={disableStatusBar}
               statusBarOnTopOfBackdrop={isPageSheet || statusBarOnTopOfBackdrop}
               withDateFormatInLabel={props.withDateFormatInLabel}
+              placeholder={props.placeholder}
             />
           </View>
         </View>

src/Date/DatePickerModalContent.tsx

@@ -213,6 +213,7 @@ export function DatePickerModalContent(
             locale={locale}
             inputEnabled={props.inputEnabled}
             withDateFormatInLabel={props.withDateFormatInLabel}
+            placeholder={props.placeholder}
           />
         }
       />

src/Date/DatePickerModalContentHeader.tsx

@@ -13,6 +13,7 @@ export interface HeaderPickProps {
   label?: string
   emptyLabel?: string
   withDateFormatInLabel?: boolean
+  placeholder?: string
   saveLabel?: string
   uppercase?: boolean
   headerSeparator?: string