react-native-date-picker

js
A datetime picker for React Native. In-modal or inlined. Supports Android and iOS.
Version 5.0.13 License MIT
Keywords
datepickerdate-pickerdate pickerdatepickerreact nativereact native date pickerreact native datepickerreact native datetimepickerreact native date time pickerreact-nativereact-native-date-picker
INSTALL
Type:
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 5.0.13
- 5.0.12
- 5.0.11
- 5.0.10
- 5.0.9
- 5.0.8
- 5.0.7
- 5.0.6
- 5.0.5
- 5.0.4
- 5.0.3
- 5.0.2
- 5.0.1
- 5.0.0
- 4.4.2
- 4.4.1
- 4.4.0
- 4.3.7
- 4.3.6
- 4.3.5
- 4.3.4
- 4.3.3
- 4.3.2
- 4.3.1
- 4.3.0
- 4.2.14
- 4.2.13
- 4.2.12
- 4.2.11
- 4.2.10
- 4.2.9
- 4.2.8
- 4.2.7
- 4.2.6
- 4.2.5
- 4.2.4
- 4.2.3
- 4.2.2
- 4.2.1
- 4.2.0
- 4.1.5
- 4.1.4
- 4.1.3
- 4.1.2
- 4.1.1
- 4.1.0
- 4.0.0
- 3.4.3
- 3.4.2
- 3.4.1
- 3.4.0
- 3.3.2
- 3.3.1
- 3.3.0
- 3.2.10
- 3.2.9
- 3.2.8
- 3.2.7
- 3.2.6
- 3.2.5
- 3.2.4
- 3.2.3
- 3.2.2
- 3.2.1
- 3.2.0
- 3.1.0
- 3.0.3
- 3.0.2
- 3.0.1
- 3.0.0
- 2.7.13
- 2.7.12
- 2.7.11
- 2.7.10
- 2.7.9
- 2.7.8
- 2.7.7
- 2.7.6
- 2.7.5
- 2.7.4
- 2.7.3
- 2.7.2
- 2.7.1
- 2.7.0
- 2.6.1
- 2.6.0
- 2.5.2
- 2.5.1
- 2.5.0
- 2.4.2
- 2.4.1
- 2.4.0
- 2.3.0
- 2.2.1
- 2.2.0
- 2.1.1
- 2.1.0
- 2.0.4
- 2.0.3
- 2.0.2
- 2.0.1
- 2.0.0
- 0.0.1
- 5.0.12-alpha.3
- 5.0.12-alpha.2
- 5.0.12-alpha.1
- 5.0.12-alpha.0
- 5.0.11-alpha.0
- 5.0.10-alpha.0
- 5.0.9-alpha.0
- 5.0.8-alpha.0
- 4.4.1-alpha.0
- 4.3.7-alpha.0
- 4.3.4-alpha.0
- 4.3.1-alpha.1
- 4.3.1-alpha.0
- 4.3.0-alpha.11
- 4.3.0-alpha.10
- 4.3.0-alpha.9
- 4.3.0-alpha.8
- 4.3.0-alpha.7
- 4.3.0-alpha.6
- 4.3.0-alpha.5
- 4.3.0-alpha.4
- 4.3.0-alpha.3
- 4.3.0-alpha.2
- 4.3.0-alpha.1
- 4.3.0-alpha.0
- 4.0.0-3
- 4.0.0-2
- 4.0.0-1
- 4.0.0-0
- 3.4.1-0
- 3.4.0-0
- 3.0.0-beta.0
<script src=" https://cdn.jsdelivr.net/npm/react-native-date-picker@5.0.13/src/colorToHex.min.js "></script>
No default JS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
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.
![]() |
![]() |
iOS | Android |
Inlined
The second option is to use the inlined picker. For instance in a view or a custom made modal.
![]() |
![]() |
iOS | Android |
Installation
See github page for installation instructions.
Documentation
See github page for documentation and more info.
Examples
See github page for code examples.
Modes
React Native Timepicker
![]() |
![]() |
More info about the react native timepicker.
React Native Datepicker
![]() |
![]() |
More info about the react native datepicker.
React Native Datetimepicker
![]() |
![]() |
![]() |
More info about the react native datetimepicker.