A cross platform react native date picker component for android and ios. It includes 3 different modes: date, time, and datetime. The date picker is customizable and has multiple language support.
The first option is to use the built-in modal.
![]() | |
| iOS | Android |
The second option is to use the inlined picker. For instance in a view or a custom made modal.
![]() | |
| iOS | Android |
See github page for installation instructions.
You can specify a custom font for the date picker wheels on Android by using the fontFamily prop.
- Place your custom font file (e.g.,
MyFont.ttf) in your project atandroid/app/src/main/assets/fonts/. - Pass the font name (without the extension) to the component:
<DatePicker ... fontFamily="MyFont" />
See github page for documentation and more info.
See github page for code examples.
| |
More info about the react native timepicker.
| |
More info about the react native datepicker.
| | |
More info about the react native datetimepicker.










