button.date-toggler>i{margin-left:7px;font-size:small;transition:transform .3s ease-in-out;display:block}.user-planner.active button.date-toggler>i{transform:rotate(180deg)}.user-planner .calendar{max-height:0;transition:all .3s ease-in-out;overflow-y:hidden}.user-planner.active .calendar{max-height:350px}