forked from henninghall/react-native-date-picker
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* add is24hourSource prop * cleanup * npm readme
- Loading branch information
1 parent
adb4d8e
commit db5939e
Showing
2 changed files
with
79 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
# React Native Date Picker | ||
|
||
A cross platform <a href="https://github.com/henninghall/react-native-date-picker" title="React Native Date Pickers">react native date picker</a> component for android and ios. It includes 3 different modes: date, time, and datetime. The date picker is customizable and has multiple language support. | ||
|
||
<table > | ||
<tr> | ||
<td align="center"><b>iOS</b></td> | ||
</tr> | ||
<tr> | ||
<td ><img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/react-native-date-picker.gif" alt="React Native Date Picker" title="React Native Date Picker" height="150px"/> | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td align="center" colspan="2"><b>Android</b><br>Choose from 2 different variants</td> | ||
</tr> | ||
<tr> | ||
<td><img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/react-native-date-picker-android.gif" alt="React Native Date Picker Android" height="150px" style="margin-left:10px" /> | ||
</td> | ||
<td><img src="https://raw.githubusercontent.com/henninghall/react-native-date-picker/master/docs/react-native-date-picker-android-native.gif" alt="React Native Datepicker" height="150px" style="margin-left:10px" /> | ||
</td> | ||
</tr> | ||
</table> | ||
|
||
## Installation | ||
|
||
See <a href="https://github.com/henninghall/react-native-date-picker">github page</a> for installation instructions. | ||
|
||
## Documentation | ||
|
||
See <a href="https://github.com/henninghall/react-native-date-picker">github page</a> for documentation and more info. | ||
|
||
## Examples | ||
|
||
See <a href="https://github.com/henninghall/react-native-date-picker">github page</a> for code examples. | ||
|
||
## Modes | ||
|
||
### React Native Timepicker | ||
|
||
<table><tr><td> | ||
<img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/time-mode-ios.png" alt="react native timepicker" height="120px" | ||
/> | ||
</td><td> | ||
<img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/time-mode-android.png" alt="react native timepicker android" height="120px" /> | ||
</td></tr></table> | ||
|
||
More info about the <a href="https://github.com/henninghall/react-native-date-picker#time-picker">react native timepicker</a>. | ||
|
||
### React Native Datepicker | ||
|
||
<table><tr><td> | ||
<img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/date-mode-ios.png" alt="react native datepicker" height="120px" | ||
/> | ||
</td><td> | ||
<img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/date-mode-android.png" alt="react native datepicker android" height="120px" /> | ||
</td></tr></table> | ||
|
||
More info about the <a href="https://github.com/henninghall/react-native-date-picker#datepicker">react native datepicker</a>. | ||
|
||
### React Native Datetimepicker | ||
|
||
<table> | ||
<tr> | ||
<td align="center"><img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/react-native-date-picker.gif" alt="React Native Date Picker" title="React Native Date Picker" height="120px"/> | ||
</td> | ||
<td align="center"> | ||
<img src="https://github.com/henninghall/react-native-date-picker/raw/master/docs/react-native-date-picker-android.gif" alt="react native datetimepicker" height="120px" /> | ||
</td><td align="center"> | ||
<img src="https://raw.githubusercontent.com/henninghall/react-native-date-picker/master/docs/react-native-date-picker-android-native.gif" alt="react native datetimepicker android" height="120px" /> | ||
</td></tr> | ||
</table> | ||
|
||
More info about the <a href="https://github.com/henninghall/react-native-date-picker#date-time-picker">react native datetimepicker</a>. | ||
|
||
<br> | ||
<a href="https://github.com/henninghall/react-native-date-picker#date-time-picker"><h2>Visit github page → </h2></a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters