/* Aggressive CSS to hide placeholder */
input[type="time"]::placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="time"]::-moz-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="time"]::-webkit-datetime-edit-text {
    color: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

/* Force the actual value to show */
input[type="time"] {
    color: #000 !important;
}

/* Hide any placeholder text that contains hh:mm */
input[placeholder*="hh:mm"],
input[placeholder*="HH:MM"] {
    color: #000 !important;
}

input[placeholder*="hh:mm"]::placeholder,
input[placeholder*="HH:MM"]::placeholder {
    opacity: 0 !important;
}

/* Override Bootstrap modal styles */
.modal input[type="time"] {
    color: #000 !important;
}

/* Force hide the edit fields when empty */
input[type="time"]::-webkit-datetime-edit-hour-field:not(:focus):placeholder-shown,
input[type="time"]::-webkit-datetime-edit-minute-field:not(:focus):placeholder-shown,
input[type="time"]::-webkit-datetime-edit-ampm-field:not(:focus):placeholder-shown {
    color: transparent !important;
}