uwc-datepicker{min-width:15rem;display:inline-block;padding:.5rem;ul{margin:0;padding:0;li{list-style:none;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:1px dashed transparent;cursor:default;&:hover:not(.weeknumber){background:#fafafa}&.selected{border-color:#00f}&[aria-disabled]{background:#d3d3d3;pointer-events:none}}}.selection{display:flex;justify-content:space-between;button{background:none;border:none;padding:.5rem;&:hover{background:#fafafa}&.current{flex-grow:1;text-align:center}}}.year{ul{display:grid;grid-template-columns:repeat(3,1fr)}}.month{ul{display:grid;grid-template-columns:2rem repeat(7,1fr);&.weekdays{li{color:#d3d3d3}}&.days{li{&.previous-month,&.next-month,&.weeknumber{color:#d3d3d3;background:inherit}}}}}}uwc-input{display:inline-block;border:1px solid gray;border-radius:2px;padding:2px 3px;height:min-content;width:172px;position:relative;cursor:text;font-family:Arial;font-size:13.3333px;&[type=date]{width:100px;min-width:fit-content}&[disabled]{background:#efefef4d;pointer-events:none}&:focus-within{border-bottom-left-radius:0;border-bottom-right-radius:0;menu{visibility:visible;pointer-events:initial}}& div[part=placeholder]{visibility:hidden;color:gray;position:absolute;top:0;left:0;width:100%}& div[contenteditable]{display:block;width:100%;&:empty+div[part=placeholder]{visibility:visible}}menu{position:absolute;left:-1px;right:-1px;top:100%;padding:0;margin:0;z-index:1;min-width:min-content;visibility:hidden;pointer-events:none;cursor:initial;border:1px solid gray;background:#fff;li{list-style:none;padding:2px 3px;&:hover:not([aria-disabled]){background:#00f;color:#fff}}}}