Can I only show DatePicker Icon ？

[simonlify]

Hi, Can I only show DatePicker Icon?
and hide the input box ?

[cuonghv91]

I want the vice versa, the showIcon property doesnt seem to work, whats goin on ? pls fix

[JolieNguyen]

Yes, you can.
If you just want to display icon:
<DatePicker
date={this.state.dateFrom}
style={{width:30}}
mode="date"
format="DD-MM-YYYY"
minDate={minDate}
maxDate={this.getCurrentDate()}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
customStyles={{
dateIcon: {
width:30,
height:30,
},
dateInput: {
height: 0,
width: 0,
marginRight: -30
}
}}
onDateChange={(date) => {this.setState({dateFrom: date})}}
/>

If you just want to display text input
<DatePicker
date={this.state.dateTo}
mode="date"
format="DD-MM-YYYY"
minDate={this.state.dateFrom}
maxDate={this.getCurrentDate()}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
customStyles={{
dateIcon: {
width:0,
height:0,
},
dateInput: {
height: 30,
}
}}
onDateChange={(date) => {this.setState({dateTo: date})}}
/>

Hope can help you :)

[avencat]

You could achieve this easily with #127

[simonlify]

thank you, i got it

[avencat]

Any review on this issue? Seems like it doesn't work anymore with RN 0.45. Can anyone confirm that?