1/* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6input[type="date" i],
7input[type="datetime-local" i],
8input[type="month" i],
9input[type="time" i],
10input[type="week" i] {
11    align-items: center;
12    display: -webkit-inline-flex;
13    font-family: monospace;
14    overflow: hidden;
15    padding: 0;
16    -webkit-padding-start: 1px;
17}
18
19input::-webkit-datetime-edit {
20    flex: 1;
21    -webkit-user-modify: read-only !important;
22    display: inline-block;
23    overflow: hidden;
24}
25
26input::-webkit-datetime-edit-fields-wrapper {
27    -webkit-user-modify: read-only !important;
28    display: inline-block;
29    padding: 1px 0;
30    white-space: pre;
31}
32
33/* If you update padding, border, or margin in the following ruleset, update
34   DateTimeFieldElement::maximumWidth too. */
35input::-webkit-datetime-edit-ampm-field,
36input::-webkit-datetime-edit-day-field,
37input::-webkit-datetime-edit-hour-field,
38input::-webkit-datetime-edit-millisecond-field,
39input::-webkit-datetime-edit-minute-field,
40input::-webkit-datetime-edit-month-field,
41input::-webkit-datetime-edit-second-field,
42input::-webkit-datetime-edit-week-field,
43input::-webkit-datetime-edit-year-field {
44    -webkit-user-modify: read-only !important;
45    border: none;
46    display: inline;
47    font: inherit !important;
48    padding: 1px;
49}
50
51/* Remove focus ring from fields and use highlight color */
52input::-webkit-datetime-edit-ampm-field:focus,
53input::-webkit-datetime-edit-day-field:focus,
54input::-webkit-datetime-edit-hour-field:focus,
55input::-webkit-datetime-edit-millisecond-field:focus,
56input::-webkit-datetime-edit-minute-field:focus,
57input::-webkit-datetime-edit-month-field:focus,
58input::-webkit-datetime-edit-second-field:focus,
59input::-webkit-datetime-edit-week-field:focus,
60input::-webkit-datetime-edit-year-field:focus {
61    background-color: highlight;
62    color: highlighttext;
63    outline: none;
64}
65
66input::-webkit-datetime-edit-year-field[disabled],
67input::-webkit-datetime-edit-month-field[disabled],
68input::-webkit-datetime-edit-week-field[disabled],
69input::-webkit-datetime-edit-day-field[disabled],
70input::-webkit-datetime-edit-ampm-field[disabled],
71input::-webkit-datetime-edit-hour-field[disabled],
72input::-webkit-datetime-edit-millisecond-field[disabled],
73input::-webkit-datetime-edit-minute-field[disabled],
74input::-webkit-datetime-edit-second-field[disabled] {
75    color: GrayText;
76}
77
78/* If you update padding, border, or margin in the following ruleset, update
79   DateTimeEditElement::customStyelForRenderer too. */
80input::-webkit-datetime-edit-text {
81    -webkit-user-modify: read-only !important;
82    display: inline;
83    font: inherit !important;
84}
85
86input[type="date" i]::-webkit-inner-spin-button,
87input[type="datetime" i]::-webkit-inner-spin-button,
88input[type="datetime-local" i]::-webkit-inner-spin-button,
89input[type="month" i]::-webkit-inner-spin-button,
90input[type="time" i]::-webkit-inner-spin-button,
91input[type="week" i]::-webkit-inner-spin-button {
92    /* FIXME: Remove height. */
93    height: 1.5em;
94    -webkit-margin-start: 2px;
95}
96