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