{#if label}
{/if}
(valid = e.detail.valid)}
bind:this={hiddenInput}
/>
{#each ['hour', 'minute'] as componentKey[] as key}
{@const opts = components[key]}
liveValidator(n, keydownValidatorOpts)}
forceInvalid={!valid}
onkeydown={opts.onkeydown}
oninput={opts.oninput}
onblur={opts.onblur}
{@attach focusList.input({ selectAll: true })}
/>
{#if opts.divider}
{opts.divider}
{/if}
{/each}
{#each ['AM', 'PM'] as (typeof ampm)[] as shade, index}
{/each}