Bug: When "End date" is enabled in Date property/calendar and an End date is selected, it wraps to the next line

[lindy65]

Reproduced by a QA community contributor and myself on https://boards-bugbash73.test.mattermost.cloud/ server

Steps to reproduce the behavior

1. Create a card
2. Add a "Date" property to the card
3. Select a date on the calendar, scroll down and enable "End date" and then select an End date
4. Observed: End date wraps to the next line

Expected behavior

End date does not wrap to the next line

Screenshots (optional)

Edition and Platform

• Edition: Mattermost Boards (plugin)
• Version: v7.4.1
• Browser and OS: Chrome / Win 10

[kamre]

Looks like this CSS rule is the reason:

.DateRange {
    .Button {
        width: calc(100% - 16px);
        ...
    }
    ...
}

Removing this rule for width fixes the issue.