.app-date-field { position: relative; display: inline-flex; width: 100%; min-width: 0; align-items: center; }
.app-date-field > input.app-date-display { width: 100%; min-width: 0; padding-right: 2.7rem; font-variant-numeric: tabular-nums; }
.app-date-field > input.app-date-native { position: absolute !important; right: 0; bottom: 0; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; }
.app-date-field > .app-date-picker { position: absolute; right: .25rem; top: 50%; transform: translateY(-50%); border: 0; border-radius: .4rem; background: transparent; color: #245cf0; padding: .3rem .5rem; min-width: 2rem; min-height: 2rem; cursor: pointer; }
.app-date-field > .app-date-picker:hover { background: #eaf1ff; }
.app-date-picker svg { width: 17px; height: 17px; }
.app-date-field > .app-date-picker:focus-visible { outline: 2px solid #245cf0; outline-offset: 1px; }
.app-date-field > .app-date-picker:disabled { opacity: .4; cursor: default; }