coachcare / npm-datepicker

Material Datepicker Fork with TimePicker by CoachCare
MIT License
32 stars 18 forks source link

Date / Time Picker displays 12 in the inner ring, should be 0 #24

Open romeoteto opened 5 years ago

romeoteto commented 5 years ago

it would be ideal to replace the 12 of 24:00 by 00

f-aubert commented 5 years ago

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.

Karamuto commented 5 years ago

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 :(

KoIIIeY commented 5 years ago

.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