Skip to content
This repository has been archived by the owner on Jun 24, 2021. It is now read-only.

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

Open
romeoteto opened this issue Oct 8, 2018 · 3 comments
Open

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

romeoteto opened this issue Oct 8, 2018 · 3 comments

Comments

@romeoteto
Copy link

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

romeoteto added a commit to romeoteto/npm-datepicker that referenced this issue Oct 30, 2018
Date / Time Picker displays 12 in the inner ring, should be 0 coachcare#24: it would be ideal to replace the 12 of 24:00 by 00
@f-aubert
Copy link

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
Copy link

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
Copy link

KoIIIeY commented Jan 24, 2019

.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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Development

No branches or pull requests

5 participants