Вы можете добиться этого, используя три метки с автоматическим макетом
![enter image description here](https://i.stack.imgur.com/YfHEw.png)
я даю ограничение метке центра (сегодня 08.30) по центру по горизонтали и центрувертикально к контроллеру представления.
просто измените Приоритет обнимания метки центра (сегодня 08.30) на 1000 ![enter image description here](https://i.stack.imgur.com/GWv59.png)
теперь ваша центральная метка регулирует его ширину в соответствии с вашим текстом.
присваивает цвет задней панели двум другим меткам.