.pos-date-field { display:inline-flex; position:relative; align-items:center; vertical-align:middle; max-width:100%; }
.pos-date-field > input[data-pos-date] { box-sizing:border-box; width:154px; padding-right:31px; font-variant-numeric:tabular-nums; }
.pos-date-field > input[aria-invalid="true"] { border-color:#b91c1c; }
.pos-date-field > .pos-date-picker { position:absolute; right:3px; top:3px; bottom:3px; width:26px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; font:20px/1 system-ui,sans-serif; }
.pos-date-field > .pos-date-picker:hover { background:#eef4f0; }
.pos-date-field > .pos-date-picker:focus-visible { outline:2px solid #15803d; }
.pos-date-field > .pos-date-picker:disabled { opacity:.4; cursor:default; }
.pos-date-field > .pos-date-native { position:absolute; left:0; bottom:0; width:1px; height:1px; padding:0; border:0; opacity:0; pointer-events:none; }