{#if inline} {#if shouldShowAvatar} {/if} {#if value !== undefined && value !== null && value.toString() !== ''} {#if withDate} {new Date(value).getDate()} {getMonthName(new Date(value), 'short')} {#if new Date(value).getFullYear() !== today.getFullYear()} {new Date(value).getFullYear()} {/if} {/if} {#if withTime} {#if withDate} {/if} {new Date(value).getHours().toString().padStart(2, '0')} : {new Date(value).getMinutes().toString().padStart(2, '0')} {/if} {:else} {/if} {:else} { if (editable && !opened && withDate) openPopup() else if (editable && !opened && mode === DateRangeMode.TIME) edit = true }} > {#if edit} {#if withDate} { keyDown(ev, edits[0].id) }} on:focus={() => { focused(edits[0].id) }} on:blur={(ev) => { unfocus(ev, edits[0].id) }} > {#if edits[0].value > -1} {edits[0].value.toString().padStart(2, '0')} {:else}{/if} . { keyDown(ev, edits[1].id) }} on:focus={() => { focused(edits[1].id) }} on:blur={(ev) => { unfocus(ev, edits[1].id) }} > {#if edits[1].value > -1} {edits[1].value.toString().padStart(2, '0')} {:else}{/if} . { keyDown(ev, edits[2].id) }} on:focus={() => { focused(edits[2].id) }} on:blur={(ev) => { unfocus(ev, edits[2].id) }} > {#if edits[2].value > -1} {edits[2].value.toString().padStart(4, '0')} {:else}{/if} {/if} {#if withTime} {#if mode === DateRangeMode.DATETIME} {/if} { keyDown(ev, edits[3].id) }} on:focus={() => { focused(edits[3].id) }} on:blur={(ev) => { unfocus(ev, edits[3].id) }} > {#if edits[3].value > -1} {edits[3].value.toString().padStart(2, '0')} {:else}{/if} : { keyDown(ev, edits[4].id) }} on:focus={() => { focused(edits[4].id) }} on:blur={(ev) => { unfocus(ev, edits[4].id) }} > {#if edits[4].value > -1} {edits[4].value.toString().padStart(2, '0')} {:else}{/if} {/if} {#if value} { selected = defaultSelected startTyping = true value = null setEmptyEdits() const newFocusElement = edits[mode === DateRangeMode.TIME ? 2 : 0].el if (newFocusElement) newFocusElement.focus() }} on:blur={(ev) => { unfocus(ev, closeBtn) }} > {/if} {:else} {#if value !== undefined && value !== null && value.toString() !== ''} {#if withDate} {new Date(value).getDate()} {getMonthName(new Date(value), 'short')} {#if new Date(value).getFullYear() !== today.getFullYear()} {new Date(value).getFullYear()} {/if} {/if} {#if withTime} {#if withDate} {/if} {new Date(value).getHours().toString().padStart(2, '0')} : {new Date(value).getMinutes().toString().padStart(2, '0')} {/if} {:else} {/if} {/if} {/if}