ohtaekwon
/
new-react-native-date-picker
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

Updated readme

master
Henning Hall 6 years ago
parent
b165deed49
commit
d0cbaa4b9a
4 changed files with 8 additions and 6 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      README.md
  2. BIN
      docs/react-native-date-picker.gif
  3. +1
    -1
      example/package.json
  4. +5
    -3
      example/yarn.lock

+ 2
- 2
README.md View File

@ -19,7 +19,7 @@ This is a React Native Date Picker with following main features:
<td align="center"><b>Android</b></td> <td align="center"><b>Android</b></td>
</tr> </tr>
<tr> <tr>
<td><img src="https://facebook.github.io/react-native/docs/assets/DatePickerIOS/maximumDate.gif" alt="React Native Date Picker IOS" height="150px" />
<td><img src="docs/react-native-date-picker.gif" alt="React Native Date Picker" title="React Native Date Picker" height="150px" />
</td> </td>
<td><img src="docs/react-native-date-picker-android.gif" alt="React Native Date Picker Android" height="150px" style="margin-left:10px" /> <td><img src="docs/react-native-date-picker-android.gif" alt="React Native Date Picker Android" height="150px" style="margin-left:10px" />
</td> </td>
@ -69,7 +69,7 @@ mode | The date picker mode. {'datetime', 'date', 'time'} | locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a <a title="react native datepicker locale id" href="https://developer.apple.com/library/content/documentation/MacOSX/Conceptual/BPInternational/LanguageandLocaleIDs/LanguageandLocaleIDs.html">Locale ID.</a>| <img src="docs/locale-ios.png" alt="React Native Date picker locale language ios" height="120px" />|<img src="docs/locale-android.png" alt="React Native Date picker locale language android" height="120px" /> locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a <a title="react native datepicker locale id" href="https://developer.apple.com/library/content/documentation/MacOSX/Conceptual/BPInternational/LanguageandLocaleIDs/LanguageandLocaleIDs.html">Locale ID.</a>| <img src="docs/locale-ios.png" alt="React Native Date picker locale language ios" height="120px" />|<img src="docs/locale-android.png" alt="React Native Date picker locale language android" height="120px" />
textColor | Changes the text color. | <img src="docs/colors-ios.png" alt="text color background color ios" height="120px" />|<img src="docs/colors-android.png" alt="Text color background color android" height="120px" /> textColor | Changes the text color. | <img src="docs/colors-ios.png" alt="text color background color ios" height="120px" />|<img src="docs/colors-android.png" alt="Text color background color android" height="120px" />
timeZoneOffsetInMinutes | Timezone offset in minutes (default: device's timezone) timeZoneOffsetInMinutes | Timezone offset in minutes (default: device's timezone)
|
## About ## About
📅 &nbsp; React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. 📅 &nbsp; React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android.

BIN
docs/react-native-date-picker.gif View File

Before After
Width: 338  |  Height: 178  |  Size: 955 KiB

+ 1
- 1
example/package.json View File

@ -10,7 +10,7 @@
"moment": "^2.22.1", "moment": "^2.22.1",
"react": "16.4.1", "react": "16.4.1",
"react-native": "0.56.0", "react-native": "0.56.0",
"react-native-date-picker": "^2.0.0",
"react-native-date-picker": "^2.2.0",
"react-native-device-info": "^0.22.5" "react-native-device-info": "^0.22.5"
}, },
"devDependencies": { "devDependencies": {

+ 5
- 3
example/yarn.lock View File

@ -4271,9 +4271,11 @@ react-is@^16.3.1:
version "16.3.1" version "16.3.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.3.1.tgz#ee66e6d8283224a83b3030e110056798488359ba" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.3.1.tgz#ee66e6d8283224a83b3030e110056798488359ba"
react-native-date-picker@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/react-native-date-picker/-/react-native-date-picker-2.0.0.tgz#a2364e44ecf2bf7deef5da667444674d8b9ddbba"
react-native-date-picker@^2.2.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/react-native-date-picker/-/react-native-date-picker-2.2.0.tgz#e494fb11cc71541be470e194a58462c90b677c8d"
dependencies:
moment "^2.22.1"
react-native-device-info@^0.22.5: react-native-device-info@^0.22.5:
version "0.22.5" version "0.22.5"

Write Preview
Loading…
Cancel
Save