Как сделать гибридный Autocomplete с текстом и chip?

У меня на сайте(React) есть такой textfield из material-ui:

Когда пользователь просто вводит текст, то ничего не происходит, но когда он ставит /, то появляется меню выбора и при клике на опцию она должна появится в инпуте в виде чипа. Например:` Самый лучший фильм /Опция с меню в виде чипа

Я пытался найти какую-нибудь библиотеку, но ничего такого нет. Пытался поверх инпута наложить div, а сам текст в инпуте сделать прозрачным, а его значение поместить в div и когда я встречаю /, то текст после слеша делать в виде чипа, но так делать нельзя. Возможно, мне нужен Autocomplete и как-то поиграться с параметрами: renderInput, options? Но я не представляю что нужно делать.