1.7.3

README.md

@@ -1,10 +1,10 @@
-# react-native-datepicker [![Build Status](https://travis-ci.org/xgfe/react-native-datepicker.svg?branch=master)](https://travis-ci.org/xgfe/react-native-datepicker) [![Coverage Status](https://coveralls.io/repos/github/xgfe/react-native-datepicker/badge.svg?branch=master)](https://coveralls.io/github/xgfe/react-native-datepicker?branch=master) [![Monthly download](https://img.shields.io/npm/dm/react-native-datepicker.svg)](https://img.shields.io/npm/dm/react-native-datepicker.svg) [![Total downloads](https://img.shields.io/npm/dt/react-native-datepicker.svg)](https://img.shields.io/npm/dt/react-native-datepicker.svg)
-React Native DatePicker component for both Android and iOS, using DatePickerAndroid, TimePickerAndroid and DatePickerIOS
+# react-native-yearpicker [![Build Status](https://travis-ci.org/xgfe/react-native-datepicker.svg?branch=master)](https://travis-ci.org/xgfe/react-native-datepicker) [![Coverage Status](https://coveralls.io/repos/github/xgfe/react-native-datepicker/badge.svg?branch=master)](https://coveralls.io/github/xgfe/react-native-datepicker?branch=master) 
+React Native YearPicker component for both Android and iOS, using DatePickerAndroid, TimePickerAndroid and DatePickerIOS
 
 ## Install
 
 ```bash
-npm install react-native-datepicker --save
+npm install react-native-yearpicker --save
 ```
 
 Or using [react-native-ui-xg](https://github.com/xgfe/react-native-ui-xg), our react-naitve ui kit.
@@ -24,17 +24,17 @@ Check [index.android.js](https://github.com/xgfe/react-native-datepicker/blob/ma
 ```javascript
 
 import React, { Component } from 'react'
-import DatePicker from 'react-native-datepicker'
+import YearPicker from 'react-native-yearpicker'
 
-export default class MyDatePicker extends Component {
+export default class MyYearPicker extends Component {
   constructor(props){
     super(props)
     this.state = {date:"2016-05-15"}
   }
 
   render(){
     return (
-      <DatePicker
+      <YearPicker
         style={{width: 200}}
         date={this.state.date}
         mode="date"

package.json

@@ -1,32 +1,45 @@
 {
-  "name": "react-native-datepicker",
-  "version": "1.7.2",
-  "description": "React Native DatePicker component for both Android and iOS, useing DatePickerAndroid, TimePickerAndroid and DatePickerIOS",
-  "main": "datepicker.js",
-  "scripts": {
-    "start": "node node_modules/react-native/local-cli/cli.js start",
-    "test": "jest --coverage",
-    "coverage": "cat ./coverage/lcov.info | coveralls",
-    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "lint": "eslint ."
+  "_from": "react-native-yearpicker",
+  "_id": "[email protected]",
+  "_inBundle": false,
+  "_integrity": "sha1-WNCCJZGgrJsyq6CCZQIioO4pZp0=",
+  "_location": "/react-native-yearpicker",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "react-native-yearpicker",
+    "name": "react-native-yearpicker",
+    "escapedName": "react-native-yearpicker",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/xgfe/react-native-datepicker.git"
-  },
-  "keywords": [
-    "react-native",
-    "DatePicker"
+  "_requiredBy": [
+    "#USER",
+    "/"
   ],
-  "author": "xgfe",
-  "license": "MIT",
+  "_resolved": "https://registry.npmjs.org/react-native-yearpicker/-/react-native-yearpicker-1.7.3.tgz",
+  "_shasum": "58d0822591a0ac9b32aba082650222a0ee29669d",
+  "_spec": "react-native-yearpicker",
+  "_where": "/Users/danielneu/work/teamraise",
+  "author": {
+    "name": "danneu2s1fa"
+  },
   "bugs": {
-    "url": "https://github.com/xgfe/react-native-datepicker/issues"
+    "url": "https://github.com/danneu2s1fa/react-native-yearpicker/issues"
+  },
+  "bundleDependencies": false,
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   },
-  "homepage": "https://github.com/xgfe/react-native-datepicker#readme",
   "dependencies": {
     "moment": "^2.22.0"
   },
+  "deprecated": false,
+  "description": "React Native Picker Modal to add Picker for iOS with a modifiication of DatePicker component for iOS using DatePickerIOS",
   "devDependencies": {
     "babel-core": "^6.5.2",
     "babel-eslint": "^7.2.3",
@@ -48,19 +61,34 @@
     "react-native": "0.49.3",
     "react-test-renderer": "16.0.0-beta.5"
   },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
+  "homepage": "https://github.com/danneu2s1fa/react-native-yearpicker#readme",
   "jest": {
     "preset": "react-native",
     "testPathIgnorePatterns": [
       "/node_modules/",
       "tools/"
     ]
   },
+  "keywords": [
+    "react-native",
+    "YearPicker"
+  ],
+  "license": "MIT",
+  "main": "year_picker.js",
+  "name": "react-native-yearpicker",
   "pre-commit": [
     "lint"
-  ]
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/danneu2s1fa/react-native-yearpicker.git"
+  },
+  "scripts": {
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "coverage": "cat ./coverage/lcov.info | coveralls",
+    "lint": "eslint .",
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "jest --coverage"
+  },
+  "version": "1.7.3"
 }

style.js

@@ -19,25 +19,29 @@ let style = StyleSheet.create({
   dateInput: {
     flex: 1,
     height: 40,
-    borderWidth: 1,
-    borderColor: '#aaa',
+    borderBottomWidth: 1,
+    borderColor: '#ccc',
     alignItems: 'center',
     justifyContent: 'center'
   },
   dateText: {
-    color: '#333'
+    color: '#333', 
+    fontSize:36
   },
   placeholderText: {
-    color: '#c9c9c9'
+    color: '#C7C7CD', // was: #c9c9c9
+    fontSize: 23, 
+
+
   },
   datePickerMask: {
     flex: 1,
     alignItems: 'flex-end',
     flexDirection: 'row',
-    backgroundColor: '#00000077'
+    backgroundColor: 'transparent'// was '#00000077'
   },
   datePickerCon: {
-    backgroundColor: '#fff',
+    backgroundColor: '#ddd',    // was: '#fff'
     height: 0,
     overflow: 'hidden'
   },
@@ -52,7 +56,7 @@ let style = StyleSheet.create({
   },
   btnTextText: {
     fontSize: 16,
-    color: '#46cf98'
+    color: '#000000'// was: '#46cf98'
   },
   btnTextCancel: {
     color: '#666'
@@ -65,8 +69,8 @@ let style = StyleSheet.create({
   },
   datePicker: {
     marginTop: 42,
-    borderTopColor: '#ccc',
-    borderTopWidth: 1
+    borderTopColor: '#ccc', // was: #ccc
+    borderTopWidth: 1, 
   },
   disabled: {
     backgroundColor: '#eee'