wrap button in span with tabIndex, in order not to lose focus in safari

Author: stomita

src/scripts/DateInput.tsx

@@ -312,15 +312,17 @@ class DateInputInner extends Component<
           onChange={this.onInputChange}
           onBlur={this.onInputBlur}
         />
-        <Button
-          type='icon'
-          icon='event'
-          disabled={props.disabled}
-          className='slds-input__icon slds-input__icon_right'
-          tabIndex={-1}
-          onClick={props.disabled ? undefined : this.onDateIconClick}
-          onBlur={this.onInputBlur}
-        />
+        <span style={{ outline: 0 }} tabIndex={-1} onBlur={this.onInputBlur}>
+          <Button
+            type='icon'
+            icon='event'
+            disabled={props.disabled}
+            className='slds-input__icon slds-input__icon_right'
+            tabIndex={-1}
+            onClick={props.disabled ? undefined : this.onDateIconClick}
+            onBlur={this.onInputBlur}
+          />
+        </span>
       </div>
     );
   }

src/scripts/Lookup.tsx

@@ -280,15 +280,17 @@ export class LookupSearch extends Component<LookupSearchProps> {
           onChange={this.onInputChange}
           onBlur={this.onInputBlur}
         />
-        <Button
-          type='icon'
-          icon='search'
-          disabled={props.disabled}
-          className='slds-input__icon slds-input__icon_right'
-          tabIndex={-1}
-          onClick={props.disabled ? undefined : this.onLookupIconClick}
-          onBlur={this.onInputBlur}
-        />
+        <span style={{ outline: 0 }} tabIndex={-1} onBlur={this.onInputBlur}>
+          <Button
+            type='icon'
+            icon='search'
+            disabled={props.disabled}
+            className='slds-input__icon slds-input__icon_right'
+            tabIndex={-1}
+            onClick={props.disabled ? undefined : this.onLookupIconClick}
+            onBlur={this.onInputBlur}
+          />
+        </span>
       </div>
     );
   }