I'm designing a web management software that requires users to indicate their work days. These users do not have regular work days and hence we decided to allow them to just pick their work days from a calendar.
They typically select about 20 days out of the whole month (no regular pattern).
How can we show their selections on the text field without having to open the calendar again?
I'm currently thinking either showing:
The count of dates selected
All the dates selected but truncated based on width of field + tooltip to show all dates selected. However I imagine the tooltip can get quite long...
I often find myself just displaying the entire calendar since it's easier UX in my opinion for the user instead of having to click to open it.
Since then I just don't even bother hiding the calendar if I can get away with it. Another example was this UI where the client needed to pick a date to load all sales for said day. I opted again to just show the calendar directly to save him a click every time he wanted to explore new date (this was done in Angular):