angular-material-components
angular-material-components copied to clipboard
Optimization of the date time picker display
Hello, I am happy to share this with you. We managed to reduce the height by displaying the time and the validation button on the right.
Interesting, I had done the same. In Scss syntax:
.mat-datepicker-content-container.mat-datepicker-content-container-with-time {
.time-container {
justify-content: center;
align-items: center;
min-width: 200px;
&::before {
content: "Time";
top: 75px;
background: none;
text-align: center;
width: 100%;
}
}
}