<DatePickerModule
style={{
width: width - 34,
paddingBottom: 0,
paddingTop: 15,
// paddingLeft: 10,
borderStyle: "solid",
borderWidth: 0,
borderBottomColor: c.INPUT_BORDER,
borderBottomWidth: 1
}}
customStyles={{
dateInput: {
borderWidth: 0
},
dateTouchBody: {
borderWidth: 0
},
disabled: {
backgroundColor: "transparent"
},
placeholderText: {
position: "absolute",
bottom: 8,
left: 0,
color: c.GREY,
textAlign: "left",
fontSize: 16,
fontFamily: "Lato-Semibold"
},
dateText: {
position: "absolute",
bottom: 8,
left: 0,
color: dateColor,
textAlign: "left",
fontSize: 16,
fontFamily: "Lato-Semibold"
}
}}
iconSource={0}
ref="dateOfBirth"
date={utcDate}
mode="date"
androidMode="spinner"
required={required}
format={DATE_FORMAT_CLIENT}
placeholder={" "}
minDate={new Date(-2208988800000)}
maxDate={new Date()}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
disabled={!editable}
onDateChange={this.onDateChange}
/>
<AnimatedPlaceholder
style={{marginTop: 25}}
placeholder={"Birth date"}
required={required}
value={utcDate}
isStartAnimate={utcDate.length > 0}
/>
<Icon style={{
position: "absolute",
right: 10,
top: 17
}}
name="md-calendar"
size={30} color={c.GREY}
/>
<Datepicker
maxDate={new Date()}
/>
needDefaultValue
?
<input></input>
: <input defalutValue={1}></input>