diff --git a/src/Date/CalendarEdit.tsx b/src/Date/CalendarEdit.tsx index 843e9f1..33d929d 100644 --- a/src/Date/CalendarEdit.tsx +++ b/src/Date/CalendarEdit.tsx @@ -24,6 +24,8 @@ function CalendarEdit({ validRange, locale, inputEnabled, + withDateFormatInLabel, + placeholder, }: { mode: ModeType label?: string @@ -35,6 +37,8 @@ function CalendarEdit({ validRange: ValidRangeType | undefined locale: string inputEnabled?: boolean + withDateFormatInLabel?: boolean + placeholder?: string }) { const dateInput = useRef(null) const startInput = useRef(null) @@ -93,6 +97,8 @@ function CalendarEdit({ withModal={false} autoComplete={'off'} inputEnabled={inputEnabled} + withDateFormatInLabel={withDateFormatInLabel} + placeholder={placeholder} /> ) : null} {mode === 'range' ? ( @@ -110,6 +116,8 @@ function CalendarEdit({ withModal={false} autoComplete={'off'} inputEnabled={inputEnabled} + withDateFormatInLabel={withDateFormatInLabel} + placeholder={placeholder} /> ) : null} diff --git a/src/Date/DatePickerInput.tsx b/src/Date/DatePickerInput.tsx index ab759cd..cf951ee 100644 --- a/src/Date/DatePickerInput.tsx +++ b/src/Date/DatePickerInput.tsx @@ -87,6 +87,8 @@ function DatePickerInput( presentationStyle={presentationStyle} 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 index f116e72..e8d8dc4 100644 --- a/src/Date/DatePickerModal.tsx +++ b/src/Date/DatePickerModal.tsx @@ -101,6 +101,8 @@ export function DatePickerModal( disableSafeTop={disableStatusBarPadding} disableStatusBar={disableStatusBar} statusBarOnTopOfBackdrop={isPageSheet || statusBarOnTopOfBackdrop} + withDateFormatInLabel={props.withDateFormatInLabel} + placeholder={props.placeholder} /> diff --git a/src/Date/DatePickerModalContent.tsx b/src/Date/DatePickerModalContent.tsx index 77c79e2..04a0e4f 100644 --- a/src/Date/DatePickerModalContent.tsx +++ b/src/Date/DatePickerModalContent.tsx @@ -212,6 +212,8 @@ export function DatePickerModalContent( validRange={validRange} locale={locale} inputEnabled={props.inputEnabled} + withDateFormatInLabel={props.withDateFormatInLabel} + placeholder={props.placeholder} /> } /> diff --git a/src/Date/DatePickerModalContentHeader.tsx b/src/Date/DatePickerModalContentHeader.tsx index 406e073..1d00c14 100644 --- a/src/Date/DatePickerModalContentHeader.tsx +++ b/src/Date/DatePickerModalContentHeader.tsx @@ -12,6 +12,8 @@ export interface HeaderPickProps { moreLabel?: string label?: string emptyLabel?: string + withDateFormatInLabel?: boolean + placeholder?: string saveLabel?: string uppercase?: boolean headerSeparator?: string