.dtf{display:inline-flex;flex-direction:column;vertical-align:middle}.dtf,.dtf-inner{position:relative;min-width:0;width:100%}.dtf-inner{display:flex;align-items:center}label>span.dtf,label>span.dtf-inner{color:inherit;text-transform:none;letter-spacing:normal;white-space:normal}.dtf-inner>input[type=text]{flex:1 1 auto;width:100%;min-width:0;padding-right:30px;box-sizing:border-box}.dtf-pick{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#6e6e73;cursor:pointer;z-index:2}.dtf-pick:hover{background:rgba(24,54,76,.08);color:#1d1d1f}.dtf-pick:disabled{cursor:default;opacity:.5}.dtf-pick svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.dtf-err{display:block;font-size:11px;color:#b91c1c;margin-top:3px;line-height:1.2;font-weight:400}.dtf[data-kind=date]{min-width:calc(10ch + 44px)}.dtf[data-kind=datetime]{min-width:calc(16ch + 44px)}