.date-field { position: relative; }
.date-field input { padding-right: 45px; }
.date-field .calendar-trigger, .date-field .time-trigger { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; background: transparent; border: 0; cursor: pointer; }
.date-field .calendar-trigger:focus-visible, .date-field .time-trigger:focus-visible { outline: 3px solid #ef8c2e; outline-offset: -3px; }
.date-field .calendar-icon, .date-field .clock-icon { width: 20px; height: 20px; fill: none; stroke: #253633; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.date-field input::-webkit-calendar-picker-indicator { opacity: 0; pointer-events: none; }