search

pandiaraj44 / react-native-datepicker-dialog

This library provides the cross-platform components for to open the date picker dialogs in effective way. It uses the native DatePickerAndroid & DatePickerIOS components. It will work for both ios & android.
MIT License
44 stars 15 forks source link

'OK' and 'CANCEL' buttons on dialog appear empty #13

Closed JorgeAlonso closed 6 years ago

JorgeAlonso commented 6 years ago

Hi!

I have started using this component on a new react native development, but unfortunately, when the dialog is displayed (on iOS emulator), the 'ok' and 'cancel' buttons appear empty. They are clickable, but no text is displayed on them.

Any hint on what could be happening? I have not found how to define the text on those buttons.

Thanks

kf729ik commented 6 years ago

Any solution? I have the same problem on IOS.

Nemesisesq commented 6 years ago

Set the props "okLabel" and "cancelLabel" on the DatePickerDialog component tag.

pandiaraj44 commented 6 years ago

Thanks, @Nemesisesq .

Hi @JorgeAlonso , @kf729ik ,

As for now, you need to pass the label name. We will add default props in next release.

Krupatank commented 6 years ago 
update  this

<DatePickerDialog ref="dobDialog" okLabel = 'OK' cancelLabel = 'CANCEL' onDatePicked={this.onDOBDatePicked.bind(this)} />

pandiaraj44 commented 6 years ago

Thanks, @Krupatank ,

Hi @JorgeAlonso , @kf729ik Ios datepicker-dialog ok, cancel button label added to default props. If you didn't give "okLablel/cancelLabel" then default label(Ok/Cancel will be shown.

New version released. https://www.npmjs.com/package/react-native-datepicker-dialog

JorgeAlonso commented 6 years ago

Awesome, thanks a lot for the prompt response