How to change font family or size of DatePicker

[jibin362]

The default font used in android is the default one used by android system. Can i use a different phone using styling or some sort like we use custom fonts for Text using fontFamily.

The default font i use in my app is Montesserat which you can see in calendar font but the datepicker is using default phone font.

My Code:

<DatePicker
    date={scrollDate}
    mode="time"
    minuteInterval={15}
    androidVariant="nativeAndroid"
    textColor="#964570"
    onDateChange={(dt) => {
      console.log('date', dt);
      setScrollDate(dt);
    }}
  />

Also the active date color initially loads the textColor i give but on scroll changes to white.

On Load

After Scroll

[tinydiv333]

Did you get any solution ?

[jibin362]

@tinydiv333 We had to change the implementation, since somehow this package didn't met our requirement. So I don't have a proper answer for this question.

We went with a custom implementation with the help of https://github.com/amrulhaq/react-native-wheely-simple-picker.

[marcinczepielahumanit]

Hi, recently I've started using this library in a project.
I can see that there is no update on this topic, but let's try 🙃

Is it possible to add a font-family prop available from the JS side?
Or pass some render wheel picker item function?

We are using Expo with a dev client, so if there is no way to add new props we will be forced to build our custom own solution