/*
 * Native date/datetime/time/month/week inputs (Chromium/WebKit/Safari):
 * expand the calendar picker hit target so the whole field opens the picker,
 * not only the small built-in icon.
 *
 * Closing the picker on a second press is handled in
 * static/js/native-date-input-toggle.js (blur; no standard hidePicker yet).
 */
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"] {
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    color: transparent;
    background: transparent;
}