Açılış TarihiPicker veya DatePickerDialog özel düğmeyi kullanarak

Question

DatePickerDialog'u, DatePicker ile gelen kutudan çıkan input dışında bir harici denetim/düğme kullanarak açmak üzere tetiklemek için herhangi bir yol var mı?

material-ui kütüphanesini kullanıyoruz. iletişim open devlet material-ui bileşenleri tarafından dahili olarak işlenir yana

Answer 1

, tek yol DatePicker içinde ref kullanarak ve focus() arar ki yapmak. Bir hack Kind - ama işe yarıyor ..

Örnek:

<DatePicker 
    ref='datePickerStartDate' 
    errorStyle={componentSyles.error} 
    textFieldStyle={componentSyles.textField} 
    DateTimeFormat={Intl.DateTimeFormat} 
    cancelLabel={cancelLabel} 
    autoOk={true} 
    {...this.props} 
    /> 

<FontIcon 
    onClick={(e) => { this.refs.datePickerStartDate.focus() }} 
    className="material-icons" style={componentSyles.icon}> 
    date_range 
</FontIcon>