Skip to content

React Native Date Picker is datetime picker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It's written with native code to achieve the best possible look, feel and performance.

License

Notifications You must be signed in to change notification settings

Yocanantham/react-native-date-picker

 
 

Repository files navigation

React Native Date Picker

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.

Modal

The first option is to use the built-in modal.

React Native DateTime Picker Modal iOS React Native DateTime Picker Modal Android
iOSAndroid

Inlined

The second option is to use the inlined picker. For instance in a view or a custom made modal.

React Native DateTime Picker React Native Date Time Picker
iOSAndroid

Installation

See github page for installation instructions.

Customization

fontFamily (Android only)

You can specify a custom font for the date picker wheels on Android by using the fontFamily prop.

  1. Place your custom font file (e.g., MyFont.ttf) in your project at android/app/src/main/assets/fonts/.
  2. Pass the font name (without the extension) to the component:
    <DatePicker ... fontFamily="MyFont" />

Documentation

See github page for documentation and more info.

Examples

See github page for code examples.

Modes

React Native Timepicker

react native timepicker react native timepicker android

More info about the react native timepicker.

React Native Datepicker

react native datepicker react native datepicker android

More info about the react native datepicker.

React Native Datetimepicker

React Native Date Picker react native datetimepicker react native datetimepicker android

More info about the react native datetimepicker.


About

React Native Date Picker is datetime picker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It's written with native code to achieve the best possible look, feel and performance.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 82.6%
  • JavaScript 8.9%
  • Objective-C++ 5.6%
  • Objective-C 1.5%
  • TypeScript 0.6%
  • Shell 0.5%
  • Ruby 0.3%