Browse Source

Npm readme (#232)

* add is24hourSource prop

* cleanup

* npm readme
master
Henning Hall 5 years ago
committed by GitHub
parent
commit
db5939e545
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 79 additions and 0 deletions
  1. +77
    -0
      npmREADME.md
  2. +2
    -0
      package.json

+ 77
- 0
npmREADME.md View File

@ -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>

+ 2
- 0
package.json View File

@ -4,6 +4,8 @@
"description": "A Cross Platform React Native Picker",
"main": "src/index.js",
"scripts": {
"prepublishOnly": "mv README.md githubREADME.md && mv npmREADME.md README.md",
"postpublish": "mv README.md npmREADME.md && mv githubREADME.md README.md",
"test": "jest src"
},
"repository": {

Loading…
Cancel
Save