Date / Time Picker displays 12 in the inner ring, should be 0 about npm-datepicker HOT 3 OPEN

I would think for a 24h format, the outer ring should have 0 and the inner 12. We start with 0:00 and so does the outer ring. In any case, presently either selecting the inner or the outer 12 format the date as 0:00 (midnight), so picking 12:00 (noon) is not possible at all.

from npm-datepicker.

As I am also living a 24h region, I can tell you that this here:

https://materialdoc.com/components/pickers/#time-picker

Is the default look for a 24h clock on the latest android version and this should follow the material guidelines.

Still waiting for the pull request to merged some day :(

from npm-datepicker.

.mat-clock-hours>.mat-clock-cell:first-child{ color: transparent; }

.mat-clock-hours>.mat-clock-cell:first-child:after {
content: "00";
color: black;
margin-left: -10px;
}

.mat-clock-hours>.mat-clock-cell.mat-clock-cell-selected:first-child:after {
content: "00";
color: white;
margin-left: -10px;
}

Add this to styles.css

from npm-datepicker.