How to display "Select all" in multi select auto complete pattern?

Existing Design:

enter image description here

Scenarios:

In the default state, we don't show the entire list to the user. Once user starts typing, we show the predictive matches

enter image description here

We don't use a checkbox pattern for the element. Once user clicks on any suggested items, we use a tooltip to show this.

enter image description here

Problem:

  1. How to show "Select all" option
  2. Once user selects all, how to communicate all items are selected in dropdown field + in the input area as well?

Basically, this is all about adding "Select all" option to this https://ej2.syncfusion.com/demos/?_ga=2.256054221.719160238.1590220025-1863879226.1587444869#/material/multi-select/default.html

Screenshot:

enter image description here

There is one possible duplication of this question. But this does not answer to my question fully. The suggested answers does not answer what to show in input box when we hit select all.

Tags: , , , , , ,