xgfe / react-native-datepicker

react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS
MIT License
2.12k stars 726 forks source link

Can't change Action sheet date color in react-native-datepicker--urgent help please #395

Open Biplovkumar opened 4 years ago

Biplovkumar commented 4 years ago

Issue

Can't change Action sheet date color in react-native-datepicker

Expected Behavior

change Action sheet date color in react-native-datepicker

Code

   <DatePicker
                          date={dat}
                          mode="date"
                         // color={"red"}
                         mode="datetime"

                         textColor="#FFF000"
                         //pickerContainerStyleIOS
                        // titleStyle
                          format="DD-MM-YYYY"
                          maxDate={currentDate}
                          confirmBtnText="Confirm"
                          cancelBtnText="Cancel"
                          style={{ width: '100%',color:'red' }}
                          placeholder="Select DOB"
                          customStyles={{
                            dateTouchBody: {
                              width: '100%',
                            },
                            dateInput:
                            {
                              color: Colors.GText,
                              fontSize: height / 45,
                              marginHorizontal: 10,
                              borderColor: 'transparent',
                              alignItems: 'flex-start',
                            },
                            datePicker:{
                              color:'#FFFFFF'
                            },
                            placeholderText:{
                              color:'#FFFFFF'

                            },
    dateText:{
      color:'#FFFFFF'
    },
    dateIcon:{
      color:'#FFFFFF'
    },
    dateInput:{
      color:'#FFFFFF'
    },
    dateTouchBody:{
      color:'#FFFFFF'
    },
    datePickerCon:{
      color:'#FFFFFF'
    },
    datePicker:{
      color:'#FFFFFF',
      backgroundColor:'#FFFFFF'
    },
    btnCancel:{
      color:'#FFFFFF'
    },
    btnTextCancel:{
      color:'#FFFFFF'
    },
    btnConfirm:{
      color:'#FFFFFF'
    },
    btnTextConfirm:{
      color:'#FFFFFF'
    },
    disabled:{
      color:'#FFFFFF'
    }
                          }}
                          onDateChange={(DOB) => { this.setDOB(DOB); }}
                        />

Environment

  1. react-native -v: "react-native": "0.59.9",
  2. node -v:v10.15.3
  3. npm -v:6.4.1
  4. yarn --version<!-- 1.16.0->:
  5. target platform: Android | iOS (Both)
  6. operating system: Mac

Simulator Screen Shot - iPhone 8 - 2020-01-20 at 10 40 38