Pass placeholder through to edit input-field

web-ridge · Nov 5, 2024 · 241ed16 · 241ed16
1 parent ef8a089
commit 241ed16
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 0 deletions.
diff --git a/src/Date/CalendarEdit.tsx b/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}

diff --git a/src/Date/DatePickerInput.tsx b/src/Date/DatePickerInput.tsx
@@ -88,6 +88,7 @@ function DatePickerInput(
             label={rest.label as any}
             startWeekOnMonday={startWeekOnMonday}
             withDateFormatInLabel={rest.withDateFormatInLabel}
+            placeholder={rest.placeholder}
           />
         ) : null
       }

diff --git a/src/Date/DatePickerModal.tsx b/src/Date/DatePickerModal.tsx
@@ -102,6 +102,7 @@ export function DatePickerModal(
               disableStatusBar={disableStatusBar}
               statusBarOnTopOfBackdrop={isPageSheet || statusBarOnTopOfBackdrop}
               withDateFormatInLabel={props.withDateFormatInLabel}
+              placeholder={props.placeholder}
             />
           </View>
         </View>

diff --git a/src/Date/DatePickerModalContent.tsx b/src/Date/DatePickerModalContent.tsx
@@ -213,6 +213,7 @@ export function DatePickerModalContent(
             locale={locale}
             inputEnabled={props.inputEnabled}
             withDateFormatInLabel={props.withDateFormatInLabel}
+            placeholder={props.placeholder}
           />
         }
       />

diff --git a/src/Date/DatePickerModalContentHeader.tsx b/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