Control element method does not work in Safari Version 11.0 (12604.1.38.1.7)

[juanpaco]

Table of Contents

• Expected Behavior
• Current Behavior
• Possible Solution
• Steps to Reproduce (for bugs)
• Context
• Your Environment

Expected Behavior

Click on the control element example should load the calendar.

Current Behavior

Click on the control element example does nothing

Possible Solution

Steps to Reproduce (for bugs)

1. Navigate to http://pushtell.github.io/react-bootstrap-date-picker/
2. Click on the Control Element example

Context

Whatever breaks this example also breaks similar usage in my app. When using the Control Element method, users can't use the date control.

Your Environment

• Version used:
• Browser Name and version: Safari http://pushtell.github.io/react-bootstrap-date-picker/
• Operating System and version (desktop or mobile): macOS Sierra 10.12.6
• Link to your project:

[mbrimmer83]

@juanpaco Have you had any luck debugging this issue? I am experiencing this same issue in Safari.

[juanpaco]

I haven't, no. I ended up using https://github.com/YouCanBookMe/react-datetime instead.

[mbrimmer83]

Ok, thanks.

[DanPfeifer]

My fix for this, setting the onClick event to call the onFocus function.

const CustomControl = ({...props}) => {
  return (<Button onClick={props.onFocus} {...props}>{props.value}</Button>);
};