github-actions[bot]
commented
1 year ago Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.
Current behaviour
I am trying to customize my date picker everything works fine but the input inside the modal is not changing neither for the format or for the styling.
Expected behaviour
I want to be able to change the input style and format inside the date modal
How to reproduce?
this is how i am trying to access the input props to be able to change the date format fyi i am using frensh as language : import { DatePickerInput, fr, registerTranslation, } from 'react-native-paper-dates';
registerTranslation('fr', fr);
<DatePickerInput ref={datePickerRef} locale="fr" label={ <Text style={{ backgroundColor: backgroundLabel ? backgroundLabel : background, }}> {label} } style={{position: 'relative'}} value={inputValue} onChange={d => { handleChange(d); if (d) { setShowDelete(true); } }} inputMode="start" mode={'outlined'} // style={{modal: {backgroundColor: 'red'}}} theme={{ colors: themeColors, roundness: 8, }} placeholder="JJ/MM/AAAA" inputProps={{ placeholder: 'JJ/MM/AAAA', format: 'JJ/MM/AAAA', formatPlaceholder: 'JJ/MM/AAAA', mode: 'outline', }} calendarIcon={() => ( <MaterialCommunityIcons name={'calendar'} size={25} color={inputValue ? text : placeholder} // style={{alignSelf: 'center'}} /> )} editIcon={() => ( <MaterialCommunityIcons name={'calendar'} size={25} color={inputValue ? text : placeholder} // style={{alignSelf: 'center'}} /> )} format="JJ/MM/AAAA" formatPlaceholder="JJ/MM/AAAA" withDateFormatInLabel={false} outlineColor={outline} selectionColor={disabled} activeOutlineColor={text} uppercase={false} startYear={minDate} endYear={maxDate} editable={editing} error={errorValue && touchedValue} hasError={errorValue && touchedValue} onBlur={onBlur} />
Preview
this is the outside input : everything works perfectly the styling and format :
this is the input inside the date modale the styling is not applying to the input just the theming and format is DD/MM/YYYY instead of JJ/MM/AAAA :
Your Environment
React Native CLI