.timePicker {
    flex: 1;
    padding: 7px;
    display: inline-block;
    border: solid 4px;
    margin: 5px;
    font: bold 14px Arial;
    text-transform: uppercase;
    text-align: center;
}

.timePickerContainer {
    display: flex;
    flex-wrap: wrap;
}

/* https://bugs.chromium.org/p/chromium/issues/detail?id=1199352 */
input::-webkit-datetime-edit-ampm-field:focus,
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-hour-field:focus,
input::-webkit-datetime-edit-millisecond-field:focus,
input::-webkit-datetime-edit-minute-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-second-field:focus,
input::-webkit-datetime-edit-week-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    background-color: highlight;
    color: highlighttext;
}