make appointment UI