angular-material-components icon indicating copy to clipboard operation
angular-material-components copied to clipboard

Optimization of the date time picker display

Open bah99 opened this issue 2 years ago • 1 comments

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.

image

bah99 avatar Aug 30 '22 13:08 bah99

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%;
    }
  }
}

rhwilburn avatar Mar 01 '24 05:03 rhwilburn