From 6173aa70b7699e92232f36c8878b44ce33f5461d Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Sat, 3 Oct 2020 08:19:45 +0300
Subject: [PATCH] UserPicker: Use clearable AsyncSelect for the UserPicker
 (#27994)

---
 public/app/core/components/Select/UserPicker.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/app/core/components/Select/UserPicker.tsx b/public/app/core/components/Select/UserPicker.tsx
index eedbc8da1b9..12c12a8d047 100644
--- a/public/app/core/components/Select/UserPicker.tsx
+++ b/public/app/core/components/Select/UserPicker.tsx
@@ -3,8 +3,7 @@ import React, { Component } from 'react';
 import _ from 'lodash';
 
 // Components
-import { LegacyForms } from '@grafana/ui';
-const { AsyncSelect } = LegacyForms;
+import { AsyncSelect } from '@grafana/ui';
 
 // Utils & Services
 import { debounce } from 'lodash';
@@ -66,13 +65,14 @@ export class UserPicker extends Component<Props, State> {
     return (
       <div className="user-picker" data-testid="userPicker">
         <AsyncSelect
+          isClearable
           className={className}
           isLoading={isLoading}
           defaultOptions={true}
           loadOptions={this.debouncedSearch}
           onChange={onSelected}
           placeholder="Select user"
-          noOptionsMessage={() => 'No users found'}
+          noOptionsMessage="No users found"
         />
       </div>
     );